﻿/* Blue CSS Document */
.HtmlPost
{
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 30px;
    border-bottom: 1px solid #ccc !important;
    width: 650px;
    padding: 10px;
    border-radius: 10px;
    background-color: #F3F3F3;
}
.Htmlpost2
{
    float:left;
    background-color:white;
    width:699px;
}
#dropHelp {
    background: transparent url(../../Images/toplink-icon.png) no-repeat -5px -195px;
    float: left;
    padding: 0px 4px 0px 18px;
}
#dropHelp:hover {
    background: transparent url(../../Images/toplink-icon.png) no-repeat -5px -223px;
}
a.MyDashboardTopBarTabCurrent, a.MyDashboardTopBarTabCurrent:hover {
background: #c72618;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
padding:5px 17px 8px 17px;
border-top-left-radius: 15px;
    margin-top: 4px;
	}

a.MyDashboardTopBarTab {
background: #f9f9f9;
margin-right: 1px;
margin-top: 4px;
background: -moz-linear-gradient(top, #f9f9f9 1%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#d4d3d3));
background: -webkit-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -o-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -ms-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d4d3d3',GradientType=0 );
border-top: #e2e2e2 solid 3px;
float: left;
color: #212121;
padding: 4px 17px 4px 17px;
border-top-left-radius: 15px;
}


a.MyDashboardTopBarTab:hover{
background: #c72618;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
cursor:pointer;
padding:5px 17px 8px 17px;
border-top-left-radius: 15px;
    margin-top: 4px;
	}


a.MyNotesTopBarTabCurrent, a.MyNotesTopBarTabCurrent:hover {
background: #c72618;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
padding:5px 17px 8px 17px;
border-top-right-radius: 15px;
margin-top: 4px;
	}

a.MyNotesTopBarTab {
background: #f9f9f9;
margin-right: 1px;
margin-top: 4px;
background: -moz-linear-gradient(top, #f9f9f9 1%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#d4d3d3));
background: -webkit-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -o-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -ms-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d4d3d3',GradientType=0 );
border-top: #e2e2e2 solid 3px;
float: left;
color: #212121;
padding: 4px 17px 4px 17px;
border-top-right-radius: 15px;
}


a.MyNotesTopBarTab:hover{
background: #c72618;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
cursor:pointer;
padding:4px 17px 8px 17px;
border-top-right-radius: 15px;
    margin-top: 4px;
	}



#logoutbtnMain
{
    text-decoration:none;
    color: #555556;
}
#logoutbtnMain:hover
{
    color:red;
}
#ChangepassBtnMain 
{
    text-decoration:none;
    color: #555556;
}
#ChangepassBtnMain:hover 
{
    color:#14b3dc;
}

#MdashboardBtnMain
{
    text-decoration:none;
    color: #555556;
}
#MdashboardBtnMain:hover
{
    color:#14b3dc;
}

/*SocialFeedBack*/

/*socialwall.cshtml*/

.memberWallImagesRadius
{
    border-radius:25px;
}
.memberWallImagesRadius2
{
    border-radius:6px;
}

.WallSubPost .smlpeople {
            float: left;
            background-color: #efefef;
            border: #dbdbdb solid 1px;
            padding: 3px;
            margin: 4px 0px 0px 4px;
            border-radius:5px;
        }

#BadgesTab
{
    background-color: #14b3dc;
    border: none;
    color: white;
}

#GiftsTab
{
    background-color: #14b3dc;
    border: none;
    color: white;
}

.socialFeedbackTopStrip
{
    background-color: #2A3031;
    margin-top: 30px; 
    height: 50px;
}

/*socialwall.cshtml*/
a.DashboardTopBarTabSocialFeedback {
background: #f9f9f9;
margin-right: 1px;
margin-top: 4px;
background: -moz-linear-gradient(top, #f9f9f9 1%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#d4d3d3));
background: -webkit-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -o-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -ms-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d4d3d3',GradientType=0 );
border-top: #e2e2e2 solid 3px;
float: left;
color: #212121;
padding: 4px 17px 4px 17px;
}

a.DashboardTopBarTabSocialFeedback:hover{
background: #2A3031;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #2A3031 1%, #2A3031 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2A3031), color-stop(100%,#2A3031));
	background: -webkit-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: -o-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: -ms-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: linear-gradient(top, #2A3031 1%,#2A3031 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A3031', endColorstr='#2A3031',GradientType=0 );
	border-top:#2A3031 solid 3px;
float: left;
color: #ffffff;
cursor:pointer;
padding:8px 17px 8px 17px;
	}


a.DashboardTopBarTabCurrentSocialFeedback, a.DashboardTopBarTabCurrentSocialFeedback:hover {
background: #2A3031;
margin-right: 1px;
margin-top: 0px;
text-decoration: none;
background: -moz-linear-gradient(top, #2A3031 1%, #2A3031 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2A3031), color-stop(100%,#2A3031));
	background: -webkit-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: -o-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: -ms-linear-gradient(top, #2A3031 1%,#2A3031 100%);
	background: linear-gradient(top, #2A3031 1%,#2A3031 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A3031', endColorstr='#2A3031',GradientType=0 );
	border-top:#2A3031 solid 3px;
float: left;
color: #ffffff;
padding:8px 17px 8px 17px;
}

        .invitecowerkerstopbtn span {
            background: #2A3031 url(../../Images/bullseye_web_sprite_icons.png?v=1) no-repeat right -74px;
            padding: 0px 20px 0px 7px;
            height: 29px;
            line-height: 2.7em;
            display: inline-block;
        }
        .invitecowerkerstopbtn span {
            background: #2A3031 url(../../Images/bullseye_web_sprite_icons.png?v=1) no-repeat right -74px;
            padding: 0px 20px 0px 7px;
            height: 29px;
            line-height: 2.7em;
            display: inline-block;
        }

        .invitecowerkerstopbtn:hover {
            color: #412f00;
            float: right;
            font-size: 11px;
            text-decoration: none;
            background: transparent url(../../Images/bullseye_web_sprite_icons.png?v=1) no-repeat -404px -112px;
        }

        .invitecowerkerstopbtn:hover span {
                background: #2A3031 url(../../Images/bullseye_web_sprite_icons.png?v=1) no-repeat right -112px;
                padding: 0px 20px 0px 7px;
                height: 29px;
                line-height: 2.7em;
                display: inline-block;
            }

         .notiftifacion-top {
        background: transparent url(../../Images/notification-top.jpg) no-repeat top left;
        width: 311px;
        border-right: #D7D7D7 solid 0px;
        border-left: #D7D7D7 solid 1px;
        border-top: 0px;
        border-bottom: 0px;
        height: 8px;
        position: relative;
        padding: 0px;
    }

         .bluenotificationbox {
        background-color: #CDCDCD;
        z-index: 999;
        position: absolute;
        top: 0px;
        width: 1px;
        height: 8px;
        left: -2px;
    }

         .liMembers:hover {
        color: white;
        background: #d4d3d3;
    }
         .BadgeFriendsP:hover {
        cursor: pointer;
        background: #d4d3d3;
    }

         .GiftFriendsP:hover {
        cursor: pointer;
        background: #d4d3d3;
    }

          #SearchedMembers {
        left: 153px;
        width: 500px;
        position: absolute;
        background: white;
        top: 215px;
        z-index: 500;
        max-height: 300px;
        overflow-y: scroll;
        border: 1px solid #aaaaaa;
        display:none;
    }
/*SocialFeedBack*/


/*Notes*/
#PositiveTab
{
    background-color: #14b3dc;
    border: none; 
    color: white;
}
#NegativeTab
{
    background-color: #14b3dc;
    border: none; 
    color: white;
}
#ArchieveTab
{
    background-color:#14b3dc;
    border: none; 
    color: white;
    float:right
}
#CurrentTab
{
    background-color: #14b3dc; 
    border: none; 
    color: white;
    float:right
}

/*notes*/


.DashboardrhgtpanelPDP {
float: left;
width: 847px;
background-color:white;
margin-left:70px;
}

.reportstrip
{
    border: #aaa solid 1px;
    padding: 5px;
    background-color: #f2f2f2;
}
.fleft2{
    border-radius:25px;
}
.fleft3{
    border-radius:20px;
    float:left;
}
#lblalert
{
    background-color:#00324e;
    border: 1px solid #00324e;
}
.strippageheading2
{
    width: 999px;
    margin-bottom: 10px;
    /* background: #800303; */
    overflow-x: hidden;
    display: block;
    height: 80px;
    background: -moz-linear-gradient(top, #00324e 1%, #00324e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00324e ), color-stop(100%,#00324e ));
    background: -webkit-linear-gradient(top, #00324e 1%,#00324e 100%);
    background: -o-linear-gradient(top, #00324e 1%,#00324e 100%);
    background: -ms-linear-gradient(top, #00324e 1%,#00324e 100%);
    background: linear-gradient(top, #00324e 1%,#00324e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00324e ', endColorstr='#00324e ',GradientType=0 );
}
.MemberImpactDepartureCriteriaColor
{
    background-color:#00324e;
}

.AppraisalReviewColor
{
    background-color:#00324e;
}
.AppraisalReviewBorderColor
{
    border:#00324e 4px solid;
}

.LeadershipAxisStripColor
{
    background-color:#063786;
    height:22px;
    padding-top:10px;
}

.RiskMatrixStripColor
{
    background-color:#063786;
    height:30px;
    padding-top:10px;
    text-align:center;
}

.leadershipMatrixOne
{
    color:white;
    display: block;
    height:20px;
    width:20px;
    background-color:#063786 ;
    -ms-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);/* IE 9 */
   -webkit-transform: rotate(450deg); /* Safari */
   transform: rotate(450deg); /* Standard syntax */
}

.leadershipMatrixTwo
{
    color:white;display: block; height:20px;width:20px;background-color:#063786; 
}
.leadershipMatrixColorH2
{
    color:#063786 ;
}



html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, ol, ul, li,pre,
fieldset, form, label, legend,		
 caption {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: var(--MainFont); 
	font-size: 12px;
	font-smooth:always;
}
pre {
    font-family: var(--MainFont) !important;
}

    .simple-table {
        border: solid 1px #b9b9b9;
        border-collapse: collapse;
        font-size: 12px;
    }
.simple-table td
{
    border: solid 1px #bdbdbd;
}


.creattitletooltip{
	float:left;
	margin-top:12px;
	padding-right:10px;
}

.drop-box1		
{		
    cursor: move;		
    width: 122px;		
    height: 74px;		
	background: #f1f1f1;		
    border: 1px solid #ccc;		
    text-align: center;		
    cursor:move;		
}		
.drop-box1 img		
{		
	float:left;		
}
strong, b {font-weight:bold;}
/* grid btn*/
.roundbtnnew	{ -moz-border-radius:8px; -webkit-border-radius:8px; font-family:var(--MainFont), Arial, Helvetica, sans-serif; font-size:11px;  background:#eee;border:1px solid #ccc;padding:5px 7px 5px 7px; float:left;}

/* Style Risk for Attrition */

.green-bg
{
    background: #00b050 !important;
    color: #FFF !important;
}
.yellow-bg
{
    background: #e26b0a !important;
    color: #FFF !important;
}
.red-bg
{
    background: #fc1515 !important;
    color: #FFF !important;
}
.white-bg
{
    background: #fff !important;
    color: #000 !important;
}


/* End */	

.gridbtn{
			height:23px;
			padding-left:4px;
			padding-right:4px;
			-moz-border-radius:4px; 
            -webkit-border-radius:4px;
            border-radius: 4px; 
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			cursor:pointer;
			line-height:1.1em;
			outline:0px;
			overflow:visible;
			float:left;
			border:#087297  solid 1px;
			color:#333;
			background: #e9edf6; /* Old browsers */
			background: -moz-linear-gradient(top, #e9edf6 0%, #f4fbfb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9edf6), color-stop(100%,#f4fbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* IE10+ */
			background: linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9edf6', endColorstr='#f4fbfb',GradientType=0 ); /* IE6-9 */
}
.approvedgridbtn{
			height:23px;
			padding-left:4px;
			padding-right:4px;
			-moz-border-radius:4px;
             -webkit-border-radius:4px; 
             border-radius: 4px;
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:14px;
			cursor:pointer;
			line-height:1.1em;
			outline:0px;
			overflow:visible;
			float:left;
			border:#0DBD0D solid 1px;
			color:white;
			background: #e9edf6; /* Old browsers */
			/*background: -moz-linear-gradient(top, #e9edf6 0%, #f4fbfb 100%);*/ /* FF3.6+ */
            background: -moz-linear-gradient(top, #0DBD0D 0%,#0DBD0D 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9edf6), color-stop(100%,#f4fbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #0DBD0D 0%,#0DBD0D 100%); /* Chrome10+,Safari5.1+ */
            background: -ms-linear-gradient(top, #0DBD0D 0%,#0DBD0D 100%); /* IE10+ */
            background: -o-linear-gradient(top, #0DBD0D 0%,#0DBD0D 100%); /* Opera 11.10+ */
			/*background: -o-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%);*/ /* Opera 11.10+ */
			/*background: -ms-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%);*/ /* IE10+ */
			background: linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0DBD0D', endColorstr='#0DBD0D',GradientType=0 ); /* IE6-9 */
}
.penddinggridbtn{
			height:23px;
			padding-left:4px;
			padding-right:4px;
			-moz-border-radius:4px; -webkit-border-radius:4px; 
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			cursor:pointer;
			line-height:1.1em;
			outline:0px;
			overflow:visible;
			float:left;
			border:#ab3333 solid 1px;
			color:#333;
            min-width:56px;
			background: #e9edf6; /* Old browsers */
			background: -moz-linear-gradient(top, #e9edf6 0%, #f4fbfb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9edf6), color-stop(100%,#f4fbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e9edf6 0%,#F31D37 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* IE10+ */
			background: linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9edf6', endColorstr='#F31D37',GradientType=0 ); /* IE6-9 */
}
.HomeMemberbtn{
			height:23px;
			padding-left:4px;
			padding-right:4px;
			-moz-border-radius:4px; -webkit-border-radius:4px; 
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			cursor:pointer;
			line-height:1.1em;
			outline:0px;
			overflow:visible;
			float:left;
			border:#ab3333 solid 1px;
			color:#333;
            min-width:65px;
			background: #e9edf6; /* Old browsers */
			background: -moz-linear-gradient(top, #e9edf6 0%, #f4fbfb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9edf6), color-stop(100%,#f4fbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e9edf6 0%,#F31D37 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* IE10+ */
			background: linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9edf6', endColorstr='#f4fbfb',GradientType=0 ); /* IE6-9 */
}
.gridbtn:hover{
			
height:23px;
padding-left:4px;
padding-right:4px;
-moz-border-radius:4px; -webkit-border-radius:4px; 
			outline:0px;
			border:#ab3333 solid 1px;
			background: #e9edf6; /* Old browsers */
			overflow:visible;
background: -moz-linear-gradient(top, #ffffff 0%, #f3fafb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3fafb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fafb',GradientType=0 ); /* IE6-9 */
}

.gridbtn:focus{
		border:#aad2eb solid 1px;
-moz-border-radius:4px; -webkit-border-radius:4px; 
			outline:0px;
			overflow:visible;
height:23px;
padding-left:4px;
padding-right:4px;
			
			background: #e9edf6; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3fafb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3fafb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fafb',GradientType=0 ); /* IE6-9 */
}

.gridbtn:selected{
		border:#aad2eb solid 1px;
-moz-border-radius:4px; -webkit-border-radius:4px; 
			outline:0px;
			overflow:visible;
height:23px;
padding-left:4px;
padding-right:4px;
			
			background: #e9edf6; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3fafb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3fafb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f3fafb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fafb',GradientType=0 ); /* IE6-9 */
}

.gridbtndiss{
			height:23px;
			padding-left:4px;
			padding-right:4px;
			-moz-border-radius:4px; -webkit-border-radius:4px; 
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			cursor:default;
			line-height:1.1em;
			outline:0px;
			overflow:visible;
			opacity:0.4;
			filter:alpha(opacity=4);
			float:left;
			border:#9fb6b6 solid 1px;
			color:#333;
			background: #e9edf6; /* Old browsers */
			background: -moz-linear-gradient(top, #e9edf6 0%, #f4fbfb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9edf6), color-stop(100%,#f4fbfb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* IE10+ */
			background: linear-gradient(top, #e9edf6 0%,#f4fbfb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9edf6', endColorstr='#f4fbfb',GradientType=0 ); /* IE6-9 */
}

.btnshare{
	background:transparent url(/Images/bullseye_web_sprite_icons.png) no-repeat -191px -75px;
	width:20px;
	border:0px;
	text-indent:-999;
	height:20px;
	opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

.btnshare:hover{
	cursor:pointer;
	border:0px;
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.pad td{padding:8px;}

h5{	font-size: 2em;
	font-family:var(--MainFont);
	font-weight:normal;
	color:#0a4d73;
	font-size:16px;
	padding:0px;
	margin:0px;
}

/*body{ min-height:100%; width:100%; position:absolute; background:#BDDDEC  url(/Images/body-bg.jpg) repeat-x top;}*/
.bg-layout {
    background: #BDDDEC url(/Images/body-bg.jpg) repeat-x top;
}

/*body{ min-height:100%; width:100%; position:absolute; background:#BDDDEC  url(/Images/body-bg.jpg) repeat-x top;}*/


.welcomebg{ min-height:100%; width:100%; position:absolute; background:#bddcec url(/Images/welcomebody-bg.jpg) repeat-x top !important;
}

textarea{
	font-family:arial;
	font-size:11px;
	padding:5px;
	color:#333;
	margin:0px;
	overflow:auto;
	resize:none;
}


select{
	margin:0px;
	background-color:#FFF;
	padding:2px;
	color:#333;
	border:#c5c3c3 solid 1px;
	font-family:arial;
	font-size:12px;
    min-width:40px;
    /*max-width:2500px;*/
    
    /*border-color: #D40A0F;*/
border-radius: 4px;
	}
	
select:focus,  
select:active,  
select:hover{
	border:#999 solid 1px;
}



	
select img{
	display:none;
}
	

.none{
	background-image:none;
	border:none;
	height:auto;
	width:auto;
}


.none-box{
	background-image:none;
	border:none;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	height:auto;
	width:auto;
}

input[type=checkbox]
        {
            padding: 0px;
            margin: 0px;
            border: 0px;
            background-image: none;
            background-color: transparent;
        }
input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=checkbox]:active 
        {
            padding: 0px;
            border: 0px !important;
            background-image: none;
            background-color: transparent;
        }
		
input  
{  
   outline: none;
   padding:4px;
	color:#333;
    /*border:#000 solid 1px;*/
   
}
   
input:focus,  
input:active,  
input:hover{
	/*border:#999 solid 1px;*/
}

ol, ul {
	list-style: none;
}


.gridbtn-dis
{
    opacity:0.5;
    filter:alpha(opacity=50);
	
-moz-border-radius:4px; -webkit-border-radius:4px; 
padding:0px 5px 0px 5px !important;
height:23px;
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333;
			line-height:1.5em;
			overflow:visible;
			border:#9fb6b6 solid 1px;
			outline:0px;
			float:left;
			background-color: #e9edf6; /* Old browsers */
			
			
}


.gridbtn-dis:hover
{
    opacity:0.5;
    filter:alpha(opacity=50);
padding:0px 5px 0px 5px !important;
height:23px;
			margin: 1px 4px 0px 0px !important;
			font-family:var(--MainFont), Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333;
			line-height:1.5em;
			overflow:visible;
			border:#ab3333 solid 1px;
			outline:0px;
			float:left;
			background-color: #ab3333; /* Old browsers */
			
			
}


	

.fleft{
	float:left;
    border-radius:12px;
}

.fright{
	float:right;
}
.calnderView a
{
	text-decoration: none !important;	
}

.login-btn{
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
    

font-family: var(--MainFont);
font-size:11px;
overflow: visible;
color: #FFF;
text-decoration: none;
text-align: center;
margin: 4px 0px 0px 0px;
padding: 0px 11px 0px 11px !important;
height: 25px;
cursor: pointer;
background: #26aad9;
    border: #087297 solid 1px;
    background: -moz-linear-gradient(top, #26aad9 1%, #1390bc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26aad9), color-stop(100%,#1390bc));
background: -webkit-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -o-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -ms-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: linear-gradient(top, #26aad9 1%,#1390bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26aad9', endColorstr='#1390bc',GradientType=0 );
}


.login-btn:hover{
background: #00c2fe;
background: -moz-linear-gradient(top, #00c2fe 1%, #00afe5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c2fe), color-stop(100%,#00afe5));
background: -webkit-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -o-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -ms-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: linear-gradient(top, #00c2fe 1%,#00afe5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2fe', endColorstr='#00afe5',GradientType=0 );
}




a.login-btn{
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family: var(--MainFont);
font-size:11px;
overflow: visible;
color: #FFF;
display:inline-block;
text-decoration: none;
text-align: center;
line-height:2em;
margin: 4px 4px 0px 0px;
padding: 0px 11px 0px 11px !important;
height: 23px;
cursor: pointer;
background: #f05b59;
    border: #de4733 solid 1px;
    background: -moz-linear-gradient(top, #f0534a 1%, #ff5f59 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0534a), color-stop(100%,#9e3f3f));
    background: -webkit-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: -o-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: -ms-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: linear-gradient(top, #f0534a 1%,#ff5f59 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40a0f', endColorstr='#d40a0f',GradientType=0 );
}


a.login-btn:hover{
background: #f05b59;
    border: #de4733 solid 1px;
    background: -moz-linear-gradient(top, #f0534a 1%, #ff5f59 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0534a), color-stop(100%,#9e3f3f));
    background: -webkit-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: -o-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: -ms-linear-gradient(top, #f0534a 1%,#ff5f59 100%);
    background: linear-gradient(top, #f0534a 1%,#ff5f59 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40a0f', endColorstr='#d40a0f',GradientType=0 );
}
   
    /* check */

    .min-btn-length 
    {
       min-width: 49px;
    }
    .btn-holder{
	float: right; padding-top: 10px; padding-right: 12px;
}
    #dvIdFieldSelection {
        text-align: left;
        padding: 1px;
        margin: 1px;
        color: black;
        /*background-color: white;*/
        padding-bottom: 20px;
        background-color: #f8f8f8;
    }



    .add-department-btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: var(--MainFont);
    overflow: visible;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding: 0px 4px 0px 4px !important;
    height: 25px;
    cursor: pointer;
    background: #26aad9;
    border: #087297 solid 1px;
    background: -moz-linear-gradient(top, #26aad9 1%, #1390bc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26aad9), color-stop(100%,#1390bc));
background: -webkit-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -o-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -ms-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: linear-gradient(top, #26aad9 1%,#1390bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26aad9', endColorstr='#1390bc',GradientType=0 );
}
.add-department-btn:hover{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:visible;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	border:#04a5d7 solid 1px;
	margin:0px;
	/*padding:0px 11px 0px 11px !important;*/
	height:25px;
	cursor:pointer;
background: #00c2fe;
background: -moz-linear-gradient(top, #00c2fe 1%, #00afe5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c2fe), color-stop(100%,#00afe5));
background: -webkit-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -o-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -ms-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: linear-gradient(top, #00c2fe 1%,#00afe5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2fe', endColorstr='#00afe5',GradientType=0 );
}
    
    select 
    {
        max-width:2500px;
    }
 /* end*/



.btn{
    padding-left:4px;
    padding-right:4px;
    border-radius: 4px;
    

	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family: var(--MainFont);
font-size:11px;
overflow: visible;
color: #FFF;
text-decoration: none;
text-align: center;
margin: 4px 0px 0px 0px;
padding: 0px 11px 0px 11px !important;
height: 25px;
cursor: pointer;
background: #26aad9;
border:#087297 solid 1px;
background: -moz-linear-gradient(top, #26aad9 1%, #1390bc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26aad9), color-stop(100%,#1390bc));
background: -webkit-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -o-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: -ms-linear-gradient(top, #26aad9 1%,#1390bc 100%);
background: linear-gradient(top, #26aad9 1%,#1390bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26aad9', endColorstr='#1390bc',GradientType=0 );
}

.SearchAddFieldbtn 
    {
        margin-left:520px;
    }

.btn:hover{
/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:visible;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	
	margin:0px;
	/*padding:0px 11px 0px 11px !important;*/
    border:#04a5d7 solid 1px;
	height:25px;
	cursor:pointer;
background: #00c2fe;
background: -moz-linear-gradient(top, #00c2fe 1%, #00afe5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c2fe), color-stop(100%,#00afe5));
background: -webkit-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -o-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: -ms-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
background: linear-gradient(top, #00c2fe 1%,#00afe5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2fe', endColorstr='#00afe5',GradientType=0 );
}






.btn-dis{
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family: var(--MainFont);
font-size:11px;
overflow: visible;
color: #FFF;
text-decoration: none;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
text-align: center;
margin: 4px 0px 0px 0px;
padding: 0px 11px 0px 11px !important;
height: 25px;
cursor: default;
background: #555556;
    border: #3b3f40 solid 1px;
    background: -moz-linear-gradient(top, #555556 1%, #555556 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#555556 ), color-stop(100%,#555556 ));
    background: -webkit-linear-gradient(top, #555556 1%,#555556 100%);
    background: -o-linear-gradient(top, #555556 1%,#555556 100%);
    background: -ms-linear-gradient(top, #555556 1%,#555556 100%);
    background: linear-gradient(top, #555556 1%,#555556 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555556', endColorstr='#555556',GradientType=0 );
}






/*Login*/

.master {
margin: 0px auto;
width: 450px;
min-height: 100%;
position: relative;
}

.logo-holder {
width: 450px;
padding-bottom:10px;
padding-left:10px;
float: left;
text-align:center;
}

.bg {
float: left;
width: 450px;
border: #b5b1b1 solid 1px;
background-color:#ecf3fd;
background-image: url(/Images/blue1-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

.form-login {
width: 450px;
margin: 0 auto;
}
.form-login ul li {
font-family: Trebuchet MS;
font-size: 11px;
width: 290px;
height: 38px;
vertical-align: middle;
display: inline-block;
float: left;
text-align: left;
}

.form-login ul li.sep {
width: 125px;
text-align: right;
margin: 0px;
padding-right: 8px;
line-height: 3.3em;
}


.TimelineContent-Holder{
	width:847px;
}


.panelheading{
	float:left;
	width:402px;
	
	border-right:#ada8a8 solid 2px;
	
	border-bottom:#ccc solid 1px;
	border-bottom:#000 solid 1px;
	background:#323232;

font-size:14px;
padding:7px 10px 7px 10px;
color:#fff;
text-align:left;
}

.panelheadingsml{
	float:left;
	width:402px;
	border-bottom:#ccc solid 1px;
	border-right:#2c3d68 solid 2px;
	
	border-bottom:#000 solid 1px;
	background:#323232;
font-size:14px;
padding:7px 10px 7px 10px;
color:#fff;
text-align:left;
}



.panelheading-large{
	float:left;
	
	width:795px;
	border-bottom:#000 solid 1px;
	background:#323232;
font-size:14px;
padding:12px;
color:#fff;
text-align:left;
margin-top:13px;
margin-left:11px;
}


.BusinessGoals-Comments{
	float:left;
	width:847px;
	border-top:#ada8a8 solid 3px;
	overflow-x:hidden;
	overflow-y:scroll;
	height:586px;
}


.BusinessGoals-Comments-tabview{
	float:left;
	width:847px;
	overflow-x:hidden;
	overflow-y:scroll;
	height:586px;
}

.panelheading-large-tabview{
	float:left;
	
	width:827px;
				
	border-bottom:#ccc solid 1px;
	border-bottom:#000 solid 1px;
	background:#323232;

font-size:14px;
padding:10px;
color:#fff;
text-align:left;
}

.panelheading-large-tabview span.over-all-weight{
	float:right;
	font-size:12px;
	color:#dedede;
	
}




.profieview{
	background-color:#fffae5;
	border:#cecab6 solid 1px;
	border-left:0px;
	border-right:0px;
	padding:10px;
}

.profieview img{
	background-color:#fff;
	padding:1px;
	border:#ccc solid 1px;
	float:left;
    border-radius:12px;
}

.profieview p span.idholder{
	color:#8c8c8c;
	font-size:12px;
	display:block;
}


.profieview p span.nameholder{
	color:#000000;
	font-size:18px;
	display:block;
}

.profieview p span.nameholder span{
	padding-left:1px;
	color:#8c8c8c;
	font-size:13px;
}

.profieview p span.dateholder{
	color:#ca0028;
	font-size:13px;
	display:block;
	font-size:12px;
}
                                    

.profieview p{
	margin-left:10px;
	float:left;
	line-height:1.6em;
}
.btnholder{
	float:left;
	clear:both;
	background-color:#e2e2e2;
	border-bottom:#cbcbcb solid 1px;
	border-top:#cbcbcb solid 1px;
	width:828px;
	padding-left:8px;
}

.btnholder .weightholderblue{
	padding:6px 18px 6px 10px;
	color:#fff;
	margin-top:10px;
	font-size:11px;
	float:right;
	background-color:#4e6292;
}

.btnholder input{
	float:left;
	font-size:11px;
	background-color:#FFF;
	margin-left:2px;
	margin-bottom:4px;
	line-height:1.4em;
	overflow:visible;
	margin-top:4px;
	padding:2px 6px 2px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:#ccc solid 1px;
}

.btnholder input:hover{
	color:#fff;
	background-color:#003179;
	border:#333 solid 1px;
	cursor:pointer;
}


.btnholder a{
	float:left;
	font-size:11px;
	overflow:visible;
	color:#333;
	background-color:#FFF;
	line-height:1.6em;
	margin-left:2px;
	margin-top:4px;
	margin-bottom:4px;
	padding:1px 6px 1px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:#ccc solid 1px;
}

.btnholder a:hover{
	color:#fff;
	border:#333 solid 1px;
	background-color:#003179;
	cursor:pointer;
}








.BusinessGoals-Comments p.heading span{
color:#002f74;
}

.heading-wid-holder{
	width:391px !important;
}

.heading-wid-holder2{
	width:412px !important;
}
	

.overall-pdpholder{
	float:left;
	clear:both;
	width:846px;
	border-top:#aeaed1 solid 3px;
}

.overall-pdpholder p.heading{
	float:left;
	clear:both;
	width:98.9%;
	color:#000;
	background-color:#ccccff;
	padding:5px;
	color:#00000;
}


	
	
/*Year End Review*/

.yearendration{
	float:right;
	clear:both;
	margin-top:7px;
	margin-bottom:8px;
	margin-right:15px;
}

.yearendration span{
	padding:3px 6px 3px 6px;
	font-size:11px;
	background-color:#f3f3f3;
	border:#ccc solid 1px;
}

.Year-end-scrollholder{
	overflow-x:hidden;
	overflow-y:scroll;
	border-bottom:#ccc solid 2px;
	height:436px;
	clear:both;
	width:844px;
}

.Goals-Comments{
	float:left;
	width:411px;
	min-height:220px;
	/*border-right:#ada8a8 solid 2px;*/
}


.Goals-Comments p.heading span{
color:#002f74;
}

.Yearend-pdp-holder{
	float:left;
	width:100%
}

.Yearend-pdp-holder ul li{
	float:left;
	padding:7px;
	width:402px !important;
}

.Yearend-pdp-holder ul li .box{
	width:409px;
	border:#d7d7d7 solid 1px;
	float:left;
}

.Yearend-pdp-holder ul li .box span.result{
	width:100px;
	text-align:center;
	font-size:15px;
	float:left;
	margin-left:1px;
	line-height:2.4em;
	color:#000;background: #ccccff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ccccff 0%, #c1c0ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccccff), color-stop(100%,#c1c0ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccccff 0%,#c1c0ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccccff', endColorstr='#c1c0ed',GradientType=0 ); /* IE6-8 */

}

.Yearend-pdp-holder ul li .box span{
	width:266px;
	text-align:left;
	padding:3px 10px 3px 10px;
	float:left;
	font-size:14px;
	color:#373737;
	border-left:#d7d7d7 solid 1px;
}



.Yearend-pdp-holder ul li .box2{
	width:824px;
	margin:5px 10px 5px 10px;
	border:#ccc solid 1px;
	background-color:#fafafa;
	float:left;
}

.Yearend-pdp-holder ul li .box2 span.result{
	width:100px;
	text-align:center;
	font-size:15px;
	float:left;
	padding:2px 10px 2px 10px !important;
	margin-left:1px;
	line-height:2.4em;
	color:#000;background: #ccccff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ccccff 0%, #c1c0ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccccff), color-stop(100%,#c1c0ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccccff 0%,#c1c0ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccccff 0%,#c1c0ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccccff', endColorstr='#c1c0ed',GradientType=0 ); /* IE6-8 */

}

.Yearend-pdp-holder ul li .box2 span{
	width:500px;
	text-align:left;
	padding:12px 10px 2px 10px !important;
	float:left;
	font-size:14px;
	color:#373737;
}


	
	
/*sign off*/
.signoff-holder{
	float:left;
	clear:both; 
	background-color:#fafafa;
	border:#ccc solid 1px;
	width:845px;
	padding:15px 0px 15px 0px;
}

.signoff-holder ul{
	border-bottom:#dfdfe3 solid 1px;
	padding:10px 10px 10px 30px;
	width:100%;
	float:left;
}

.signoff-holder ul li{
	float:left;
	color:#585f6b;
}

.signoff-holder ul li.first{
	float:left;
	line-height:2.2em;
	text-align:right;
	padding-right:15px;
	width:150px !important;
}
.signoff-holder ul li.two{
	float:left;
	width:200px !important;
	text-align:center ;
}

.signoff-holder ul li.two input{
	width:180px !important;
}


.signoff-holder ul li.three{
	float:left;
	width:100px !important;
	text-align:center ;
}
.signoff-holder ul li.three input{
	width:80px !important;
}


.signoff-holder ul li.four{
	float:left;
	width:200px !important;
	text-align:center ;
}
.signoff-holder ul li.four input{
	width:180px !important;
	background-color:#ccccff;
}



.signoff-holder ul li.five{
	float:left;
	width:100px !important;
	text-align:center ;
}

p.signoff-dec{
	padding:65px 10px 20px 10px;
	font-size:12px;
	line-height:1.5em;
	width:96%;
}

/*Year End Review*/
.GoalsYearEndtxt-Holder{
	float:left;
}

.GoalsYearEndtxt-sep{
	float:left;
	clear:both;
	width:830px;
	padding:0px;
	margin:0px;
	border-bottom:#ada8a8 solid 3px;
}


.yearendcommentsarea{
	padding:10px;
	float:left;
	color:#5f6269;
	line-height:1.3em;
	width:390px;
	clear:both;
	background-color:#fafafa;
	border-top:#dbdbdb solid 1px;
}

.yearendcommentsarea span{
	float:left;
	width:150px;
	padding-right:10px;
	min-height:30px;
	color:#506394;
	font-size:12px;
}


.yearendcommentsarea span.description{
	float:left;
	width:220px;
	color:#000;
}





	
/*Mid Year Checkin*/


.Goalstxt-Holder{
	float:left;
	border-bottom:#ada8a8 solid 3px;
}
.Goalstxt-Holder .number{
	float:left;
	-webkit-border-radius: 5em; -moz-border-radius: 5em;
	background-color:#FFF;
	color:#0f3e82;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	line-height:2em;
	border:#ccc solid 1px;
	width:30px;
	height:30px;
	margin-top:10px;
}

.commentboxtxt{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:765px;
}
.commentboxtxt span{
	display:block;
	font-size:14px;
	color:#003179;
}



.commentboxtxtsml{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:665px;
}
.commentboxtxtsml span{
	display:block;
	font-size:14px;
	color:#003179;
}


.commentboxtxtsmler{
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:245px;
}
.commentboxtxtsmler span{
	display:block;
	font-size:14px;
	color:#003179;
}

.progressbar{
	float:right;
	padding:7px 0px 0px 0px;
	border-left:#ccc solid 1px;
	width:100px;
	background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f3f3 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f3f3 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(top, #f3f3f3 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}


.progressbar p.weightholder{
	padding:10px;
	color:#fff;
	margin-top:10px;
	font-size:11px;
	background-color:#4e6292;
}


.goalscommentsarea{
	padding:10px;
	float:left;
	color:#5f6269;
	line-height:1.3em;
	width:812px;
	clear:both;
	background-color:#fafafa;
	border-top:#dbdbdb solid 1px;
}

.goalscommentsarea span{
	float:left;
	width:150px;
	padding-right:10px;
	min-height:30px;
	color:#506394;
	font-size:12px;
}

.goalscommentsarea span.description{
	float:left;
	width:640px;
	color:#000;
}

.midyear-comment-holder{
	float:left;
	width:100%;
}

.midyear-comment-holder ul li{
	float:left;
	border-bottom:#CCC solid 1px;
	padding:10px;
	width:826px !important;
}

	
/*Timeline Dasbharod*/

.circle-txt-holder{
	float:left;
	clear:both;
	width:847px;
	border-bottom:#CCC solid 1px;
	background:#f7f9ff;
}

.circle-txt-holder span{
	float:left;
	width:580px;
	font-size:13px;
	color:#062254;
	margin-top:50px;
	margin-left:20px;
	line-height:1.6em;
}

.dasbhaord-circle{
	float:left;
	margin-left:20px;
	margin-right:0px;
}
.select-area{
	text-align: center;
	background-color:#dbe2ff;
	line-height:2em;
	color:#000;
	vertical-align:top;
	border:#bfcbf9 solid 1px;
	padding:4px;
	font-size:10px;
    height:82px;
}

.select-area input{
}

.dasbharod-content{
	line-height:1.1em;
	padding:4px;
	vertical-align:top;
	font-size:12px;
}


.dasbharod-content span{
	font-size:14px;
	line-height:1.2em;
	padding-bottom:4px;
	display:block;
	font-weight:bold;
}

.htlc-comments{
	padding:15px;
	background-color:#fafafa;
	border:#ccc solid 1px;
	float:left;
	clear:both;
	margin-top:18px;
	width:817px;
}

.htlc-comments p{
	line-height:2.4em;
	color:#333;
	font-family:var(--MainFont), Arial, Helvetica, sans-serif;
	font-size:11px;
}

.save-holder{
	padding:5px 10px 5px 10px;
	background-color:#e9e9e9;
	border:#ccc solid 1px;
	float:left;
	clear:both;
	width:827px;
}



	
/* Set Your Goals*/

.SetyourGoals-Holder{
	width:847px;
}

.GoalsComment-Holder{
	display:block;
	margin:20px 15px 0px 15px;
}
.number{
	float:left;
	-webkit-border-radius: 5em; -moz-border-radius: 5em;
	background-color:#FFF;
	color:#0f3e82;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	margin-right:10px;
	border:#ccc solid 1px;
	width:30px;
	height:30px;
}

.commentbox{
	float:left;
	text-align:left !important;
	padding:0px;
}


.commentbox2{
	float:left;
	text-align:left !important;
	padding:10px 0px 10px 0px;
	width:760px;
}









.TopFixPanel{
	width:100%;
	z-index:99;
	padding-bottom:17px;
	position:fixed;
	background:transparent url(/Images/body-header-bg.png) repeat-x top ;
}


.masterwrapper {
	margin: 0px auto;
	width: 1002px;
	min-height:100%;
	position:relative;
}




a {
	color: #185bc4;
	text-decoration: none;
}

a:hover {
	color: #185bc4;
	text-decoration:none;
}

a.view-competency {
	color: #00CCFF;
	text-decoration: none;
}

a.view-competency:hover {
	color: #FFF;
	text-decoration:underline;
}





a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	font-family:Trebuchet MS;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	padding: 12px;
	font-size:17px;
	color:#000;
} 


h2 span{
	font-size: 2em;
	font-size:11px;
	color:#Aqua;
	float:right;
} 


h3{
	font-size:14px;
	color:#354a7b;
	padding-bottom:6px;
} 

h4{
	font-size:12px;
	color:#3f3f3f;
	float:left;
	padding-right:6px;
	font-weight:bolder;
	padding-top:1px;
}

.heading4{
	background:#fff url(/Images/headingbg.jpg) repeat-x top left;
	padding-left:10px;
}





/*Top bar*/
.LogoHolder{
	float:left;
	 margin-top:30px;
	 padding-left:6px;
}

.topbar{
	display:block;
	height:100px;
}

.topbar-link{
	float:right;
	margin-top:4px;background: #e9e9e9; /* Old browsers */
background: -moz-linear-gradient(top,  #e9e9e9 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9e9e9 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9e9e9 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9e9e9 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

	border:#cccccc solid 1px;
	border-top:0px;
	padding:0px 0px 0px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.topbar-link li{
	list-style:none;
	position:relative;
	float:left;
	line-height:2.6em;
	padding:0px 10px 0px 0px;
}
.topbar-link li a{
	color:#454343;
	font-size:12px;
}
.topbar-link li a:hover{
	color:#14b3dc;
	text-decoration:none;
}


.topbar-link li.sep{
	padding-right:8px;
}


#topnav-links{
	position:absolute;
	left:-7px;
	z-index:3;
	top:31px;
	width:139px;
	border:#ccc solid 1px;
	border-top:#ccc solid 0px;
	padding-top:8px;
	
	
	background:#fff;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #efeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeeee), color-stop(100%,#efeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#efeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#efeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#efeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 0%,#efeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efeeee',GradientType=0 ); /* IE6-9 */

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;


-moz-box-shadow:0px 6px 10px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 6px 10px 1px rgba(0, 0, 0, 0.2);
box-shadow:0px 6px 10px 1px rgba(0, 0, 0, 0.2);



}

.branch{
	float:right;
	font-size:30px;
	text-align:right;
	background-image:url(/Images/branch-bg.png);
	margin:7px 1px 1px 1px;
	background-position:right;
	background-repeat:no-repeat;
	padding-right:40px;height:54px;  line-height:2.3em;
	width:580px;
}

.DashboarWrapper {
width: 1000px;
margin: auto 0px;
margin-top: 60px;
}

.Dashboardlftpanel {

background: transparent url(/Images/dashboardleftpanelcorner.png) no-repeat top right;

float: left;
position: relative;
margin-top: 72px;
/*height:516px;*/
width: 150px;
}

.Dashboardlftpanel input {
	padding:2px;
width: 110px ;
}
.line-bg{
    

bottom: 0px;
right: 2px;
z-index: 1;
width: 5px;
	position:absolute;
	top:-4px;
	/*background:url(/Images/dashboardleftpanelrightborderbg.jpg) no-repeat top right;*/
	height:102%;
	width:10px;
}

.lftpnl-imgHolder{
	float:left;
	clear:both;
	padding:20px 6px 16px 15px;
	background-color:#14b3dc;
    border-right: #0d7894 solid 7px;
	border-bottom:#272f44 solid 1px;
	width:120px;
	margin-top:4px;
}


.btnSaveProfile{
	background:#FFF url(/Images/done-icon.png) no-repeat 8px 7px;
	padding:7px 13px 7px 30px !important;
	margin-bottom:10px;
	margin-left:-1px;
	color:#000;
width: 118px !important;
}

.btnSaveProfile:hover{
	background:#f3e692 url(/Images/done-icon.png) no-repeat 8px 7px;
	cursor:pointer;
	color:#000;
}

.lftpnl-imgHolder img{
	border:#fff solid 4px;
    border-radius:25px;
}

.lftpnl-imgHolder .editbtn{
	position:absolute;
	top:154px;
	border:0px !important;
	cursor:pointer;
	right:16px;
}

.lftpnl-imgHolder .editbtn img{
	border:0px !important;
}

.lftpnl-imgHolder p{
	font-size:20px;
	padding-top:2px;
	color:#ffffff;
}

.lftpnl-imgHolder p span.empname{
	font-size:20px;
	padding-top:4px;
	padding-bottom:3px;
	color:#ffffff;
}

.lftpnl-imgHolder p span{
	font-size:11px;
	display:block;
	line-height:1em;
	color:#f3e692;
}


.d-position a.gpan {
color: darkRed;
font-size: 11px;
float: right;
margin-right: 10px;
text-decoration: underline;
}
.d-emp-name {
font: 14px/1em var(--MainFont) , Arial, Helvetica, sans-serif;
color: black;
text-align: left;
margin-top: 6px;
padding-left: 3px;
}
.d-position {
font: 11px/1em Arial, Helvetica, sans-serif;
color: #12265B;
margin-top: 3px;
padding-left: 3px;
text-align: left;
}

.lftpnl-description{
	float:left;
	clear:both;
/**background:#fafafa;*/
background: url("/Images/imbg.png") no-repeat;
/**background: -moz-linear-gradient(top,  #428bca 0%, #428bca 100%) ;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f0de), color-stop(100%,#e6e0c6));  /*Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #f4f0de 0%,#e6e0c6 100%);  /*Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #f4f0de 0%,#e6e0c6 100%);  /*Opera 11.10+ 
background: -ms-linear-gradient(top,  #f4f0de 0%,#e6e0c6 100%);  /*IE10+ 
background: linear-gradient(to bottom,  #f4f0de 0%,#e6e0c6 100%);  /*W3C*/ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0de', endColorstr='#e6e0c6',GradientType=0 ); /* IE6-9 */
	padding:2px 5px 2px 5px;
	width:138px;
    height: 45px;
    color: #fafafa;
}


.lftpnl-description p{
	float:left;
	clear:both;
	color:#e9edf6;
    
	font-size:11px;
	width:115px;
	padding:10px 10px 5px 30px;
	/*border-top:#b0ac9b solid 1px;*/
}
.lftpnl-description p span{
	display:block;
	clear:both;
	color:#000;
	line-height:1.2em;
	font-size:14px;
}


.lftpnl-light-description{
	float:left;
	clear:both;
	padding:2px 5px 2px 5px;
	border-top:#87868e solid 1px;
	width:140px;
    background-image:url("/Images/images.jpg");
background:#ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #d8d8dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d8dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d8d8dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d8d8dd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d8d8dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8dd',GradientType=0 ); /* IE6-9 */
}




.lftpnl-light-description p{
	float:left;
	clear:both;
	color:#464646;
	font-size:11px;
	width:115px;
	padding:7px 10px 5px 10px;
	border-bottom:#cccccc solid 1px;
}
.lftpnl-light-description p span{
	display:block;
	clear:both;
	color:#000000;
	line-height:1.2em;
	font-size:14px;
}


.cvbtn{
	float:left;
	background:transparent url(/Images/cv_red.jpg) no-repeat top left;
	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
width:100%;
height:30px;
}

.cvbtn:hover{
	float:left;
	background:transparent url(/Images/cv_red.jpg) no-repeat top left;
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
width:100%;
height:30px;
}




.Dashboardrhgtpanel {
float: left;
width: 847px;
background-color:white;
}

.DashboardTopBarTabHolder{
float: left;
/*margin-bottom:7px;*/
height:30px;
/*width: 847px;*/
border-bottom:#26aad9 solid 6px;
}
	
	
	
.DashboardSmlTopBarSmlTabHolder{
float: left;
padding-top: 6px;
padding-left: 4px;
background-color:#eeeeee;
border-bottom:#ccc solid 0px;
width: 843px;
}

	
	a.DashboardTopBarSmlTabCurrent, a.DashboardTopBarSmlTabCurrent:hover {
margin-right: 1px;
margin-top: 2px;
background: #fff;
padding:8px 17px 8px 17px;
text-decoration: none;
border: #c2c2c0 solid 1px;
border-bottom: 0px;
float: left;
color: #343434;
cursor:pointer;
	}
	
	a.DashboardTopBarSmlTabDissable, a.DashboardTopBarSmlTabDissable:hover  {
background: #c9c9cb; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c8c8ca 0%, #c7c7c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8ca), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c8c8ca 0%,#c7c7c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8ca', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-8 */
cursor:pointer;
margin-right: 1px;
margin-top: 7px;
padding: 6px 17px 4px 17px;
border: #c4c4c4 solid 1px;
float: left;
color: #343434;
}

	
a.DashboardTopBarSmlTab {
background: #c9c9cb; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c8c8ca 0%, #c7c7c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8ca), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c8c8ca 0%,#c7c7c7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c8c8ca 0%,#c7c7c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8ca', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-8 */

margin-right: 1px;
margin-top: 7px;
padding: 6px 17px 4px 17px;
border: #c4c4c4 solid 1px;
float: left;
color: #343434;
}



a.DashboardTopBarSmlTab:hover{
margin-right: 1px;
text-decoration: none;
border: #c2c2c0 solid 1px;
border-bottom: 0px;
float: left;
color: #343434;
cursor:pointer;
margin-top: 2px;
background: #fff;
padding:8px 17px 8px 17px;
	}
	

	a.DashboardTopBarTabCurrent, a.DashboardTopBarTabCurrent:hover {
background: #c72618;
margin-right: 1px;
margin-top: 4px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
padding:5px 17px 8px 17px;
	}
	
	
	a.DashboardTopBarTabDissable, a.DashboardTopBarTabDissable:hover	 {
background: #f9f9f9;
margin-right: 1px;
margin-top: 4px;
cursor:default;
background: -moz-linear-gradient(top, #f9f9f9 1%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#d4d3d3));
background: -webkit-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -o-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -ms-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d4d3d3',GradientType=0 );
border-top: #e2e2e2 solid 3px;
float: left;
color: #212121;
padding: 4px 17px 8px 17px;
}
	
a.DashboardTopBarTab {
background: #f9f9f9;
margin-right: 1px;
margin-top: 4px;
background: -moz-linear-gradient(top, #f9f9f9 1%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9f9f9), color-stop(100%,#d4d3d3));
background: -webkit-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -o-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: -ms-linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
background: linear-gradient(top, #f9f9f9 1%,#d4d3d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d4d3d3',GradientType=0 );
border-top: #e2e2e2 solid 3px;
float: left;
color: #212121;
padding: 4px 17px 4px 17px;
}


a.DashboardTopBarTab:hover{
background: #c72618;
margin-right: 1px;
margin-top: 4px;
text-decoration: none;
background: -moz-linear-gradient(top, #0793b9 1%, #14b3dc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0793b9), color-stop(100%,#14b3dc));
	background: -webkit-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -o-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: -ms-linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	background: linear-gradient(top, #0793b9 1%,#14b3dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0793b9', endColorstr='#14b3dc',GradientType=0 );
	border-top:#0793b9 solid 3px;
float: left;
color: #ffffff;
cursor:pointer;
padding:5px 17px 8px 17px;
	}
	




.Timelineholder p.main-heading{
	
	color:#fff;
	width: 999px;
	text-align:center;
	line-height:3em;
	font-size:20px;
	
}

.Timelineholder{
	
			width: 847px;
			float:left;
		background:#fff url(/Images/timeline-bg.jpg) repeat-x top left;
}

#timeline {
			width: 847px;
		overflow: hidden;
		position: relative;
	}
		#dates {
			width: 882px !important;
			background:url(/Images/timelinebg.png) no-repeat 0px 13px;
				height: 120px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 120px;
				font-size: 24px;
				text-align: center;
				background: url('/Images/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
				width: 100px;
				height: 120px;
					
				color:#fff;
				float:left;
				position:relative;
					background:url(/Images/timelinearrow.png) no-repeat -37px -29px;
				}
				
				#dates a:hover {
				width: 100px;
				height: 120px;
					
				color:#ffde07;
				float:left;
				position:relative;
					background:url(/Images/timelinearrow.png) no-repeat -37px -255px;
				}
				
				
				#dates a span.main {
					position:absolute;
					left:50px;
					bottom:-4px;
			        font-size: 13px;
					font-weight:bold;
					text-align:left;
					width:200px;
					height:40px;
				}
				
				
				
				
				
				
				
				#dates .selected {
			        font-size: 15px;
				color:#ffde07;
					background:url(/Images/timelinearrow.png) no-repeat -37px -255px;
				}
				
				#dates a.opposite {
				width: 100px;
				float:left;
					background:url(/Images/timelinearrow-opposite.png) no-repeat -37px -294px;
				}
				
				
				#dates a.opposite:hover {
				width: 100px;
				float:left;
					background:url(/Images/timelinearrow-opposite.png) no-repeat -37px -68px;
				}
				
				
				#dates a.opposite span.main {
					position:absolute;
					left:40px;
					top:15px;
			        font-size: 13px;
					font-weight:bold;
					text-align:left;
					width:200px;
					height:40px;
				}
				
				
				
				
				#dates a.opposite.selected {
			        font-size: 15px;
					background:url(/Images/timelinearrow-opposite.png) no-repeat -37px -68px;
				}
				
				
				
				
				
				
				
				
				
				#dates a.opposite2 {
				width: 70px;
				float:left;
					background:url(/Images/timelinearrow-opposite2.png) no-repeat -37px -294px;
				}
				
				#dates a.opposite2:hover {
				width: 100px;
				float:left;
					background:url(/Images/timelinearrow-opposite2.png) no-repeat -37px -68px;
				}
				
				
				#dates a.opposite2 span.main {
					position:absolute;
					left:-90px;
					top:17px;
			        font-size: 13px;
					font-weight:bold;
					text-align:left;
					width:200px;
					height:40px;
				}
				
				
				
				
				#dates a.opposite2.selected {
			        font-size: 15px;
					background:url(/Images/timelinearrow-opposite2.png) no-repeat -37px -68px;
				}
		
		#issues {
			width: 847px;
			margin-top:17px;
			overflow: hidden;
		}	
			#issues li {
			width: 847px;
				list-style: none;
				float: left;
			}
				
		
	
	
/*
=================================================================== */

.preload1
{
	background: url(/Images/three_1.gif);
}
.preload2
{
	background: url(/Images/three_1a.gif);
}




/*Navigation new*/

ul.nav-main li.sepelement.style {
}
ul.nav-sub li a-new{
	background-image:url(/Images/menu-sep.gif); background-position:left; background-repeat:no-repeat;
	width:2px;
	height:36px;
	float:left;
	margin:0px;
	padding:0px;
}

#navigation {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 36px;
	/*position: relative;*/
    position:absolute;
	float:left;
	display:inline-block;
	/*z-index: 200;*/
	width:984px;
	font-family: arial, var(--MainFont), sans-serif;
	background-color: #fff;
	background-image:url(/Images/three_0.gif); background-repeat:repeat-x;
	background-position: right top;
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.nav-main {
	position: relative;
	/*z-index: 597;*/
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 400;
	cursor: pointer;
	/*background-image:url(/Images/menu-hover.gif); background-position:top; background-repeat:repeat-x;*/
    background-color:#14b3dc;
}



ul.nav-main li {
	float:left;
	display:block;
	height: 38px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	background: url(separator.gif) no-repeat right center;
}


ul.nav-main li {
	float:left;
	display:block;
	height: 36px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	background: url(separator.gif) no-repeat right center;
}



ul.nav-main li a {
	display:block;
	padding: 10px 10px 0 10px;
	height: 31px;
	color: #FFF;
	font: 12px var(--MainFont);
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:#fff;
}
ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:0px;
	top: 36px;
	left: 0;
	z-index: 598;
	background: #353535 url(dropdown-list-bg.gif) repeat-x left top;
}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0px ;
	margin:0px;
	margin:0px;
	height:auto !important;
	float: none;
	width:175px;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 10px 5px 10px 10px;
	float: none;
	border-bottom: 1px solid #5a5a5a;
	margin:0px;
	height:auto !important;
	background: none;
	font: 12px var(--MainFont);
}

ul.nav-sub li a:hover {
	border-bottom: 0px solid #5a5a5a;
	padding: 10px 5px 11px 10px;
}



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 12px;
	color: #fff;
	font-weight:normal;
	max-width:300px;
	padding:10px;
	border: 1px solid #3a4c80;
	background-color:#4f6193;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #3a4c80;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color:  #3a4c80;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color:  #3a4c80;
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #3a4c80;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #3a4c80;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #4f6193;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: #3a4c80;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: #3a4c80;
}

.info-icon img{
	vertical-align:bottom;
}


.clr{
	clear:both;
	display:block;
}

/*Manager Tab*/
.managertab{
	float:left;
	clear:both;
	width:847px;
	background:transparent url(/Images/Manager-tab.jpg) no-repeat top left;
	height:59px;
}

.dashboard-grid-holder{
	float:left;
	color:both;
	width:847px;
	background-color:#fff;
}

.dashboard-grid-holder li{
	float:left;
	color:both;
	width:818px;
	list-style:none;
	background-color:#fff;
	padding:7px;
	margin:7px;
	border-bottom:#cccccc solid 1px;
}


.dashboard-grid-holder li p{
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:260px;
	color:#000000;
	font-size:14px;
	line-height:1.2em;
}

.dashboard-grid-holder li p span{
	color:#8c8c8c;
	font-size:12px;
}
.dashboard-grid-holder li p span.reddate{
	color:#8c8c8c;
	font-size:12px;
	display:block;
}


.dashboard-grid-holder li p.statusholder{
	float:left;
	/*padding-left:10px;*/
	width:460px;
}

.dashboard-grid-holder li p span a{
	background-color:#fdfdfd;
	border:#e3e3e3 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	line-height:1.2em;
	width:75px;
	height:38px;
	
}

.dashboard-grid-holder li p span a span{
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	color:#8c8c8c;
	line-height:1.2em;
	padding-top:1px;
	display:block;
	
}

.dashboard-grid-holder li p span a.status-active{
	background:transparent url(/Images/status-active.jpg) repeat top left;
	border:#d4bd83 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	width:75px;
	height:38px;
	
}


.dashboard-grid-holder li p span a.completestatus{
	background:transparent url(/Images/status-active-complete.jpg) repeat top left;
	border:#a0dea6 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-left:2px;
	width:75px;
	height:38px;
	
}

.dashboard-grid-holder li p span a.completestatus span{
	color:#07a618;
	
}





/*Talent Manangement*/


.pageheading1{
	width: 175px; 
    margin-bottom: -40px;
	margin-right:50PX;
    margin-top:10px;
	overflow-x: hidden; 
    display:block;
   height:37px;
   float:right;
	}
    
.pageheading1 .btn-holder{
	float: right; padding-top: 12px; padding-right: 14px;

}
.pageheading2 .btn-holder{
	float: right; padding-top: 12px; padding-right: 14px;

}


.PageHeading{
	float:left;
	width:1000px;
	margin:25px 0px 10px 0px;
	background-color:#000f39;
}

.PageHeading h1{
	font-size:18px;
	color:#fff;
	float:left;
	clear:both;
	padding:10px 6px 21px 10px;
	line-height:2em;
}

.PageHeading .breadcrumbs{
	float:left;
	width:984px;
	padding:6px 6px 6px 10px;
	color:#fff;
	font-size:12px;
	clear:both;
	background-color:#053481;
}


.PageHeading .breadcrumbs a{
	color:#d6e6fe;
	font-size:12px;
}

.PageHeading .breadcrumbs a:hover{
	color:#FFF;
	font-size:12px;
}


.attri-risk-holder{
	float:left;
	clear:both;
	width:1000px;
	background:#ffffff;
}


.attri-risk-holder ul{
	float:left;
	border-bottom:#e4e4e3 solid 1px;
}
.attri-risk-holder ul li{
	float:left;
	min-height:42px;
	position:relative;
	padding:10px 4px 10px 4px;
	width:90.7px;
	border-right:#e4e4e3 solid 1px;
	text-align:center
}

.attri-risk-holder li input{
	width:50px;
	border:#CCC solid 1px;
}

.attri-risk-holder li.lft{
	width:380px;
	padding:10px;
	background:#f9f9f9;
	text-align:left;
}


.attri-risk-holder ul.topbarrish li{
	min-height:108px;
}



.attri-risk-holder ul.topbarrish li.lft{
	background:#eeeeee;
	width:400px;
	padding:10px 0px 0px 0px;
	text-align:left;
}

.attri-risk-holder ul.topbarrish li p{
	color:#333333;
	font-size:12px;
	line-height:1.2em;
	padding-top:4px;
}
.attri-risk-holder ul.topbarrish li p span{
	text-align:center;
	display:block;
	padding-top:4px;
	color:#db294b;
	font-size:11px;
}

.attri-risk-holder ul.topbarrish li img{
	text-align:center;
}

.attri-risk-holder ul.topbarrish li.lft p{
	padding:0px 10px 0px 10px;
}

.attri-risk-holder ul.topbarrish li.lft .heading{
	background:#dbdbdb;
	font-size:14px;
	color:#333333;
	padding:14px 10px 14px 10px;
	font-weight:bold;
	margin-top:10px;
	border-top:#a9a9a9 solid 1px;
	border-bottom:#a9a9a9 solid 2px;
}


.attri-risk-holder ul.totalimpact li.lft{
	background-color:#ececed;
	font-weight:bold;
}

.attri-risk-holder ul.totalimpact li{
	min-height:20px;
	background-color:#f5f5f6;
}

.attri-risk-holder ul.score li.lft{
	background-color:#f7f1c8;
	font-weight:bold;
}

.attri-risk-holder ul.score li{
	min-height:20px;
	background-color:#fff9d0;
}



.attri-risk-holder ul.Risk li.lft{
	background-color:#dde8f6;
	line-height:1.5em;
	font-weight:bold;
}

.attri-risk-holder ul.Risk li{
	min-height:18px;
	background-color:#e6f1ff;
}


p.smlheading{
	display:block;
	font-size:14px;
	color:#083c89;
}

ul.points{
	list-style:none;
	margin:5px 5px 0px 5px;
	padding:15px 15px 0px 15px;
	border:0px;
}

ul.points li{
	list-style:none;
	float:left;
	clear:both;
	padding:0px 0px 9px 20px;
	width:95%;
	color:#595959;
	text-align:left;
	border:0px;
	height:auto !important;
	min-height:auto !important;
	background:transparent url(/Images/arrow.png) no-repeat 0px 3px;
}

.attri-risk-holder ul li.raitingholder{
	padding:0px;
	width:98.5px;
	border-right:#d2d2d2 solid 1px;
}


.attri-risk-holder ul li.raitingholder span.Rating-L{
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	background:#fdfdfcnone;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:31px;
}
.attri-risk-holder ul li.raitingholder span.Rating-L:hover{
	background:#fdfdfc url(/Images/l-bg.jpg) repeat-x top left;
	cursor:pointer;
}

.attri-risk-holder ul li.raitingholder span.Rating-L-selected{
	background:#fdfdfc url(/Images/l-bg.jpg) repeat-x top left;
	cursor:default;
	
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:31px;
}




.attri-risk-holder ul li.raitingholder span.Rating-M{
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	background:#fdfdfcnone;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:31px;
}
.attri-risk-holder ul li.raitingholder span.Rating-M:hover{
	background:#fdfdfc url(/Images/m-bg.jpg) repeat-x top left;
	cursor:pointer;
}

.attri-risk-holder ul li.raitingholder span.Rating-M-selected{
	background:#fdfdfc url(/Images/m-bg.jpg) repeat-x top left;
	cursor:default;
	
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:31px;
}




.attri-risk-holder ul li.raitingholder span.Rating-H{
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	background:#fdfdfcnone;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:30.5px;
}
.attri-risk-holder ul li.raitingholder span.Rating-H:hover{
	background:#fdfdfc url(/Images/h-bg.jpg) repeat-x top left;
	cursor:pointer;
}

.attri-risk-holder ul li.raitingholder span.Rating-H-selected{
	background:#fdfdfc url(/Images/h-bg.jpg) repeat-x top left;
	cursor:default;
	
	border:#e3e2e2 solid 1px;
	float:left;
	height:220px;
	color:#000000;
	line-height:17em;
	font-weight:boder;
	font-size:14px;
	width:30.5px;
}









.raitingholderheigt span.Rating-L{
	line-height:12em !important;
	height:150px !important;
}

.raitingholderheigt span.Rating-L-selected{
	height:150px !important;
	line-height:12em !important;
	}


.raitingholderheigt span.Rating-M{
	height:150px !important;
	line-height:12em !important;
	}
	
.raitingholderheigt span.Rating-M-selected{
	height:150px !important;
	line-height:12em !important;
	}




.raitingholderheigt span.Rating-H{
	height:150px !important;
	line-height:12em !important;
	}

.raitingholderheigt span.Rating-H-selected{
	height:150px !important;
	line-height:12em !important;
	}










.raitingholderheigt2 span.Rating-L{
	height:180px !important;
	line-height:14em !important;
}

.raitingholderheigt2 span.Rating-L-selected{
	height:180px !important;
	line-height:14em !important;
	}


.raitingholderheigt2 span.Rating-M{
	height:180px !important;
	line-height:14em !important;
	}
	
.raitingholderheigt2 span.Rating-M-selected{
	height:180px !important;
	line-height:14em !important;
	}




.raitingholderheigt2 span.Rating-H{
	height:180px !important;
	line-height:14em !important;
	}

.raitingholderheigt2 span.Rating-H-selected{
	height:180px !important;
	line-height:14em !important;
	}




/*.grid{
	background-color:#fff;
	text-align:left;
	clear:both;
}


.grid th{
	background:transparent url(/Images/grid-bg.jpg) repeat-x top left;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	text-align:left;
}




.grid td{
	font-weight:normal;
	border-bottom:#ccc solid 1px;
	padding:3px 5px 3px 5px;
	text-align:left;
}*/


.searhTalent-Holder{
	float:left;
	clear:both;
	width:1000px;
	color:#303030;
}


.searhTalent-Holder .criteria{
	float:left;
	background-color:#f6f6f6;
	padding:12px;
	width:161px;
}

.searhTalent-Holder .criteria select{
	clear:both;
	width:156px;
	margin-bottom:10px;
}


.searhTalent-Holder .searhTalent-result{
	float:left;
	background-color:#fafafa;
	width:815px;
}



.searhTalent-Holder .searhTalent-result-onstart{
	float:left;
	background:#fff url(/Images/talent-matching-bg.jpg) no-repeat 10px 120px;
	border-left:#ccc solid 1px;
	width:814px;
	height:410px;
}




.talent-grid-holder{
	float:left;
	color:both;
	width:811px;
	background-color:#fff;
    z-index:0;
}

.talent-grid-holder li{
	float:left;
	color:both;
	width:812px;
	list-style:none;
	background-color:white;
	padding:0px;
	margin:0px;
	border-bottom:#cccccc solid 1px;
}


.talent-grid-holder li p{
	float:left;
	width:600px;
	color:#000000;
	font-size:14px;
	padding:10px 10px 10px 0px;
	line-height:1.2em;
}
.talent-grid-holder li img{
	padding:10px 10px 10px 10px;
}

.talent-grid-holder li p span{
	color:#8c8c8c;
	font-size:12px;
}
.talent-grid-holder li p span.reddate{
	color:#ca0028;
	font-size:12px;
	display:block;
}

.talent-grid-holder li span.chckbox-holder{
	float:left;
	padding-left:10px;
	background-color:#fff;
	padding-top:47px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	padding-right:10px;
	margin-right:10px;
	height:55px;
	color:#000000;
	font-size:14px;
	line-height:1.2em;
}


/*MY TDP*/

.tdpinput{
	width:750px;
	height:27px;
}


.tdpinput2{
	width:790px;
	height:60px;
}

.mytdptxtlrge{
	float:left;
	width:760px;
}


.mytdptxtlrge2{
	float:left;
	width:760px;
}


/*Matrix Manager Screen*/

.signedoffStatus{
	padding:6px 15px 6px 15px;
	color:#fff;
	margin-top:10px;
	font-size:11px;
	float:right;
	background-color:#c23829;
}







/*.main-footer-bottom{ margin:0px auto; width:100%; height:70px; z-index:10; background-color:#ffe8db; display:inline;  bottom:0px; left:0px; position:fixed; background-image:url(/Images/blue_bg.jpg); background-repeat:repeat-x; clear:both;  }*/
.main-footer-bottom{ margin:0px auto; width:100%; height:50px; z-index:1000; background-color:#cee7f3; display:inline;  bottom:0px; left:0px; position:fixed; background-image:url(/Images/blue_bg.jpg); background-repeat:repeat-x; clear:both; /*border-top: #000 solid 1px;*/  }

.footer-bottom{ margin:0px auto; width:100%; height:50px; position:relative;  clear:both; }


body {
}

#dvIdFieldSelection{
    padding: 0px 7px 45px 20px;
    color: black;
    background-color: #f8f8f8;
    margin-top:70px;
}

.search{
	font-family:var(--MainFont);
	font-weight:normal;
	font-size:15px;
	font-weight:normal;
	color:#fff;
	padding-left:3px;
	margin:0px;
}


/*Login*/

.master {
margin: 0px auto;
width: 450px;
min-height: 100%;
position: relative;
}

.logo-holder {
width: 450px;
padding-bottom:10px;
padding-left:10px;
float: left;
text-align:center;
}


/*.bg {
float: left;
width: 450px;
border: #b5b1b1 solid 1px;
background-color: #ecf3fd;
background-image: url(/Images/blue-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}*/


.form-login {
width: 450px;
margin: 0 auto;
}
.form-login ul li {
font-family: Trebuchet MS;
font-size: 11px;
width: 290px;
height: 38px;
vertical-align: middle;
display: inline-block;
float: left;
text-align: left;
}

.form-login ul li.sep {
width: 125px;
text-align: right;
margin: 0px;
padding-right: 8px;
line-height: 3.3em;
}


.grid
{
	font-family: var(--MainFont);
	font-size: 11px;
    color: #333333;
    width:100%;
	background-color: #ffbaba;

}

.dialog
{
    font-family:Tahoma;
    font-size:11pt;
    color:#222222;
    background-color:#fff;
}    
			
.cpHeader
        {
            color: white;
            background-color: #242424;
            font: bold 11px auto "Tahom", var(--MainFont);
            font-size: 14px;
            cursor: pointer;
			background-image:url(/Images/search-bg.jpg); background-repeat:repeat-x;
            width:982px;
            height:20px;
            padding: 4px;            
        }


.bredcrumbs2
{
     color:#FFF; line-height:0.5em !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;  padding:13px 0px 13px 7px;  width:100%; background-color:#124a6d;}
.bredcrumbs2 span{ font-weight:normal; color:#d8f2f2;}
.bredcrumbs2 a{ font-weight:normal; color:white; line-height:0.5em !important;}
.bredcrumbs2 a:hover{ font-weight:normal; color:white;}
.bredcrumbs2 a:visited{ font-weight:normal; color:white;}

.btn-plus{
	background: url(/Images/plus.png) no-repeat 3px -3px;
    /*background-color:#ffbaba;*/
	border: 0 none;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	text-align:left;
	padding-left:21px;
	width:95px;
	margin: 10px 25px 0 0;
}
.btn-plus:hover{border: 0 none;}
.btn-minus	{
	background: url(/Images/minus.png) no-repeat 3px -3px;
	border: 0 none;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	text-align:left;
	padding-left:21px;
	width:95px;
	 margin: 10px 15px 0 0;
}
.btn-minus:hover{border: 0 none;}

.btn-minus-dis{
	background: url(/Images/minus.png) no-repeat 3px -3px;
	border: 0 none;
	font-weight: bold;
	color: #CCC;
	cursor: pointer;
	text-align:left;
	padding-left:21px;
	width:100px;	
	 margin: 10px 15px 0 0;
}
.btn-minus-dis:hover{border: 0 none;}
.btn-plus-dis{
	background: url(/Images/plus.png) no-repeat 3px -3px;
	border: 0 none;
	font-weight: bold;
	color: #CCC;
	cursor: pointer;
	text-align:left;
	padding-left:21px;
	width:85px;	
	margin: 10px 25px 0 0;
}
.btn-plus-dis:hover{border: 0 none;}
.loading
{
    margin-left: 420px;
    z-index: 999 !important;
    top: 0px;
    position: fixed;
    width: 110px;
    float: right;
    background-color: #fdfddb;
    border: #dada99 solid 1px;
    border-top: 0px;
    line-height: 3em;
    color: #000;
    text-align: center;
}
.loading img
{
    vertical-align: middle;
}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}


/*PDP Style Sheet*/

.managertab{
	float:left;
	clear:both;
	width:847px;
	background:transparent url(/Images/Manager-tab.jpg) no-repeat top left;
	height:59px;
}
.dashboard-grid-holder{
	float:left;
	width:847px;
	background-color:#fff;
}
.dashboard-grid-holder li{
	float:left;
	width:818px;
	list-style:none;
	background-color:#fff;
	padding:7px;
	margin:7px;
	border-bottom:#cccccc solid 1px;
}
.dashboard-grid-holder li p{
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:260px;
	color:#000000;
	font-size:14px;
	line-height:1.2em;
}
.dashboard-grid-holder li p span{
	color:#8c8c8c;
	font-size:12px;
}
.dashboard-grid-holder li p span.reddate{
	color:#ca0028;
	font-size:12px;
	display:block;
}
.dashboard-grid-holder li p.statusholder{
	float:left;
	padding-left:10px;
	width:460px;
}
.dashboard-grid-holder li p span a{
	background-color:#fdfdfd;
	border:#e3e3e3 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	line-height:1.2em;
	width:75px;
	height:38px;
	
}
.dashboard-grid-holder li p span a span{
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	color:#8c8c8c;
	line-height:1.2em;
	padding-top:1px;
	display:block;
	
}
.dashboard-grid-holder li p span a.status-active{
	background:transparent url(/Images/status-active.jpg) repeat top left;
	border:#d4bd83 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	width:75px;
	height:38px;
	
}
.dashboard-grid-holder li p span a.completestatus{
	background:transparent url(/Images/status-active-complete.jpg) repeat top left;
	border:#a0dea6 solid 1px;
	color:#525252;
	padding:10px 5px 5px 5px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	width:75px;
	height:38px;
	
}
.dashboard-grid-holder li p span a.completestatus span{
	color:#07a618;
	
}


/*End PDP Style Sheet*/



/* Training Start */

.tdsave {
    padding: 13px 2% 13px 0px !important;
    float: left;
    text-align: right;
    width: 98%;
}

.FixtabHolderShrink {
    height: 35px;
    width: 998px;
    /* background: #004773; */
    position: absolute;
    z-index: 3;
    top: 250px;
}

.DarkBlueTabHolder {
    width: 99.7%;
    background: #004773;
    float: left;
    z-index: 1;
    padding-top: 3px;
    margin-top: -11px;
    height: 34px;
    margin-bottom: -9px;
}

    .DarkBlueTabHolder ul {
        padding: 6px 0px 0px 7px;
        float: left;
        margin: 0px;
    }


        .DarkBlueTabHolder ul li {
            float: left;
            margin: 0px 5px 0px 0px;
        }

            .DarkBlueTabHolder ul li a {
                padding: 5px 10px 6px 10px;
                margin-top: 2px;
                font-size: 13px;
                float: left;
                background-color: #001c41;
                color: #66c0db;
            }

                .DarkBlueTabHolder ul li a:hover {
                    background-color: #32749d;
                    color: #ffffff;
                    text-decoration: none;
                }

                .DarkBlueTabHolder ul li a.current, .DarkBlueTabHolder ul li a.current:hover {
                    padding: 4px 10px 9px 10px;
                    margin-top: 1px;
                    float: left;
                    font-weight: bold;
                    background-color: #fff;
                    color: #001c41;
                    text-decoration: none;
                }


                .DarkBlueTabHolder ul li a.dis, .DarkBlueTabHolder ul li a.dis:hover {
                    padding: 4px 10px 5px 10px;
                    margin-top: 2px;
                    font-size: 13px;
                    float: left;
                    background-color: #001c41;
                    color: #66c0db;
                    opacity: 0.3;
                    filter: alpha(opacity=30);
                    cursor: default;
                }


    .DarkBlueTabHolder span {
        width: 12px;
        float: right;
        text-decoration: -999999999px;
    }

    .DarkBlueTabHolder button {
        background: none;
        overflow: hidden;
        position: relative;
        float: right;
        margin: 6px 4px 0px 1px;
        padding: 3px 9px 3px 9px;
        background: #26aad9;
        border: #00395d solid 1px;
        background: -moz-linear-gradient(top, #26aad9 1%, #1390bc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26aad9), color-stop(100%,#1390bc));
        background: -webkit-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: -o-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: -ms-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: linear-gradient(top, #26aad9 1%,#1390bc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26aad9', endColorstr='#1390bc',GradientType=0 );
        border: #087297 solid 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #e9f7ff;
        font-size: 11px;
    }

        .DarkBlueTabHolder button:hover {
            border: #00395d solid 1px;
            background: #00c2fe;
            background: -moz-linear-gradient(top, #00c2fe 1%, #00afe5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c2fe), color-stop(100%,#00afe5));
            background: -webkit-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: -o-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: -ms-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2fe', endColorstr='#00afe5',GradientType=0 );
            cursor: pointer;
            color: #fff;
            font-size: 11px;
        }





/*---- Tabs compenstation ----------*/




.DarkBlueTabHolder {
    width: 99.7%;
    background: #004773;
    float: left;
    z-index: 1;
    padding-top: 3px;
    margin-top: -11px;
    height: 34px;
    margin-bottom: -9px;
}

    .DarkBlueTabHolder ul {
        padding: 6px 0px 0px 7px;
        float: left;
        margin: 0px;
    }


        .DarkBlueTabHolder ul li {
            float: left;
            margin: 0px 5px 0px 0px;
        }

            .DarkBlueTabHolder ul li a {
                padding: 5px 10px 6px 10px;
                margin-top: 2px;
                font-size: 13px;
                float: left;
                background-color: #001c41;
                color: #66c0db;
            }

                .DarkBlueTabHolder ul li a:hover {
                    background-color: #32749d;
                    color: #ffffff;
                    text-decoration: none;
                }

                .DarkBlueTabHolder ul li a.current, .DarkBlueTabHolder ul li a.current:hover {
                    padding: 4px 10px 9px 10px;
                    margin-top: 1px;
                    float: left;
                    font-weight: bold;
                    background-color: #fff;
                    color: #001c41;
                    text-decoration: none;
                }


                .DarkBlueTabHolder ul li a.dis, .DarkBlueTabHolder ul li a.dis:hover {
                    padding: 4px 10px 5px 10px;
                    margin-top: 2px;
                    font-size: 13px;
                    float: left;
                    background-color: #001c41;
                    color: #66c0db;
                    opacity: 0.3;
                    filter: alpha(opacity=30);
                    cursor: default;
                }


    .DarkBlueTabHolder span {
        width: 12px;
        float: right;
        text-decoration: -999999999px;
    }

    .DarkBlueTabHolder button {
        background: none;
        overflow: hidden;
        position: relative;
        float: right;
        margin: 6px 4px 0px 1px;
        padding: 3px 9px 3px 9px;
        background: #26aad9;
        border: #00395d solid 1px;
        background: -moz-linear-gradient(top, #26aad9 1%, #1390bc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26aad9), color-stop(100%,#1390bc));
        background: -webkit-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: -o-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: -ms-linear-gradient(top, #26aad9 1%,#1390bc 100%);
        background: linear-gradient(top, #26aad9 1%,#1390bc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26aad9', endColorstr='#1390bc',GradientType=0 );
        border: #087297 solid 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #e9f7ff;
        font-size: 11px;
    }

        .DarkBlueTabHolder button:hover {
            border: #00395d solid 1px;
            background: #00c2fe;
            background: -moz-linear-gradient(top, #00c2fe 1%, #00afe5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00c2fe), color-stop(100%,#00afe5));
            background: -webkit-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: -o-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: -ms-linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            background: linear-gradient(top, #00c2fe 1%,#00afe5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2fe', endColorstr='#00afe5',GradientType=0 );
            cursor: pointer;
            color: #fff;
            font-size: 11px;
        }





.WhiteSearchBoxShrink {
    height: 32px;
    width: 986px;
    background-color: #fff;
    position: absolute;
    padding-top: 9px;
    padding-bottom: 5px;
    top: 0px;
    padding-left: 10px;
    margin-left: -10px;
}


.WhiteSearchBoxMrTp {
    /*margin-top: 30px;*/
    width: 99% !important;
}

.WhiteSearchBox {
    background-color: #fff;
    z-index: 2;
    height: 32px;
    position: relative;
    width: 99%;
    margin-bottom: 12px;
    float: left;
}

    .WhiteSearchBox p.heading {
        font-size: 12px;
        font-weight: bold;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .WhiteSearchBox span.selectsearch {
        display: inline-block;
        padding-left: 3px;
        padding-right: 3px;
        font-weight: normal;
        line-height: 1.2em;
        font-size: 11px;
        background: none;
    }

        .WhiteSearchBox span.selectsearch input[type="radio"] {
            margin-top: 0px;
            float: left;
        }


    .WhiteSearchBox span {
        background: #14b3dc url(../Images/Compensation_web_sprite_icons.png) no-repeat -26px -146px;
    }

.SearchSmlBtn {
    background: #e8e3e3 url(/Images/chosen-sprite.png) no-repeat -26px -20px !IMPORTANT;
    border: #ccc solid 1px;
    margin-left: -11px;
    height: 25px;
    float: left;
    text-indent: -9999px;
    width: 30px !important;
    position: relative;
}

    .SearchSmlBtn:hover {
        background: #d9d9d9 url(/Images/chosen-sprite.png) no-repeat -26px -20px !IMPORTANT;
        border: #bdbdbd solid 1px;
        cursor: pointer;
    }




.WhiteSearchBoxInner {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 4px;
}

    .WhiteSearchBoxInner .SearchLeft {
        width: 68%;
        float: left;
    }



    .WhiteSearchBoxInner input {
        width: 92%;
        border: 1px solid #ccc;
        padding: 5px 11px 3px 5px;
        float: left;
        margin: 0px 0px 0px -1px !important;
        color: #666;
        font-size: 12px;
        background-color: #FFF;
    }

    .WhiteSearchBoxInner a {
        position: absolute;
        top: 10px;
        cursor: pointer;
        right: 43px;
        text-indent: -999px;
        background: url('../Images/chosen-sprite.png') -37px -10px no-repeat;
        width: 16px;
        height: 11px;
    }


    .WhiteSearchBoxInner .trainingbtnMargin {
        background-color: transparent !important;
        padding: 3px 0px 0px 20px !important;
        border: 0px !important;
        width: auto !important;
        margin-left: 10px !important;
    }

.WhiteSearchBoxShrink .ExpCollbtnWrapper {
    margin-right: 18px !important;
    margin-top: 1px !important;
}


.WhiteSearchBoxShrink .ExpCollbtnWrapper {
    margin-right: 18px !important;
    margin-top: 1px !important;
}

.WhiteSearchBoxShrink input {
    width: 90%;
}






.TrainingTreeHolder {
    width: 100%;
}


.AnimateBtn {
    font-size: 11px;
    border: transparent solid 1px;
    overflow: hidden;
    color: #1694c1;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    -webkit-border-radius: 3px;
    -mox-border-radius: 3px;
    border-radius: 3px;
    margin-left: 4px;
    text-decoration: underline;
    height: 14px !important;
    float: right;
    -webkit-transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    -o-transition: padding 0.5s;
    transition: padding 0.5s;
}





    .AnimateBtn:hover {
        float: right;
        width: auto;
        color: #1694c1;
        background-color: #deeffc !important;
        border: #70ade0 solid 1px;
        text-indent: 0;
        min-width: 25px;
        cursor: pointer;
        font-size: 11px;
        padding: 3px 7px 3px 24px;
        text-decoration: none;
        display: inline;
        width: auto;
        -webkit-transition: padding 0.5s;
        -moz-transition: padding 0.5s;
        -o-transition: padding 0.5s;
        transition: padding 0.5s;
    }


.AnimateBtn-dis, .AnimateBtn-dis:hover {
    font-size: 11px;
    border: transparent solid 1px;
    float: right;
    overflow: hidden;
    color: #989898;
    cursor: default;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    -webkit-border-radius: 3px;
    -mox-border-radius: 3px;
    border-radius: 3px;
    margin-left: 4px;
    height: 14px !important;
    -webkit-transition: padding 1s;
    background: transparent none !important;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}



.DeleteICO {
    background: transparent none !important;
}

    .DeleteICO:hover {
        background: url(/Images/trainingico.png) no-repeat -7px -144px;
    }

.NewFolderICO {
    background: transparent none !important;
}

    .NewFolderICO:hover {
        background: url(/Images/trainingico.png) no-repeat -6px -191px !important;
    }

.NewTrainingICO {
    background: transparent none !important;
}

    .NewTrainingICO:hover {
        background: url(/Images/trainingico.png) no-repeat -6px -283px !important;
    }

.FavICO {
    background: transparent none !important;
}

    .FavICO:hover {
        background: url(/Images/trainingico.png) no-repeat -6px -213px !important;
    }

.UNFavICO {
    background: transparent none !important;
}

    .UNFavICO:hover {
        background: url(/Images/trainingico.png) no-repeat -6px -510px !important;
    }

.ShareICO {
    background: transparent none !important;
}

    .ShareICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -239px !important;
    }

.MoveICO {
    background: transparent none !important;
}

    .MoveICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -7px -305px !important;
    }

.CopyICO {
    background: transparent none !important;
}

    .CopyICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -343px !important;
    }

.EditICO {
    background: transparent none !important;
}

    .EditICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -167px !important;
    }

.PrintICO {
    background: transparent none !important;
}

    .PrintICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -262px !important;
    }

.ImportICO {
    background: transparent none !important;
}

    .ImportICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -323px !important;
    }

.ExportICO {
    background: transparent none !important;
}

    .ExportICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -446px !important;
    }

.SuggestICO {
    background: transparent none !important;
}

    .SuggestICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -403px !important;
    }

.ViewICO {
    background: transparent none !important;
}

    .ViewICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -6px -423px !important;
    }

.AssignICO {
    background: transparent none !important;
}

    .AssignICO:hover {
        background: transparent url(/Images/trainingico.png) no-repeat -8px -538px !important;
    }

.MoveTrainingScroll {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: auto;
    max-height: 220px;
    padding: 12px 00px 12px 00px;
}



    .MoveTrainingScroll .k-treeview-lines {
        width: 97% !important;
    }


    .MoveTrainingScroll .k-treeview-lines {
        width: 97% !important;
    }

    .MoveTrainingScroll .k-itemFolder, .MoveTrainingScroll .k-itemFolderFav, .MoveTrainingScroll .k-itemFolderShare, .MoveTrainingScroll .k-itemFolderTraining, .MoveTrainingScroll .k-itemFolderShareFav {
        max-width: 91% !important;
    }


.fake {
    color: red;
}

.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;
}

.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;
}

.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: var(--MainFont);
    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-block {
    padding: 2px;
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: var(--MainFont);
    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 {
        cursor: default;
    }

.k-ie7 .k-button {
    line-height: normal;
}

a.k-button {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em;
}

.k-ie7 .k-button {
    overflow: visible;
    margin-right: 4px;
}

.k-ie7 a.k-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px;
}

.k-ie7 .k-slider a.k-button {
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.k-ie7 .k-button-expand {
    margin-left: 0;
    margin-right: 0;
}

button.k-button::-moz-focus-inner, input.k-button::-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-ie7 a.k-button-icon {
    padding-left: 5px;
    padding-right: 5px;
}

.k-button-icontext {
    overflow: visible;
}

.k-toolbar .k-button-icontext {
    padding-right: .8em;
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    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;
    color: inherit;
    border-width: 0;
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit;
    }

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

.k-grid-header span.k-link {
    cursor: default;
}

.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;
}

.k-icon, .k-sprite, .k-button-group .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-icon.k-i-none {
        background-image: none;
    }

.k-ie8 .k-icon, .k-ie8 .k-sprite, .k-ie8 .k-button-group .k-tool-icon {
    vertical-align: middle;
}

:root * > .k-icon, :root * > .k-sprite, :root * > .k-button-group .k-tool-icon {
    vertical-align: middle;
}

.k-icon, .k-sprite {
    background-color: transparent;
}

.k-ie7 .k-icon, .k-ie7 .k-sprite {
    text-indent: 0;
}

.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 0;
}

.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: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 0;
}

.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: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: 0 0;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px;
}

.k-group-indicator .k-button:hover span.k-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: 0 0;
}

.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:hover .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n, .k-button:active .k-i-arrow-n {
    background-position: -16px 0;
}

.k-i-arrow-e {
    background-position: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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 {
    background-position: 0 -129px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-button:hover .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n, .k-button:active .k-si-arrow-n {
    background-position: -16px -129px;
}

.k-si-arrow-e {
    background-position: 0 -144px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-button:hover .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e, .k-button:active .k-si-arrow-e {
    background-position: -16px -144px;
}

.k-si-arrow-s {
    background-position: 0 -159px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-button:hover .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s, .k-button:active .k-si-arrow-s {
    background-position: -16px -159px;
}

.k-si-arrow-w {
    background-position: 0 -176px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-button:hover .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w, .k-button:active .k-si-arrow-w {
    background-position: -16px -176px;
}

.k-i-arrowhead-n {
    background-position: 0 -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: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: 0 -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: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: 0 -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: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: 0 -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: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 {
    background-position: 0 -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-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-button:hover .k-i-expand, .k-button:hover .k-plus, .k-button:hover .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled, .k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled {
    background-position: -16px -192px;
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -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-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-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-button:hover .k-i-expand-w, .k-button:hover .k-rtl .k-i-expand, .k-button:hover .k-rtl .k-plus, .k-button:hover .k-rtl .k-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-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 {
    background-position: -16px -208px;
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -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-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-button:hover .k-i-collapse, .k-button:hover .k-minus, .k-button:hover .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled, .k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled {
    background-position: -16px -224px;
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -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-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-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-button:hover .k-i-collapse-w, .k-button:hover .k-rtl .k-i-collapse, .k-button:hover .k-rtl .k-minus, .k-button:hover .k-rtl .k-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-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 {
    background-position: -16px -240px;
}

.k-i-pencil, .k-edit {
    background-position: -32px 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-state-hover > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > * > .k-edit, .k-button:hover .k-i-pencil, .k-button:hover .k-edit, .k-textbox:hover .k-i-pencil, .k-textbox:hover .k-edit, .k-button:active .k-i-pencil, .k-button:active .k-edit {
    background-position: -48px 0;
}

.k-i-close, .k-delete, .k-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-state-hover > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-button:hover .k-i-close, .k-button:hover .k-delete, .k-button:hover .k-group-delete, .k-textbox:hover .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-button:active .k-i-close, .k-button:active .k-delete, .k-button:active .k-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:hover .k-si-close, .k-textbox:hover .k-si-close, .k-button:active .k-si-close {
    background-position: -176px -80px;
}

.k-multiselect .k-delete {
    background-position: -160px -80px;
}

.k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px;
}

.k-i-tick, .k-insert, .k-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-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-button:hover .k-i-tick, .k-button:hover .k-insert, .k-button:hover .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-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:hover .k-check:checked, .k-button:hover .k-mobile-list .k-edit-field [type=checkbox], .k-button: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 {
    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-state-hover > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-button:hover .k-i-cancel, .k-button:hover .k-cancel, .k-button:hover .k-denied, .k-textbox:hover .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-button:active .k-i-cancel, .k-button:active .k-cancel, .k-button:active .k-denied {
    background-position: -48px -48px;
}

.k-i-plus, .k-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-state-hover > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > * > .k-add, .k-button:hover .k-i-plus, .k-button:hover .k-add, .k-textbox:hover .k-i-plus, .k-textbox:hover .k-add, .k-button:active .k-i-plus, .k-button:active .k-add {
    background-position: -48px -64px;
}

.k-i-funnel, .k-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-state-hover > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > * > .k-filter, .k-button:hover .k-i-funnel, .k-button:hover .k-filter, .k-textbox:hover .k-i-funnel, .k-textbox:hover .k-filter, .k-button:active .k-i-funnel, .k-button:active .k-filter {
    background-position: -48px -80px;
}

.k-i-funnel-clear, .k-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-state-hover > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-button:hover .k-i-funnel-clear, .k-button:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:active .k-clear-filter {
    background-position: -48px -96px;
}

.k-i-lock {
    background-position: -64px 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-button:hover .k-i-lock, .k-textbox:hover .k-i-lock, .k-button:active .k-i-lock {
    background-position: -80px 0;
}

.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: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: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: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: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: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: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: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:hover .k-i-unpin, .k-textbox:hover .k-i-unpin, .k-button:active .k-i-unpin {
    background-position: -176px -272px;
}

.k-resize-se {
    background-position: -32px -160px;
}

.k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-button:hover .k-resize-se, .k-textbox:hover .k-resize-se, .k-button:active .k-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: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:hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock {
    background-position: -48px -192px;
}

.k-si-plus {
    background-position: -32px -208px;
}

.k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-button:hover .k-si-plus, .k-textbox:hover .k-si-plus, .k-button:active .k-si-plus {
    background-position: -48px -208px;
}

.k-si-minus {
    background-position: -32px -224px;
}

.k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-button:hover .k-si-minus, .k-textbox:hover .k-si-minus, .k-button:active .k-si-minus {
    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: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: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 {
    background-position: -288px -120px;
}

.k-i-insert-n, .k-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-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-button:hover .k-i-insert-n, .k-button:hover .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top, .k-button:active .k-i-insert-n, .k-button:active .k-insert-top {
    background-position: -176px -32px;
}

.k-i-insert-m, .k-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-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-button:hover .k-i-insert-m, .k-button:hover .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle, .k-button:active .k-i-insert-m, .k-button:active .k-insert-middle {
    background-position: -176px -48px;
}

.k-i-insert-s, .k-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-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-button:hover .k-i-insert-s, .k-button:hover .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom, .k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom {
    background-position: -176px -64px;
}

.k-drop-hint {
    background-position: 0 -326px;
}

.k-i-note, .k-warning {
    background-position: -160px -240px;
}

.k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-button:hover .k-i-note, .k-button:hover .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning, .k-button:active .k-i-note, .k-button:active .k-warning {
    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: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: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: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: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: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: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: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:hover .k-i-sum, .k-textbox:hover .k-i-sum, .k-button:active .k-i-sum {
    background-position: -80px -64px;
}

.k-file {
    background-position: 0 0;
}

.k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > .k-file, .k-state-hover > * > .k-file, .k-button:hover .k-file, .k-textbox:hover .k-file, .k-button:active .k-file {
    background-position: -16px 0;
}

.k-i-folder-add, .k-addfolder {
    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-state-hover > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-button:hover .k-i-folder-add, .k-button:hover .k-addfolder, .k-textbox:hover .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-button:active .k-i-folder-add, .k-button:active .k-addfolder {
    background-position: -48px -272px;
}

.k-i-folder-up, .k-goup {
    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-state-hover > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-button:hover .k-i-folder-up, .k-button:hover .k-goup, .k-textbox:hover .k-i-folder-up, .k-textbox:hover .k-goup, .k-button:active .k-i-folder-up, .k-button:active .k-goup {
    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:hover .k-i-more, .k-textbox:hover .k-i-more, .k-button:active .k-i-more {
    background-position: -80px -32px;
}

.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;
}

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;
}

.k-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-text {
    text-indent: -4000px;
    text-align: center;
}

.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;
}

.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;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    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;
}

.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;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-button, .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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.input-group .form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control.k-widget {
    padding: 0;
}

a.k-button:hover {
    text-decoration: none;
}

.k-widget, .k-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.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;
}

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;
}

.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-ie7 .k-window {
    padding-bottom: 1.16em;
}

.k-ie7 .k-window-titleless {
    padding-bottom: 0;
}

.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-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
}

    .k-tabstrip .k-tabstrip-items {
        padding: .3em .3em 0;
    }

.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-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;
}

.k-ie7 .k-tabstrip-items .k-item .k-image, .k-ie7 .k-tabstrip-items .k-item .k-sprite {
    margin-top: -1px;
    vertical-align: top;
}

.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;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-transition: "width 200ms linear";
    -moz-transition: "width 200ms linear";
    -ms-transition: "width 200ms linear";
    -o-transition: "width 200ms linear";
    transition: "width 200ms linear";
    animation: k-tab-loader 1s ease-in-out infinite;
    -moz-animation: k-tab-loader 1s ease-in-out infinite;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
}

.k-tabstrip-items .k-progress {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
}

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .29em .3em;
    padding: .3em .92em;
    zoom: 1;
}

.k-tabstrip > .k-content {
    display: none;
}

    .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;
    }
}

@-moz-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;
    }
}

.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-image, .k-panelbar .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;
}

.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;
            overflow: hidden;
        }

        .k-menu .k-item {
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            user-select: none;
        }

            .k-menu .k-item div {
                -webkit-user-select: default;
                -moz-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-ie7 .k-menu .k-item .k-item {
    zoom: normal;
}

.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-ie7 .k-menu .k-item > .k-link > .k-i-arrow-s, .k-ie7 .k-menu .k-image, .k-ie7 .k-menu .k-sprite {
    margin-top: 0;
}

.k-menu .k-item > .k-link {
    display: block;
    padding: .5em 1.1em .4em;
    line-height: 1.34em;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-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;
    -moz-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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-context-menu.k-menu-horizontal > .k-last {
    border: 0;
}

.k-ie7 .k-menu .k-menu-group .k-link {
    width: 100%;
}

.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: .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;
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.k-grid, .k-listview {
    position: relative;
    zoom: 1;
}

    .k-grid table {
        width: 100%;
        margin: 0;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0;
    }

.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 .k-filter-row > th {
    border-top-width: 1px;
}

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
}

.k-filter-row label > input[type="radio"] {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent;
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -0.5em -0.6em -0.4em -0.6em;
    padding: .5em .6em .4em .6em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 1.3em;
}

.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 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 {
    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;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

    div.k-grid-header th.k-header, tr.k-filter-row > th {
        border-bottom-width: 0;
    }

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
}

.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;
}

@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-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;
}

.k-ie7 .k-grid-content table {
    width: auto;
}

.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;
    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-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px;
}

.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;
    }

.k-pager-wrap {
    clear: both;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    line-height: 2.0em;
    padding: .333em 0 .333em .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 li, .k-pager-input {
        float: left;
    }

.k-grid .k-pager-numbers {
    float: left;
    cursor: default;
}

.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 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
}

.k-pager-wrap > a.k-state-disabled:hover {
    background: 0;
    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: .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-ie7 .k-pager-wrap .k-textbox {
    height: 1.3333em;
    margin-top: .16666em;
    display: inline;
}

.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-ie7 .k-pager-sizes {
    float: left;
}

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 0 .4em 0;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -0.5em -0.6em -0.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
}

.k-grid .k-animation-container {
    position: absolute;
}

.k-filter-menu {
    padding: .5em;
}

form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox {
    display: block;
}

.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-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;
}

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left;
}

.k-ie7 .k-dirty-cell {
    position: relative;
}

.k-ie7 .k-dirty {
    top: 5px;
}

.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: .22em .2em .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-ie7 .k-grid-actions {
    vertical-align: bottom;
}

.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;
}

.k-ie7 .k-grid tbody a.k-button {
    min-width: 62px;
}

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%;
}

.k-ie7 .k-edit-cell > .text-box, .k-ie7 .k-edit-cell > .k-textbox, .k-ie7 .k-edit-cell > .k-widget, .k-ie7 .k-grid-edit-row > td > .k-textbox, .k-ie7 .k-grid-edit-row > td > .k-widget, .k-ie7 .k-grid-edit-row > td > .text-box {
    display: block;
    width: 90%;
}

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;
}

.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;
}

.k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu {
    font-size: 100%;
}

.k-column-menu {
    min-width: 160px;
}

    .k-column-menu .k-sprite {
        margin-right: 10px;
    }

    .k-column-menu > .k-menu {
        border-width: 0;
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto;
}

.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%;
}

.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-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0;
}

.k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

    .k-gantt-toolbar > ul > li:first-child {
        border-left-width: 1px;
    }

.k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em;
}

.k-gantt-toolbar li:first-child, .k-gantt-toolbar li:first-child > .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;
}

.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;
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.5em;
}

.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-gantt-timeline th {
    text-align: center;
}

.k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px;
}

.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;
}

.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;
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.k-ie8 .k-task-milestone, .k-ie7 .k-task-milestone {
    margin-left: 1px;
}

.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;
}

.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;
}

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px;
}

    .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;
}

.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 3.3em .3em .3em;
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px;
}

.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-pivot .k-grid-header tr + tr > .k-header {
    border-top-width: 1px;
}

.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;
}

.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;
    }

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 1px 0 0;
}

    .k-fieldselector .k-columns > div {
        padding: .6em 0;
        border-style: solid;
    }

    .k-fieldselector .k-columns > div {
        border-width: 0 0 0 1px;
        width: 49%;
        float: left;
    }

        .k-fieldselector .k-columns > div:first-child {
            border-width: 0 1px 0 0;
            margin-right: -1px;
        }

.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;
    }

.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: .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;
    text-align: right;
    outline: 0;
}

.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: .16666em -0.08333em .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: .08333em;
    cursor: pointer;
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .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;
}

div.k-treeview {
    border-width: 0;
    background: 0;
    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: 0;
        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 {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer;
}

.k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    cursor: default;
}

.k-treeview .k-sprite, .k-treeview .k-image {
    margin-right: 3px;
}

.k-treeview .k-in {
    margin: 1px 0 1px .16666em;
    padding: 1px .3333em 1px .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;
}

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-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-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-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;
}

.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: box-shadow .15s ease-out;
    -moz-transition: box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    -moz-transition: "box-shadow .15s ease-out";
    -ms-transition: "box-shadow .15s ease-out";
    -o-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: var(--MainFont);
    border-width: 0;
    outline: 0;
}

.k-dropdown .k-input, .k-selectbox .k-input {
    background: transparent;
}

.k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-combobox .k-input {
    margin: -1px 0;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    position: absolute;
    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;
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0;
}

.k-textbox > input, .k-autocomplete .k-input {
    display: block;
}

.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: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 1.65em;
    padding-bottom: .4em;
}

.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-ie7 .k-autocomplete .k-input, .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-dropdown-wrap .k-input, .k-ie7 .k-selectbox .k-input {
    text-indent: 0;
}

.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-ie7 .k-picker-wrap .k-icon, .k-ie7 .k-dropdown-wrap .k-icon {
    line-height: 2em;
    font-size: 1em;
    padding-top: 16px;
    height: 0;
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    cursor: pointer;
}

.k-popup {
    border-style: solid;
    border-width: 1px;
}

    .k-popup .k-item {
        cursor: default;
    }

    .k-popup .k-calendar {
        border: 0;
    }

.k-list {
    height: 100%;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-overflow-container .k-item {
    padding: 1px;
}

.k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover {
    border: 0;
    background: 0;
}

.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 {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
}

.k-list-filter {
    position: relative;
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%;
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 4px;
        top: 3px;
    }

.k-multiselect-wrap {
    position: relative;
    border-width: 0;
    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: .18em 0;
        text-indent: .33em;
        border: 0;
        margin: 1px 0 0;
        float: left;
    }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em .15em .1em .4em;
        line-height: 1.5em;
        float: left;
    }

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px;
}

.k-multiselect .k-loading-hidden {
    visibility: hidden;
}

.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;
}

.k-input {
    padding: .25em 0;
}

.k-input, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.k-textbox {
    outline: 0;
    padding: 2px .3em;
    line-height: 1.6em;
}

input.k-textbox {
    height: 2.13em;
    text-indent: .33em;
}

.k-ie input.k-textbox {
    text-indent: .165em;
}

.k-ff input.k-textbox {
    height: 2.17em;
}

.k-ie7 input.k-textbox {
    line-height: 1.72em;
    height: 1.72em;
    text-indent: .33em;
}

textarea.k-textbox {
    height: auto;
}

.k-ie7 .k-textbox {
    padding: 1px 0;
    text-indent: 0;
}

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;
}

.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-icon {
    cursor: pointer;
}

.k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .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 {
            z-index: 100;
            background: transparent;
            box-shadow: 0 1px 4px #000,inset 0 0 3px #fff;
            position: relative;
        }

.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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-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: -moz-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f00),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),color-stop(100%,#ff0004));
        background: -webkit-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -o-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -ms-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -left-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url("textures/transparency.png");
        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: -moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000)),-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -top-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-left-linear-gradient(left,#fff 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-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url("textures/hue.png") repeat 0 50%;
}

.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url("textures/transparency.png") repeat 0 50%;
}

.k-ie7 .k-flatcolorpicker .k-hsv-gradient, .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);
}

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;
}

.k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
}

.k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    box-shadow: none!important;
}

.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;
}

    .k-editor-toolbar li {
        display: inline-block;
        vertical-align: middle;
    }

.k-ie7 .k-editor-toolbar li {
    display: inline;
}

.k-webkit .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .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 {
        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 {
    background-position: -240px 0;
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -264px 0;
}

.k-italic {
    background-position: -240px -24px;
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -264px -24px;
}

.k-underline {
    background-position: -240px -48px;
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -264px -48px;
}

.k-strikethrough {
    background-position: -240px -72px;
}

.k-state-hover .k-strikethrough, .k-state-selected .k-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 {
    background-position: -240px -144px;
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
}

.k-justifyCenter {
    background-position: -240px -168px;
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
}

.k-justifyRight {
    background-position: -240px -192px;
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
}

.k-justifyFull {
    background-position: -240px -216px;
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
}

.k-insertUnorderedList {
    background-position: -240px -264px;
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
}

.k-insertOrderedList {
    background-position: -240px -288px;
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
}

.k-indent, .k-rtl .k-outdent {
    background-position: -288px 0;
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
}

.k-outdent, .k-rtl .k-indent {
    background-position: -288px -24px;
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
}

.k-createLink {
    background-position: -288px -48px;
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    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 {
    background-position: -288px -96px;
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -312px -96px;
}

.k-insertFile {
    background-position: -288px -216px;
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -312px -216px;
}

.k-subscript {
    background-position: -288px -144px;
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -312px -144px;
}

.k-superscript {
    background-position: -288px -168px;
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -312px -168px;
}

.k-cleanFormatting {
    background-position: -288px -192px;
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -312px -192px;
}

.k-createTable {
    background-position: -192px 0;
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -216px 0;
}

.k-addColumnLeft {
    background-position: -192px -24px;
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -216px -24px;
}

.k-addColumnRight {
    background-position: -192px -48px;
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -216px -48px;
}

.k-addRowAbove {
    background-position: -192px -72px;
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -216px -72px;
}

.k-addRowBelow {
    background-position: -192px -96px;
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -216px -96px;
}

.k-deleteRow {
    background-position: -192px -120px;
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -216px -120px;
}

.k-deleteColumn {
    background-position: -192px -144px;
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -216px -144px;
}

.k-mergeCells {
    background-position: -192px -168px;
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
}

.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;
}

.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-editor-dialog .k-edit-field .k-checkbox {
            margin: 0 .4em 0 0;
        }

.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.39999999999998px;
    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-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 {
    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;
}

.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 1px 1px 0;
}

.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-radius: 4px 0 0 4px;
    border-left-width: 1px;
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-radius: 0 4px 4px 0;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    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-radius: 4px 4px 0 0;
}

.k-progressbar-vertical .k-last {
    border-radius: 0 0 4px 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%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    -o-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -moz-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    -o-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.k-ie7 .k-progressbar-vertical .k-progress-status {
    writing-mode: tb-rl;
    padding: .5em 0;
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
    writing-mode: bt-lr;
    padding: .5em 0;
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.k-slider-vertical {
    width: 26px;
    height: 200px;
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    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-ie7 .k-slider .k-icon {
    margin-top: 2px;
}

.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-ie7 .k-slider-vertical .k-tick {
    float: left;
    clear: left;
    width: 100%;
}

.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;
}

.k-scheduler-toolbar, .k-scheduler-footer {
    border-style: solid;
}

.k-scheduler-toolbar, .k-scheduler-footer {
    line-height: 28px;
    padding: 6px;
}

.k-scheduler-toolbar {
    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 > 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 {
    border-width: 0;
}

.k-scheduler-toolbar > ul > li:first-child {
    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-ie7 .k-scheduler-toolbar .k-nav-prev .k-link, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link {
    height: 2.3em;
    margin-top: -1px;
    vertical-align: middle;
}

    .k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link .k-icon, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link .k-icon {
        margin-top: .5em;
    }

.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: 0;
}

.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: 0;
        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;
    white-space: nowrap;
    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-ie7 .k-scheduler-content .k-scheduler-table {
    width: auto;
}

.k-scheduler-layout > tbody > tr > td {
    padding: 0;
    vertical-align: top;
}

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%;
}

.k-scheduler-table {
    table-layout: fixed;
}

.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;
    -moz-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;
}

.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;
}

.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 {
    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 .k-current-time {
    background: #f00;
    height: 1px;
    position: absolute;
    right: 1px;
    left: 0;
}

.k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 1px;
    padding: 4px 5px 4px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center;
}

.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: -13px;
    left: 50%;
}

.k-callout-w {
    top: 50%;
    left: -13px;
}

.k-callout-s {
    left: 50%;
    bottom: -13px;
}

.k-callout-e {
    top: 50%;
    right: -13px;
}

.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;
}

.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: 0;
    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;
}

.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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-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;
}

html .k-upload {
    position: relative;
}

html .k-upload-empty {
    border-width: 0;
    background: 0;
}

.k-dropzone em, .k-upload-button {
    vertical-align: middle;
}

.k-ie7 .k-dropzone em, .k-ie7 .k-upload-button {
    vertical-align: baseline;
}

.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;
    min-width: 7.167em;
    overflow: hidden!important;
    direction: ltr;
}

.k-upload-sync .k-upload-button, .k-ie7 .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
    margin: .8em;
}

.k-upload-button input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font: 200px monospace!important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.k-upload-files {
    margin: 0 0 .6em;
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0;
}

    .k-upload-files .k-button {
        padding: 0;
    }

    .k-upload-files .k-button, .k-upload-status-total .k-icon {
        margin-left: 8px;
    }

.k-ie7 .k-upload-files .k-button {
    line-height: 1;
}

.k-upload .k-fail {
    background-position: -161px -111px;
}

.k-si-refresh {
    background-position: -160px -128px;
}

.k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-button:hover .k-si-refresh, .k-textbox:hover .k-si-refresh, .k-button:active .k-si-refresh {
    background-position: -176px -128px;
}

.k-si-tick, .k-success {
    background-position: -160px -96px;
}

.k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-button:hover .k-si-tick, .k-button:hover .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success, .k-button:active .k-si-tick, .k-button:active .k-success {
    background-position: -176px -96px;
}

.k-si-cancel {
    background-position: -160px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-button:hover .k-si-cancel, .k-textbox:hover .k-si-cancel, .k-button:active .k-si-cancel {
    background-position: -176px -112px;
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em;
}

    .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:hover .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon, .k-button:active .k-file > .k-icon {
    background-position: -128px -288px;
}

.k-filename {
    position: relative;
    display: inline-block;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    margin-left: 1em;
    padding-bottom: .167em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.k-upload-status {
    position: absolute;
    right: 12px;
    top: .6em;
    line-height: .7em;
}

    .k-upload-status .k-button, .k-upload-status .k-warning {
        vertical-align: text-bottom;
    }

.k-dropzone .k-upload-status {
    line-height: 2.4;
}

.k-upload-pct {
    line-height: 20px;
}

.k-ie8 .k-upload-status-total {
    line-height: 29px;
}

.k-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-ie7 .k-upload-selected {
    min-width: 100px;
}

.k-upload-selected, .k-upload-cancel {
    margin-bottom: .8em;
}

.k-upload-selected {
    margin-left: .8em;
    margin-right: .2em;
}

.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: var(--MainFont);
    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;
}

    .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-ie7 .k-filebrowser .k-upload-button, .k-ie7 .k-filebrowser .k-upload .k-icon {
    vertical-align: baseline;
    position: relative;
    top: 1px;
}

.k-ie7 .k-filebrowser .k-upload .k-icon {
    top: 2px;
}

.k-ie7 .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
    vertical-align: middle;
}

.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;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-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, .k-tile .k-filesize {
    display: 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 .2em;
        font-size: 3em;
        font-weight: normal;
    }

    .k-tile-empty, .k-tile-empty .k-button-wrapper {
        text-align: center;
    }

.k-ie7 .k-button, .k-ie7 .k-grid-filter, .k-ie7 .k-header-column-menu, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers span, .k-ie7 .k-pager-numbers input, .k-ie7 .k-grouping-row p, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grid-actions, .k-ie7 .k-edit-label, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-combobox, .k-ie7 .k-dropdown, .k-ie7 .k-selectbox, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-numerictextbox, .k-ie7 .k-timepicker, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-colorpicker, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-treeview .k-in, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-palette.k-reset, .k-ie7 .k-editor-dialog .k-button, .k-ie7 .k-form-text-row label, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 .k-window-titlebar .k-window-action, .k-ie7 .k-scheduler-toolbar > ul > li, .k-ie7 .k-scheduler-footer > ul > li, .k-ie7 .k-scheduler-toolbar > ul > li, .k-ie7 .k-scheduler-footer > ul > li, .k-ie7 .k-event:hover .k-event-delete, .k-ie7 tr:hover > td > .k-task .k-event-delete, .k-ie7 .k-progressbar, .k-ie7 .k-progressbar-horizontal .k-item, .k-ie7 .k-progress-status, .k-ie7 .k-grid-header-locked, .k-ie7 .k-grid-content-locked, .k-ie7 .k-grid-header-locked + .k-grid-header-wrap, .k-ie7 .k-grid-content-locked + .k-grid-content, .k-ie7 .k-grid-footer-locked {
    display: inline;
    zoom: 1;
}

.k-ie7 .k-treeview .k-item, .k-ie7 .k-treeview .k-group {
    zoom: 1;
}

.k-ie7 .k-edit-field > .k-textbox {
    text-indent: 0;
}

.km-root, .km-pane, .km-pane-wrapper {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -moz-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: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: 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: flex;
}

.km-content {
    min-height: 1px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    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;
    }

.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-edit-form .k-grid-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left;
}

.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;
}

.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;
    -moz-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;
        }

.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: 0;
}

.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;
    -moz-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;
        -moz-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;
    -moz-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;
}

.k-check[type=checkbox], .k-check[type=radio], .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    appearance: none;
    -moz-appearance: none;
    -webkit-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;
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
        background-position: 0 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
        background-position: -1em 0;
    }

    .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
        background-position: 0 -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
        background-position: -1em -2em;
    }

    .km-pane-wrapper .k-state-selected .k-i-arrow-n {
        background-position: -1em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n {
        background-position: -2em 0;
    }

    .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
        background-position: -1em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
        background-position: -2em 0;
    }

    .km-pane-wrapper .k-state-selected .k-i-arrow-s {
        background-position: -1em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s {
        background-position: -2em -2em;
    }

    .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
        background-position: -1em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
        background-position: -2em -2em;
    }

    .km-pane-wrapper .k-i-arrow-n {
        background-position: 0 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-i-arrow-n {
        background-position: -1em 0;
    }

    .km-pane-wrapper .k-i-arrow-e {
        background-position: 0 -1em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e, .k-state-hover > .km-pane-wrapper .k-i-arrow-e, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e, .k-button:hover .km-pane-wrapper .k-i-arrow-e, .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-button:active .km-pane-wrapper .k-i-arrow-e {
        background-position: -1em -1em;
    }

    .k-rtl .km-pane-wrapper .k-i-arrow-w {
        background-position: 0 -1em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w {
        background-position: -1em -1em;
    }

    .km-pane-wrapper .k-i-arrow-s {
        background-position: 0 -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-i-arrow-s {
        background-position: -1em -2em;
    }

    .km-pane-wrapper .k-i-arrow-w {
        background-position: 0 -3em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w, .k-state-hover > .km-pane-wrapper .k-i-arrow-w, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w, .k-button:hover .km-pane-wrapper .k-i-arrow-w, .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-button:active .km-pane-wrapper .k-i-arrow-w {
        background-position: -1em -3em;
    }

    .k-rtl .km-pane-wrapper .k-i-arrow-e {
        background-position: 0 -3em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e {
        background-position: -1em -3em;
    }

    .km-pane-wrapper .k-i-seek-n {
        background-position: 0 -4em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-n, .k-state-hover > .km-pane-wrapper .k-i-seek-n, .k-state-hover > * > .km-pane-wrapper .k-i-seek-n, .k-button:hover .km-pane-wrapper .k-i-seek-n, .k-textbox:hover .km-pane-wrapper .k-i-seek-n, .k-button:active .km-pane-wrapper .k-i-seek-n {
        background-position: -1em -4em;
    }

    .km-pane-wrapper .k-i-seek-e {
        background-position: 0 -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e, .k-state-hover > .km-pane-wrapper .k-i-seek-e, .k-state-hover > * > .km-pane-wrapper .k-i-seek-e, .k-button:hover .km-pane-wrapper .k-i-seek-e, .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-button:active .km-pane-wrapper .k-i-seek-e {
        background-position: -1em -5em;
    }

    .k-rtl .km-pane-wrapper .k-i-seek-w {
        background-position: 0 -5em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w {
        background-position: -1em -5em;
    }

    .km-pane-wrapper .k-i-seek-s {
        background-position: 0 -6em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-s, .k-state-hover > .km-pane-wrapper .k-i-seek-s, .k-state-hover > * > .km-pane-wrapper .k-i-seek-s, .k-button:hover .km-pane-wrapper .k-i-seek-s, .k-textbox:hover .km-pane-wrapper .k-i-seek-s, .k-button:active .km-pane-wrapper .k-i-seek-s {
        background-position: -1em -6em;
    }

    .km-pane-wrapper .k-i-seek-w {
        background-position: 0 -7em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w, .k-state-hover > .km-pane-wrapper .k-i-seek-w, .k-state-hover > * > .km-pane-wrapper .k-i-seek-w, .k-button:hover .km-pane-wrapper .k-i-seek-w, .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-button:active .km-pane-wrapper .k-i-seek-w {
        background-position: -1em -7em;
    }

    .k-rtl .km-pane-wrapper .k-i-seek-e {
        background-position: 0 -7em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e {
        background-position: -1em -7em;
    }

    .km-pane-wrapper .k-i-arrowhead-n {
        background-position: 0 -16em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-n, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-n, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-n, .k-button:hover .km-pane-wrapper .k-i-arrowhead-n, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n, .k-button:active .km-pane-wrapper .k-i-arrowhead-n {
        background-position: -1em -16em;
    }

    .km-pane-wrapper .k-i-arrowhead-e {
        background-position: 0 -17em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-e, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-e, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-e, .k-button:hover .km-pane-wrapper .k-i-arrowhead-e, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e, .k-button:active .km-pane-wrapper .k-i-arrowhead-e {
        background-position: -1em -17em;
    }

    .km-pane-wrapper .k-i-arrowhead-s {
        background-position: 0 -18em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-s, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-s, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-s, .k-button:hover .km-pane-wrapper .k-i-arrowhead-s, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s, .k-button:active .km-pane-wrapper .k-i-arrowhead-s {
        background-position: -1em -18em;
    }

    .km-pane-wrapper .k-i-arrowhead-w {
        background-position: 0 -19em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-w, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-w, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-w, .k-button:hover .km-pane-wrapper .k-i-arrowhead-w, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w, .k-button:active .km-pane-wrapper .k-i-arrowhead-w {
        background-position: -1em -19em;
    }

    .km-pane-wrapper .k-i-expand, .km-pane-wrapper .k-plus, .km-pane-wrapper .k-plus-disabled {
        background-position: 0 -12em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus-disabled, .k-state-hover > .km-pane-wrapper .k-i-expand, .k-state-hover > .km-pane-wrapper .k-plus, .k-state-hover > .km-pane-wrapper .k-plus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-expand, .k-state-hover > * > .km-pane-wrapper .k-plus, .k-state-hover > * > .km-pane-wrapper .k-plus-disabled, .k-button:hover .km-pane-wrapper .k-i-expand, .k-button:hover .km-pane-wrapper .k-plus, .k-button:hover .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand, .k-textbox:hover .km-pane-wrapper .k-plus, .k-textbox:hover .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand, .k-button:active .km-pane-wrapper .k-plus, .k-button:active .km-pane-wrapper .k-plus-disabled {
        background-position: -1em -12em;
    }

    .km-pane-wrapper .k-i-expand-w, .k-rtl .km-pane-wrapper .k-i-expand, .k-rtl .km-pane-wrapper .k-plus, .k-rtl .km-pane-wrapper .k-plus-disabled {
        background-position: 0 -13em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover > .km-pane-wrapper .k-i-expand-w, .k-state-hover > .k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover > .k-rtl .km-pane-wrapper .k-plus, .k-state-hover > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-expand-w, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:hover .km-pane-wrapper .k-i-expand-w, .k-button:hover .k-rtl .km-pane-wrapper .k-i-expand, .k-button:hover .k-rtl .km-pane-wrapper .k-plus, .k-button:hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-expand, .k-button:active .k-rtl .km-pane-wrapper .k-plus, .k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled {
        background-position: -1em -13em;
    }

    .km-pane-wrapper .k-i-collapse, .km-pane-wrapper .k-minus, .km-pane-wrapper .k-minus-disabled {
        background-position: 0 -14em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus-disabled, .k-state-hover > .km-pane-wrapper .k-i-collapse, .k-state-hover > .km-pane-wrapper .k-minus, .k-state-hover > .km-pane-wrapper .k-minus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-collapse, .k-state-hover > * > .km-pane-wrapper .k-minus, .k-state-hover > * > .km-pane-wrapper .k-minus-disabled, .k-button:hover .km-pane-wrapper .k-i-collapse, .k-button:hover .km-pane-wrapper .k-minus, .k-button:hover .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse, .k-textbox:hover .km-pane-wrapper .k-minus, .k-textbox:hover .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse, .k-button:active .km-pane-wrapper .k-minus, .k-button:active .km-pane-wrapper .k-minus-disabled {
        background-position: -1em -14em;
    }

    .km-pane-wrapper .k-i-collapse-w, .k-rtl .km-pane-wrapper .k-i-collapse, .k-rtl .km-pane-wrapper .k-minus, .k-rtl .km-pane-wrapper .k-minus-disabled {
        background-position: 0 -15em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover > .km-pane-wrapper .k-i-collapse-w, .k-state-hover > .k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover > .k-rtl .km-pane-wrapper .k-minus, .k-state-hover > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-collapse-w, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:hover .km-pane-wrapper .k-i-collapse-w, .k-button:hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:hover .k-rtl .km-pane-wrapper .k-minus, .k-button:hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:active .k-rtl .km-pane-wrapper .k-minus, .k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled {
        background-position: -1em -15em;
    }

    .km-pane-wrapper .k-i-pencil, .km-pane-wrapper .k-edit {
        background-position: -2em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pencil, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-edit, .k-state-hover > .km-pane-wrapper .k-i-pencil, .k-state-hover > .km-pane-wrapper .k-edit, .k-state-hover > * > .km-pane-wrapper .k-i-pencil, .k-state-hover > * > .km-pane-wrapper .k-edit, .k-button:hover .km-pane-wrapper .k-i-pencil, .k-button:hover .km-pane-wrapper .k-edit, .k-textbox:hover .km-pane-wrapper .k-i-pencil, .k-textbox:hover .km-pane-wrapper .k-edit, .k-button:active .km-pane-wrapper .k-i-pencil, .k-button:active .km-pane-wrapper .k-edit {
        background-position: -3em 0;
    }

    .km-pane-wrapper .k-i-close, .km-pane-wrapper .k-delete, .km-pane-wrapper .k-group-delete {
        background-position: -2em -1em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-close, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-delete, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-group-delete, .k-state-hover > .km-pane-wrapper .k-i-close, .k-state-hover > .km-pane-wrapper .k-delete, .k-state-hover > .km-pane-wrapper .k-group-delete, .k-state-hover > * > .km-pane-wrapper .k-i-close, .k-state-hover > * > .km-pane-wrapper .k-delete, .k-state-hover > * > .km-pane-wrapper .k-group-delete, .k-button:hover .km-pane-wrapper .k-i-close, .k-button:hover .km-pane-wrapper .k-delete, .k-button:hover .km-pane-wrapper .k-group-delete, .k-textbox:hover .km-pane-wrapper .k-i-close, .k-textbox:hover .km-pane-wrapper .k-delete, .k-textbox:hover .km-pane-wrapper .k-group-delete, .k-button:active .km-pane-wrapper .k-i-close, .k-button:active .km-pane-wrapper .k-delete, .k-button:active .km-pane-wrapper .k-group-delete {
        background-position: -3em -1em;
    }

    .km-pane-wrapper .k-si-close {
        background-position: -10em -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-close, .k-state-hover > .km-pane-wrapper .k-si-close, .k-state-hover > * > .km-pane-wrapper .k-si-close, .k-button:hover .km-pane-wrapper .k-si-close, .k-textbox:hover .km-pane-wrapper .k-si-close, .k-button:active .km-pane-wrapper .k-si-close {
        background-position: -11em -5em;
    }

    .km-pane-wrapper .k-multiselect .k-delete {
        background-position: -10em -5em;
    }

    .km-pane-wrapper .k-multiselect .k-state-hover .k-delete {
        background-position: -11em -5em;
    }

    .km-pane-wrapper .k-i-tick, .km-pane-wrapper .k-insert, .km-pane-wrapper .k-update {
        background-position: -2em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-tick, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-insert, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-update, .k-state-hover > .km-pane-wrapper .k-i-tick, .k-state-hover > .km-pane-wrapper .k-insert, .k-state-hover > .km-pane-wrapper .k-update, .k-state-hover > * > .km-pane-wrapper .k-i-tick, .k-state-hover > * > .km-pane-wrapper .k-insert, .k-state-hover > * > .km-pane-wrapper .k-update, .k-button:hover .km-pane-wrapper .k-i-tick, .k-button:hover .km-pane-wrapper .k-insert, .k-button:hover .km-pane-wrapper .k-update, .k-textbox:hover .km-pane-wrapper .k-i-tick, .k-textbox:hover .km-pane-wrapper .k-insert, .k-textbox:hover .km-pane-wrapper .k-update, .k-button:active .km-pane-wrapper .k-i-tick, .k-button:active .km-pane-wrapper .k-insert, .k-button:active .km-pane-wrapper .k-update {
        background-position: -3em -2em;
    }

    .km-pane-wrapper .k-check:checked, .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
        background-position: -2em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-check:checked, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .km-pane-wrapper .k-check:checked, .k-state-hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .km-pane-wrapper .k-check:checked, .k-state-hover > * > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:hover .km-pane-wrapper .k-check:checked, .k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .km-pane-wrapper .k-check:checked, .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:active .km-pane-wrapper .k-check:checked, .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
        background-position: -3em -2em;
    }

    .km-pane-wrapper .k-i-cancel, .km-pane-wrapper .k-cancel, .km-pane-wrapper .k-denied {
        background-position: -2em -3em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-cancel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-cancel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-denied, .k-state-hover > .km-pane-wrapper .k-i-cancel, .k-state-hover > .km-pane-wrapper .k-cancel, .k-state-hover > .km-pane-wrapper .k-denied, .k-state-hover > * > .km-pane-wrapper .k-i-cancel, .k-state-hover > * > .km-pane-wrapper .k-cancel, .k-state-hover > * > .km-pane-wrapper .k-denied, .k-button:hover .km-pane-wrapper .k-i-cancel, .k-button:hover .km-pane-wrapper .k-cancel, .k-button:hover .km-pane-wrapper .k-denied, .k-textbox:hover .km-pane-wrapper .k-i-cancel, .k-textbox:hover .km-pane-wrapper .k-cancel, .k-textbox:hover .km-pane-wrapper .k-denied, .k-button:active .km-pane-wrapper .k-i-cancel, .k-button:active .km-pane-wrapper .k-cancel, .k-button:active .km-pane-wrapper .k-denied {
        background-position: -3em -3em;
    }

    .km-pane-wrapper .k-i-plus, .km-pane-wrapper .k-add {
        background-position: -2em -4em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-plus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-add, .k-state-hover > .km-pane-wrapper .k-i-plus, .k-state-hover > .km-pane-wrapper .k-add, .k-state-hover > * > .km-pane-wrapper .k-i-plus, .k-state-hover > * > .km-pane-wrapper .k-add, .k-button:hover .km-pane-wrapper .k-i-plus, .k-button:hover .km-pane-wrapper .k-add, .k-textbox:hover .km-pane-wrapper .k-i-plus, .k-textbox:hover .km-pane-wrapper .k-add, .k-button:active .km-pane-wrapper .k-i-plus, .k-button:active .km-pane-wrapper .k-add {
        background-position: -3em -4em;
    }

    .km-pane-wrapper .k-i-funnel, .km-pane-wrapper .k-filter {
        background-position: -2em -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-filter, .k-state-hover > .km-pane-wrapper .k-i-funnel, .k-state-hover > .km-pane-wrapper .k-filter, .k-state-hover > * > .km-pane-wrapper .k-i-funnel, .k-state-hover > * > .km-pane-wrapper .k-filter, .k-button:hover .km-pane-wrapper .k-i-funnel, .k-button:hover .km-pane-wrapper .k-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel, .k-textbox:hover .km-pane-wrapper .k-filter, .k-button:active .km-pane-wrapper .k-i-funnel, .k-button:active .km-pane-wrapper .k-filter {
        background-position: -3em -5em;
    }

    .km-pane-wrapper .k-i-funnel-clear, .km-pane-wrapper .k-clear-filter {
        background-position: -2em -6em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-clear-filter, .k-state-hover > .km-pane-wrapper .k-i-funnel-clear, .k-state-hover > .km-pane-wrapper .k-clear-filter, .k-state-hover > * > .km-pane-wrapper .k-i-funnel-clear, .k-state-hover > * > .km-pane-wrapper .k-clear-filter, .k-button:hover .km-pane-wrapper .k-i-funnel-clear, .k-button:hover .km-pane-wrapper .k-clear-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel-clear, .k-textbox:hover .km-pane-wrapper .k-clear-filter, .k-button:active .km-pane-wrapper .k-i-funnel-clear, .k-button:active .km-pane-wrapper .k-clear-filter {
        background-position: -3em -6em;
    }

    .km-pane-wrapper .k-i-refresh {
        background-position: -2em -7em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-refresh, .k-state-hover > .km-pane-wrapper .k-i-refresh, .k-state-hover > * > .km-pane-wrapper .k-i-refresh, .k-button:hover .km-pane-wrapper .k-i-refresh, .k-textbox:hover .km-pane-wrapper .k-i-refresh, .k-button:active .km-pane-wrapper .k-i-refresh {
        background-position: -3em -7em;
    }

    .km-pane-wrapper .k-i-exception {
        background-position: -10em -19em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-exception, .k-state-hover > .km-pane-wrapper .k-i-exception, .k-state-hover > * > .km-pane-wrapper .k-i-exception, .k-button:hover .km-pane-wrapper .k-i-exception, .k-textbox:hover .km-pane-wrapper .k-i-exception, .k-button:active .km-pane-wrapper .k-i-exception {
        background-position: -11em -19em;
    }

    .km-pane-wrapper .k-i-restore {
        background-position: -2em -8em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-restore, .k-state-hover > .km-pane-wrapper .k-i-restore, .k-state-hover > * > .km-pane-wrapper .k-i-restore, .k-button:hover .km-pane-wrapper .k-i-restore, .k-textbox:hover .km-pane-wrapper .k-i-restore, .k-button:active .km-pane-wrapper .k-i-restore {
        background-position: -3em -8em;
    }

    .km-pane-wrapper .k-i-maximize {
        background-position: -2em -9em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-maximize, .k-state-hover > .km-pane-wrapper .k-i-maximize, .k-state-hover > * > .km-pane-wrapper .k-i-maximize, .k-button:hover .km-pane-wrapper .k-i-maximize, .k-textbox:hover .km-pane-wrapper .k-i-maximize, .k-button:active .km-pane-wrapper .k-i-maximize {
        background-position: -3em -9em;
    }

    .km-pane-wrapper .k-i-minimize {
        background-position: -4em -18em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-minimize, .k-state-hover > .km-pane-wrapper .k-i-minimize, .k-state-hover > * > .km-pane-wrapper .k-i-minimize, .k-button:hover .km-pane-wrapper .k-i-minimize, .k-textbox:hover .km-pane-wrapper .k-i-minimize, .k-button:active .km-pane-wrapper .k-i-minimize {
        background-position: -5em -18em;
    }

    .km-pane-wrapper .k-i-pin {
        background-position: -10em -16em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pin, .k-state-hover > .km-pane-wrapper .k-i-pin, .k-state-hover > * > .km-pane-wrapper .k-i-pin, .k-button:hover .km-pane-wrapper .k-i-pin, .k-textbox:hover .km-pane-wrapper .k-i-pin, .k-button:active .km-pane-wrapper .k-i-pin {
        background-position: -11em -16em;
    }

    .km-pane-wrapper .k-i-unpin {
        background-position: -10em -17em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-unpin, .k-state-hover > .km-pane-wrapper .k-i-unpin, .k-state-hover > * > .km-pane-wrapper .k-i-unpin, .k-button:hover .km-pane-wrapper .k-i-unpin, .k-textbox:hover .km-pane-wrapper .k-i-unpin, .k-button:active .km-pane-wrapper .k-i-unpin {
        background-position: -11em -17em;
    }

    .km-pane-wrapper .k-resize-se {
        background-position: -2em -10em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-resize-se, .k-state-hover > .km-pane-wrapper .k-resize-se, .k-state-hover > * > .km-pane-wrapper .k-resize-se, .k-button:hover .km-pane-wrapper .k-resize-se, .k-textbox:hover .km-pane-wrapper .k-resize-se, .k-button:active .km-pane-wrapper .k-resize-se {
        background-position: -3em -10em;
    }

    .km-pane-wrapper .k-i-calendar {
        background-position: -2em -11em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-calendar, .k-state-hover > .km-pane-wrapper .k-i-calendar, .k-state-hover > * > .km-pane-wrapper .k-i-calendar, .k-button:hover .km-pane-wrapper .k-i-calendar, .k-textbox:hover .km-pane-wrapper .k-i-calendar, .k-button:active .km-pane-wrapper .k-i-calendar {
        background-position: -3em -11em;
    }

    .km-pane-wrapper .k-i-clock {
        background-position: -2em -12em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-clock, .k-state-hover > .km-pane-wrapper .k-i-clock, .k-state-hover > * > .km-pane-wrapper .k-i-clock, .k-button:hover .km-pane-wrapper .k-i-clock, .k-textbox:hover .km-pane-wrapper .k-i-clock, .k-button:active .km-pane-wrapper .k-i-clock {
        background-position: -3em -12em;
    }

    .km-pane-wrapper .k-si-plus {
        background-position: -2em -13em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-plus, .k-state-hover > .km-pane-wrapper .k-si-plus, .k-state-hover > * > .km-pane-wrapper .k-si-plus, .k-button:hover .km-pane-wrapper .k-si-plus, .k-textbox:hover .km-pane-wrapper .k-si-plus, .k-button:active .km-pane-wrapper .k-si-plus {
        background-position: -3em -13em;
    }

    .km-pane-wrapper .k-si-minus {
        background-position: -2em -14em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-minus, .k-state-hover > .km-pane-wrapper .k-si-minus, .k-state-hover > * > .km-pane-wrapper .k-si-minus, .k-button:hover .km-pane-wrapper .k-si-minus, .k-textbox:hover .km-pane-wrapper .k-si-minus, .k-button:active .km-pane-wrapper .k-si-minus {
        background-position: -3em -14em;
    }
}

.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) > 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 .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-scheduler-views li a, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li a {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    -moz-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: auto;
}

    .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;
    -moz-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:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px) {
    .km-pane-wrapper *:not(.k-state-default) > 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-scheduler-views {
        width: 15em;
    }

    .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-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 {
        display: none;
    }
}

.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%;
}

.km-scroll-container {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-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 .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    -moz-transition: "opacity 0.3s linear";
    -ms-transition: "opacity 0.3s linear";
    -o-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;
}

.k-fx-end .k-fx-next, .k-fx-end .k-fx-current {
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-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-hidden .km-view-title {
        visibility: visible!important;
        opacity: 0;
    }

.k-fx-reverse .k-fx-current {
    z-index: 1;
}

.k-fx-reverse .k-fx-next {
    z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0)!important;
    -moz-transform: scale(0)!important;
    -ms-transform: scale(0)!important;
    -o-transform: scale(0)!important;
    transform: scale(0)!important;
}

.k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-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;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-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;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-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;
    -moz-transform: scale(0)!important;
    -ms-transform: scale(0)!important;
    -o-transform: scale(0)!important;
    transform: scale(0)!important;
}

.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;
}

.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;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-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.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-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%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-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%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-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%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%);
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-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%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-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%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-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%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-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%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%);
}


.k-in, .k-item, .k-window-action {
    border-color: transparent;
}

.k-block, .k-widget {
    background-color: #fff;
}

.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #c5c5c5;
}

    .k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-widget.k-popup {
        background-color: #ebebeb;
    }

.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #e3e3e3;
}

.k-list-container {
    border-color: #c5c5c5;
    background-color: #e9e9e9;
}

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles {
    background-color: #fff;
}

.k-alt, .k-separator, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #f5f5f5;
}

.k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt {
    background-color: #e1e1e1;
}

.k-textbox, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active {
    border-color: #c5c5c5;
    background-color: #e9e9e9;
}

    .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input {
        border-color: #c5c5c5;
    }

    input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input {
        background: 0;
    }

        .k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
            background-color: #fff;
            color: #2e2e2e;
        }

            .k-input[readonly] {
                background-color: #fff;
                color: #2e2e2e;
            }

.k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input {
    color: #2e2e2e;
}

.k-inverse {
    color: #fff;
}

.k-block {
    color: #2e2e2e;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #2e2e2e;
}

.k-tabstrip-items .k-link, .k-panelbar > li > .k-link {
    color: #2e2e2e;
}

.k-header, .k-treemap-title {
    color: #2e2e2e;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e3e3e3;
}

.k-widget.k-tooltip {
    background-image: url('textures/highlight.png');
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #e3e3e3;
}

.k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite {
    opacity: 1;
}

.k-icon, .k-state-disabled .k-icon, .k-column-menu .k-sprite {
    opacity: .8;
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .8;
}

.k-tool {
    border-color: transparent;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after {
    background-image: url('/Images/sprite_train.png');
    border-color: transparent;
}

.k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url('Default/sprite.png');
    border-color: transparent;
}

.k-loading, .k-state-hover .k-loading {
    background-image: url('Default/loading.gif');
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url('Default/loading-image.gif');
}

.k-loading-color {
    background-color: #fff;
}

.k-button {
    color: #2e2e2e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-draghandle {
    border-color: #c5c5c5;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-draghandle:hover {
        border-color: #bcb4b0;
        background-color: #bcb4b0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-scheduler {
    color: #2e2e2e;
    background-color: #fff;
}

.k-scheduler-layout {
    color: #2e2e2e;
}

.k-scheduler-datecolumn, .k-scheduler-groupcolumn {
    background-color: #fff;
    color: #2e2e2e;
}

.k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times {
    border-color: #c5c5c5;
}

.k-nonwork-hour {
    background-color: #f2f2f2;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0,0,0,0.02);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0,0,0,0.2);
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #f8f8f8;
}

.k-scheduler-now-arrow {
    border-left-color: #e20000;
}

.k-scheduler-now-line {
    background-color: #e20000;
}

.k-event, .k-task-complete {
    border-color: #ffdac1;
    background: #ffdac1 0 -257px url('textures/highlight.png') repeat-x;
    color: #2e2e2e;
}

.k-event-inverse {
    color: #fff;
}

.k-event.k-state-selected {
    background-position: 0 0;
}

.k-ie7 .k-event .k-resize-handle, .k-event .k-resize-handle:after, .k-ie7 .k-task-single .k-resize-handle, .k-task-single .k-resize-handle:after {
    background-color: #bababa;
}

.k-scheduler-marquee:before, .k-scheduler-marquee:after {
    border-color: #f35800;
}

.k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
    background-color: #fff;
    color: #2e2e2e;
    border-color: #c5c5c5;
}

.k-panelbar > li > .k-link {
    color: #2e2e2e;
}

.k-panelbar > .k-item > .k-link {
    border-color: #c5c5c5;
}

.k-panel > li.k-item {
    background-color: #fff;
}

.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #f35800;
    color: #2e2e2e;
}

.k-fieldselector .k-list-container {
    background-color: #fff;
}

.k-button:focus, .k-button.k-state-focused {
    border-color: #c5c5c5;
}

.k-button:hover, .k-button.k-state-hover {
    color: #2e2e2e;
    border-color: #bcb4b0;
    background-color: #bcb4b0;
}

.k-button:active, .k-button.k-state-active {
    color: #fff;
    background-color: #f35800;
    border-color: #f35800;
}

    .k-button:active:hover, .k-button.k-state-active:hover {
        color: #fff;
        border-color: #ef671a;
        background-color: #ed4300;
    }

.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 {
    color: #9f9e9e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0;
    box-shadow: inset 0 0 5px 1px #bcb4b0;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 4px #df5100;
    box-shadow: inset 0 0 3px 4px #df5100;
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-state-highlight {
    background: #fff;
    color: #2e2e2e;
}

.k-state-focused, .k-grouping-row .k-state-focused {
    border-color: #bcb4b0;
}

.k-calendar .k-link {
    color: #2e2e2e;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #2e2e2e;
        text-decoration: none;
        background-color: #fff;
    }

        .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #fff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #fff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #2e2e2e;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #bcb4b0;
    color: #2e2e2e;
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    border-radius: 4px;
}

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

.k-calendar th {
    background-color: #ebebeb;
}

.k-calendar-container.k-group {
    border-color: #c5c5c5;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #fff;
    background-color: #f35800;
    border-color: #f35800;
}

.k-marquee-text {
    color: #fff;
}

.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused {
    -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0;
    box-shadow: inset 0 0 5px 1px #bcb4b0;
}

    .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: inset 0 0 3px 4px #df5100;
        box-shadow: inset 0 0 3px 4px #df5100;
    }

.k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 td.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 .k-button:focus, .k-ie8 .k-button.k-state-focused, .k-ie7 .k-panelbar span.k-state-focused, .k-ie7 .k-menu li.k-state-focused, .k-ie7 .k-listview > .k-state-focused, .k-ie7 .k-grid-header th.k-state-focused, .k-ie7 td.k-state-focused, .k-ie7 .k-tool.k-state-hover, .k-ie7 .k-button:focus, .k-ie7 .k-button.k-state-focused {
    background-color: #bcb4b0;
}

.k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #fff;
}

.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #bcb4b0;
}

.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #2e2e2e;
    background-color: #bcb4b0;
    border-color: #bcb4b0;
}

.k-ie7 .k-window-titlebar .k-state-hover, .k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #bcb4b0;
}

.k-state-hover > .k-select, .k-state-focused > .k-select {
    border-color: #bcb4b0;
}

.k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
}

.k-pager-wrap {
    background-color: #e3e3e3;
    color: #2e2e2e;
}

.k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-button:active, .k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected, .k-button:active, .k-button.k-state-active, .k-draghandle.k-state-selected:hover {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);
}

.k-button:active, .k-button.k-state-active, .k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-tool-icon {
    background-image: url('Default/sprite.png');
}

.k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em {
    color: #2e2e2e;
}

.k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused {
    background-color: #bcb4b0;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    border-color: #bcb4b0;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .k-dropdown .k-state-focused .k-input {
    color: #2e2e2e;
}

.k-dropdown .k-state-hover .k-input {
    color: #2e2e2e;
}

.k-state-error {
    border-color: #e20000;
    background-color: #ff5252;
    color: #fff;
}

.k-state-disabled {
    opacity: .7;
}

.k-ie7 .k-state-disabled, .k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected, .k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-slider .k-draghandle {
    color: #9f9e9e;
}

.k-progressbar-indeterminate {
    background: url('Default/indeterminate.gif');
}

    .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }

.k-slider-track {
    background-color: #c5c5c5;
}

.k-slider-selection {
    background-color: #f35800;
}

.k-slider-horizontal .k-tick {
    background-image: url('Default/slider-h.gif');
}

.k-slider-vertical .k-tick {
    background-image: url('Default/slider-v.gif');
}

.k-widget.k-tooltip {
    border-color: #c5c5c5;
    background-color: #c6c6c6;
    color: #282828;
}

.k-widget.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #fff4c9;
    color: #635145;
}

.input-prepend .k-tooltip-validation, .input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: #c5c5c5;
}

.k-callout-w {
    border-right-color: #c5c5c5;
}

.k-callout-s {
    border-top-color: #c5c5c5;
}

.k-callout-e {
    border-left-color: #c5c5c5;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #ffe79e;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #ffe79e;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #ffe79e;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #ffe79e;
}

.k-splitbar {
    background-color: #e3e3e3;
}

.k-restricted-size-vertical, .k-restricted-size-horizontal {
    background-color: #fff;
}

.k-file {
    background-color: #fff;
    border-color: #c5c5c5;
}

.k-file-progress {
    color: #06c;
}

    .k-file-progress .k-progress {
        background-color: #d0f8ff;
    }

.k-file-success {
    color: #28760b;
}

    .k-file-success .k-progress {
        background-color: #ddffd0;
    }

.k-file-error {
    color: #c00;
}

    .k-file-error .k-progress {
        background-color: #ffded7;
    }

.k-tile {
    border-color: #fff;
}

.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #bcb4b0;
}

.k-tiles li.k-state-selected {
    border-color: #f35800;
}

.k-tile .k-folder, .k-tile .k-file {
    background-image: url('Default/imagebrowser.png');
}

.k-leaf, .k-leaf.k-state-hover:hover {
    color: #fff;
}

    .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover {
        color: #000;
    }

.k-widget, .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-slider, .k-treeview, .k-upload {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}

.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #ff5e03;
}

.k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image, .k-tooltip {
    -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-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #c5c5c5;
    box-shadow: inset 0 0 0 3px #c5c5c5;
}

.k-window {
    border-color: rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128,128,128,0.3);
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,0.3);
    background-color: #fff;
}

    .k-window.k-state-focused {
        border-color: rgba(0,0,0,0.3);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
    }

    .k-window.k-window-maximized, .k-window-maximized .k-window-titlebar, .k-window-maximized .k-window-content {
        border-radius: 0;
    }

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}

.k-editor-inline ::selection {
    background-color: #f35800;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #f35800;
    text-shadow: none;
    color: #fff;
}

.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #0487c4;
    border-color: #b7e1f0;
}

.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #349946;
    border-color: #c3e8ca;
}

.k-notification.k-notification-warning {
    background-color: #fff4d9;
    color: #0487c4;
    border-color: #fff0c8;
}

.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #ef470a;
    border-color: #ffb7a8;
}

.k-treelist {
    background: #f5f5f5;
}

    .k-treelist .k-alt {
        background-color: #dcdcdc;
    }

        .k-treelist .k-state-selected, .k-treelist .k-state-selected td, .k-treelist .k-alt.k-state-selected, .k-treelist .k-alt.k-state-selected > td {
            background-color: #f35800;
        }

.k-task-dot:after {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
}

.k-task-dot:hover:after {
    background-color: #fff;
}

.k-task-summary {
    border-color: #6e6e6e;
    background: #6e6e6e;
}

.k-task-milestone, .k-task-summary-complete {
    border-color: #2e2e2e;
    background: #2e2e2e;
}

.k-state-selected.k-task-summary {
    border-color: #ffa673;
    background: #ffa673;
}

.k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete {
    border-color: #f35800;
    background: #f35800;
}

.k-task-single {
    background-color: #ffefe5;
    border-color: #ffdac1;
    color: #2e2e2e;
}

.k-state-selected.k-task-single {
    border-color: #f35800;
}

.k-line {
    background-color: #2e2e2e;
    color: #2e2e2e;
}

.k-state-selected.k-line {
    background-color: #f35800;
    color: #f35800;
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
    border-radius: 4px;
}

.k-tool {
    text-align: center;
    vertical-align: middle;
}

    .k-tool.k-group-start, .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start {
        border-radius: 4px 0 0 4px;
    }

.k-rtl .k-tool.k-group-start {
    border-radius: 0 4px 4px 0;
}

.k-tool.k-group-end, .k-toolbar .k-button-group .k-group-end, .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 4px 4px 0;
}

.k-rtl .k-tool.k-group-end {
    border-radius: 4px 0 0 4px;
}

.k-group-start.k-group-end.k-tool {
    border-radius: 4px;
}

.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu {
    border-radius: 0 0 4px 4px;
}

    .k-autocomplete.k-state-border-up .k-input, .k-dropdown-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-input, .k-picker-wrap.k-state-border-up .k-selected-color, .k-numeric-wrap.k-state-border-up .k-input {
        border-radius: 0 0 0 4px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 4px 4px;
    }

.k-window-titlebar, .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.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-radius: 4px 4px 0 0;
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 4px 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 4px;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 4px 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 4px 0;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 3px 0 0 3px;
}

.k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-picker-wrap .k-input, .k-rtl .k-numeric-wrap .k-input {
    border-radius: 0 3px 3px 0;
}

.k-numeric-wrap .k-link {
    border-radius: 0 3px 0 0;
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 3px 0;
    }

.k-colorpicker .k-selected-color {
    border-radius: 3px 0 0 3px;
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 3px 3px 0;
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input {
    border-radius: 4px 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #f35800;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 3px 3px 0 0;
}

.k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-datetimepicker .k-select + .k-select, .k-list-container.k-state-border-right {
    border-radius: 0 4px 4px 0;
}

.k-rtl .k-dropdown-wrap .k-select, .k-rtl .k-picker-wrap .k-select, .k-rtl .k-numeric-wrap .k-select, .k-rtl .k-datetimepicker .k-select + .k-select, .k-rtl .k-list-container.k-state-border-right {
    border-radius: 4px 0 0 4px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 4px;
}

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap {
    border-radius: 3px;
}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-dropzone {
    border-radius: 3px;
}

.k-slider .k-button, .k-grid .k-slider .k-button {
    border-radius: 13px;
}

.k-draghandle {
    border-radius: 7px;
}

.k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 4px 4px 0;
}

.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link, .k-edit-field > .k-scheduler-navigation {
    border-radius: 4px;
}

.k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 4px 0 0 4px;
}

.k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 4px;
}

.k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link {
    border-radius: 3px;
}

.k-scheduler-mobile .k-event {
    border-radius: 2px;
}

.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #2e2e2e;
}

html .km-pane-wrapper .km-widget, .k-ie .km-pane-wrapper .k-widget, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-edit-field {
    color: #2e2e2e;
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    div.km-pane-wrapper a {
        color: #2e2e2e;
    }

    .km-pane-wrapper .k-icon {
        background-image: url('Default/sprite_2x.png');
        background-size: 21.2em 21em;
    }
}

.km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #fff;
    border-top: 1px solid #c5c5c5;
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0;
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #f35800;
        border-top-color: #f35800;
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent;
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        -webkit-box-shadow: inset 0 -1px 0 #c5c5c5;
        box-shadow: inset 0 -1px 0 #c5c5c5;
    }

.km-pane-wrapper .k-mobile-list > ul > 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 {
    color: #797979;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #c5c5c5;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #c5c5c5;
    box-shadow: 0 1px 1px #c5c5c5;
}

.km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    color: #fff;
    border-color: #e20000;
    background-color: red;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15));
}

    .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
        background-color: #900;
    }

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e9e9e9;
    border-color: #c5c5c5;
}

.k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-color: #bcb4b0;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    border-color: #bcb4b0;
}

.k-multiselect.k-header {
    border-color: #c5c5c5;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #bcb4b0;
    }

    .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
        background-color: #bcb4b0;
        background-image: url('textures/highlight.png');
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
        background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
        background-image: none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);
        background-position: 50% 50%;
        border-color: #bcb4b0;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    }

.k-list-container {
    color: #2e2e2e;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #2e2e2e;
}

.k-state-default > .k-select {
    border-color: #c5c5c5;
}

.k-state-hover > .k-select {
    border-color: #bcb4b0;
}

.k-state-focused > .k-select {
    border-color: #bcb4b0;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #2e2e2e;
}

    .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover {
        color: #2e2e2e;
    }

.k-panelbar .k-state-focused.k-state-hover {
    background: #bcb4b0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default, .k-ie7 .k-tabstrip-items .k-state-default .k-loading {
    border-color: #c5c5c5;
}

.k-tabstrip-items .k-state-hover, .k-ie7 .k-tabstrip-items .k-state-hover .k-loading {
    border-color: #bcb4b0;
}

.k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    background-color: #fff;
    background-image: none;
    border-color: #f35800;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #fff;
    color: #2e2e2e;
}

.k-menu.k-header, .k-menu .k-item {
    border-color: #c5c5c5;
}

.k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group {
    border-color: #c5c5c5;
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
}

    .k-toolbar-first-visible.k-overflow-group, .k-overflow-container .k-overflow-group + .k-overflow-group {
        box-shadow: 0 1px 0 #fff;
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #fff;
}

.k-column-menu .k-separator {
    border-color: #c5c5c5;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: #c5c5c5;
}

.k-grid-filter.k-state-active {
    background-color: #fff;
}

.k-grouping-row td, .k-group-footer td, .k-grid-footer td {
    color: #2e2e2e;
    border-color: #c5c5c5;
    font-weight: bold;
}

.k-grouping-header {
    color: #2e2e2e;
}

.k-grid td.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0;
    box-shadow: inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0;
}

.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
    border-color: #c5c5c5;
}

.k-primary, .k-overflow-container .k-primary {
    color: #fff;
    border-color: #ef671a;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);
    background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);
    background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);
    background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);
    background-position: 50% 50%;
    background-color: #f35800;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-primary:focus, .k-primary.k-state-focused {
        color: #fff;
        border-color: #e84200;
        background-image: url('textures/highlight.png');
        background-image: none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%);
        -webkit-box-shadow: 0 0 3px 1px #e10000;
        box-shadow: 0 0 3px 1px #e10000;
    }

    .k-primary:hover {
        color: #fff;
        border-color: #ef671a;
        background-image: url('textures/highlight.png');
        background-image: none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%);
        background-image: none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%);
        background-color: #ed4300;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 3px 1px #e10000;
        box-shadow: 0 0 3px 1px #e10000;
    }

    .k-primary:active {
        color: #fff;
        border-color: #ef671a;
        background-image: url('textures/highlight.png');
        background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);
        background-color: #f35800;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active {
        color: #fab58e;
        border-color: #ef671a;
        background-color: #f35800;
        background-image: url('textures/highlight.png');
        background-image: none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);
        background-image: none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-pager-numbers .k-link, .k-treeview .k-in {
    border-color: transparent;
}

.k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 4px;
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent;
}

.k-button:focus {
    outline: 0;
}

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #c5c5c5;
    -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0;
    box-shadow: inset 0 0 5px 1px #bcb4b0;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-icon:not(.k-loading), .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-tool-icon, .k-state-hover .k-tool-icon, .k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon, .k-column-menu .k-sprite, .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('Default/sprite_2x.png');
        background-size: 340px 336px;
    }

    .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
        border-radius: 3px 0 0 3px;
    }
}

@media screen and (-ms-high-contrast:active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused, .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}


/*k-tooltip-validation*/


.toltiplftbox {
    display: inline-block;
    position: relative;
}

    .toltiplftbox .k-tooltip-validation {
        top: 28px !important;
    }

.k-tooltip-validation {
    position: absolute !important;
    top: 46px !important;
    min-width: 150px !important;
    max-width: 250px !important;
    right: 4%;
    background: #fddac1 !important;
    border: #e6cec3 solid 1px !important;
    white-space: initial;
    color: #636363 !important;
}

.k-datepicker .k-tooltip-validation {
    top: 28px !important;
}


.k-tooltip-validation:before {
    position: absolute;
    top: -9px;
    right: 10px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fddac1;
    border-left: 9px solid transparent;
    content: '';
}








/*Tree View*/


.k-treeview span.k-in {
    width: 99.5%;
}


.PopupTreeHolder span.k-in {
    width: 94.5% !important;
}

.k-treeview .k-checkbox {
    margin-top: 1.2em !important;
}

.k-treeview .k-item div:nth-of-type(1) .fright {
    display: none;
    margin-top: -2px;
    margin-right: 5px;
}


.k-treeview .k-item div:nth-of-type(1):hover .fright, .k-treeview .k-state-selected .fright {
    display: block !important;
}


.k-treeview .k-item {
    padding: 0px 0px 0px 18px !important;
    border-bottom: #e5e5e5 solid 1px !important;
}


.k-treeview-lines .k-treeview .k-item {
    padding: 0px 13px 5px 12px !important;
    border-bottom: #e4e4e4 solid 1px !important;
}

div.k-treeview {
    background-color: #FFF !important;
}

.k-treeview .k-last {
    border-bottom: #e5e5e5 solid 0px !important;
}



.k-itemFolder {
    background: transparent url(/Images/trainingico.png) no-repeat -1px -7px !important;
    padding: 2px 0px 4px 37px;
    color: #757575;
}

.k-itemFolderFav {
    background: transparent url(/Images/trainingico.png) no-repeat -1px -38px !important;
    padding: 2px 0px 4px 37px;
    color: #757575;
}


.k-itemFolderShare {
    background: transparent url(/Images/trainingico.png) no-repeat -1px -68px !important;
    padding: 2px 0px 4px 37px;
    color: #757575;
}



.k-itemFolderTraining {
    /*background: transparent url(/Images/trainingico.png) no-repeat -1px -101px !important;*/
    padding: 2px 0px 4px 37px;
    color: #757575;
}

.k-itemFolderShareFav {
    background: transparent url(/Images/trainingico.png) no-repeat -1px -371px !important;
    padding: 2px 0px 4px 37px;
    color: #757575;
}

.k-itemFolderPublic {
    background: transparent url(/Images/trainingico.png) no-repeat -1px -478px !important;
    padding: 2px 0px 4px 37px;
    color: #757575;
}











.k-itemFolder, .k-itemFolderFav, .k-itemFolderShare, .k-itemFolderTraining, .k-itemFolderPublic {
    /*max-width: 51%;*/
    overflow: hidden;
    float: left;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
    ;
}







.k-treeview .k-top, .k-treeview .k-mid, .k-treeview .k-bot {
    padding: 0;
}




.k-treeview span.k-in:hover {
    background: #E8E3E3; /* Old browsers */
    font-weight: bold;
}



.k-treeview span.k-in, .k-state-selected, .k-treeview span.k-state-focused {
    background: transparent;
    border: 0px !Important;
    box-shadow: none !Important;
    font-size: 13px !important;
    color: #757575;
}

    .k-treeview span.k-in, .k-treeview span.k-in:hover {
        padding: 9px 0px 4px 0px !important;
        min-height: 20px;
    }


    .k-state-selected, .k-state-selected:hover {
        background: #f1f5f9 !important; /* Old browsers */
        font-weight: bold;
    }



.k-pager-numbers .k-state-selected, .k-pager-numbers .k-state-selected:hover {
    background: #ccc !important; /* Old browsers */
    font-weight: bold;
    font-size: 11px !Important;
}



.k-dropzone em {
    display: none !important;
}


/*popup*/

div.k-window-content {
    padding: 0px !Important;
}


.k-window {
    border: 4px solid rgba(68, 82, 89, 1) !important;
    -webkit-box-shadow: 2px 2px 70px 0px rgba(215, 215, 215, 0.4) !important;
    -moz-box-shadow: 2px 2px 70px 0px rgba(215, 215, 215, 0.4) !important;
    box-shadow: 2px 2px 70px 0px rgba(215, 215, 215, 0.4) !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.k-window-titlebar {
    background-color: #445259 !important;
    height: 35px !important;
    position: relative !important;
    padding: 1px 0px 1px 10px !important;
    border: 0px !important;
    line-height: 2.4em !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid #ccc 1px !important;
    width: 98% !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#sharewindow_wnd_title, #divScheduled_wnd_title {
    width: 100.5% !important;
    background-color: #445259 !important;
    line-height: 2.6em;
    margin-top: -1px;
}


#divScheduled_wnd_title {
    width: 100.4% !important;
}

.k-window-action, .k-window-action:hover {
    background: none !Important;
    border: 0px !important;
    margin-right: 3px;
    margin-top: 2px;
    padding: 0px !Important;
}

.k-i-close {
    background: transparent url(../Images/close-btn-icon.png) no-repeat right -41px !important;
    border: 0px !important;
}



    .k-i-close:hover {
        background: transparent url(../Images/close-btn-icon.png) no-repeat right -17px !important;
        border: 0px !important;
    }



.k-dropdown {
    background: #fff !important;
    border: #ccc solid 1px !important;
    height: 23px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    vertical-align: top !important;
}


.k-dropdown-wrap .k-input {
    background: #fff !important;
    border: #ccc solid 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    line-height: 2em !important;
    border-radius: 0px !important;
    padding: 0px !Important;
    font-size: 12px !Important;
}

.k-dropdown-wrap.k-state-default {
    width: 100%;
    background: #fff !important;
    border: #ccc solid 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-dropdown .k-state-hover .k-input {
    background: #fff !important;
    border: #ccc solid 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none !Important;
}

.k-input {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}


.k-dropdown .k-input, .k-dropdown .k-select {
    margin-top: 3px;
}

.k-list > .k-state-selected.k-state-focused, .k-list > .k-state-selected {
    background-color: #3875d7 !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)) !important;
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%) !important;
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%) !important;
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%) !important;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
    color: #fff !important;
}

.k-list {
    padding-top: 10px;
}

.k-list-container {
    background: #fff !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.k-list > .k-item, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-list > .k-item:hover, .k-list > .k-state-selected:hover, .k-list > .k-state-focused:hover {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    line-height: 1.3em !important;
    border-radius: 0px !important;
    padding: 4px !important;
    min-height: initial !important;
    border: 0px !Important;
}

.k-list-filter > .k-textbox {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-bottom: 8px;
}

.k-list-filter > .k-icon {
    top: 4px !Important;
}

.k-multiselect-wrap {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: #ccc solid 1px !important;
    height: 100% !Important;
    border: #ccc solid 1px !important;
}

.k-multiselect {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: #ccc solid 0px !important;
}







.dropdown-header {
    font-size: 11px;
}

    .dropdown-header > span {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        display: table-cell;
        border-style: solid;
        border-width: 0 0 1px 1px;
        padding: .3em .6em;
    }

        .dropdown-header > span:first-child {
            border-left-width: 0;
        }


#ddlPreRequesities-list {
    height: auto !important;
}

#ddlPreRequesities_listbox {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow-y: scroll !important;
    max-height: 140px;
    height: 100% !Important;
}

#ddlPreRequesities-list .k-item, #ddlEmpList-list .k-item {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px !Important;
}




    #ddlPreRequesities-list .k-item > span p, #ddlEmpList-list .k-item > span p {
        font-size: 11px;
    }

    #ddlPreRequesities-list .k-item > span, #ddlEmpList-list .k-item > span {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 11px;
        display: table-cell;
        border-style: solid;
        border-width: 0 0 1px 1px;
        vertical-align: top;
        padding: .3em 0 .3em .6em !important;
    }

        #ddlPreRequesities-list .k-item > span:first-child, #ddlEmpList-list .k-item > span:first-child {
            border-left-width: 0;
        }

            #ddlPreRequesities-list .k-item > span:first-child p, #ddlEmpList-list .k-item > span:first-child p {
                width: 60px;
                white-space: nowrap;
                overflow: hidden; /* "overflow" value must be different from "visible" */
                text-overflow: ellipsis;
            }




html.k-material #ddlPreRequesities-list .k-item > span, html.k-material #ddlEmpList-list .k-item > span {
    min-height: 80px;
    border-width: 0 0 1px 0;
}

html.k-material #ddlPreRequesities-list img, html.k-material #ddlEmpList-list img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

html.k-material #ddlPreRequesities-list h3, html.k-material #ddlEmpList-list h3 {
    font-size: 1.2em;
    line-height: 1em;
    margin-top: .5em;
}



.k-dropzone {
    border-style: solid;
    border-width: 0;
    background-color: #fff;
    padding: 0px !important;
}

.k-upload {
    background-color: #fff !important;
    padding: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.k-dropzone .k-upload-button, .k-upload-selected {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    float: right;
    overflow: visible;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 1px 8px 2px 8px !important;
    cursor: pointer;
    background: #4b8bd5 !important;
    border: #3776bf solid 1px !important;
    background: -moz-linear-gradient(top, #5fa9f2 1%, #4b8bd5 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5fa9f2), color-stop(100%,#4b8bd5)) !important;
    background: -webkit-linear-gradient(top, #5fa9f2 1%,#4b8bd5 100%) !important;
    background: -o-linear-gradient(top, #5fa9f2 1%,#4b8bd5 100%) !important;
    background: -ms-linear-gradient(top, #5fa9f2 1%,#4b8bd5 100%) !important;
    background: linear-gradient(top, #5fa9f2 1%,#4b8bd5 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fa9f2', endColorstr='#4b8bd5',GradientType=0 ) !important;
}

    .k-dropzone .k-upload-button:hover, .k-upload-selected {
        color: #FFF !important;
        text-decoration: none;
        cursor: pointer !important;
        background: #5cad16 !important;
        border: #56a413 solid 1px !important;
        background: -moz-linear-gradient(top, #84d240 1%, #5cad16 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#84d240), color-stop(100%,#5cad16)) !important;
        background: -webkit-linear-gradient(top, #84d240 1%,#5cad16 100%) !important;
        background: -o-linear-gradient(top, #84d240 1%,#5cad16 100%) !important;
        background: -ms-linear-gradient(top, #84d240 1%,#5cad16 100%) !important;
        background: linear-gradient(top, #84d240 1%,#5cad16 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d240', endColorstr='#5cad16',GradientType=0 ) !important;
    }


button.k-button.k-upload-selected {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    float: right;
    overflow: visible;
    color: #428bca !important;
    text-decoration: none;
    text-align: center;
    padding: 0px !important;
    cursor: pointer;
    background-color: transparent !important;
    background: transparent none !important;
    border: #3776bf solid 0px !important;
    filter: none !important;
}

    button.k-button.k-upload-selected:hover, button.k-button.k-upload-selected:focus, button.k-button.k-upload-selected:focus:active:not(.k-state-disabled):not([disabled]) {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        float: right;
        overflow: visible;
        color: #55a400 !important;
        text-decoration: none;
        text-align: center;
        padding: 0px !important;
        cursor: pointer;
        background-color: transparent !important;
        background: transparent none !important;
        border: #3776bf solid 0px !important;
        filter: none !important;
        box-shadow: none !important;
    }


.k-upload-empty .k-dropzone, .k-upload .k-dropzone {
    min-height: 24px !important;
}

.k-state-disabled {
    cursor: default;
    border: #3776bf solid 0px !important;
}

.k-header .k-state-disabled {
    width: 100%;
}


.k-state-disabled .k-button, .k-state-disabled .k-button:hover {
    opacity: 0.7;
    color: #ccc !important;
    filter: alpha(opacity=30);
    cursor: default;
    background-color: #666 !important;
    background: #666 none !important;
    border: #3776bf solid 0px !important;
    filter: none !important;
    box-shadow: none !important;
}

.k-upload-files {
    float: left;
    width: 101.7% !important;
    margin: 0px !Important;
}

    .k-upload-files span {
        padding: 0px !Important;
    }

.k-file {
    width: 98%;
    text-align: left;
    padding-left: 2%;
    padding: 0px !Important;
}

.k-filename {
    max-width: 80% !Important;
}

.k-upload-selected {
    margin: 3px 6px 4px 2px !important;
}

.k-upload-status-total {
    display: none !Important;
}




.PageUploader .k-upload {
    width: 450px;
    background-color: #eee !important;
    border: #ccc solid 1px !important;
    float: left;
    margin: 0px 0px 3px 3px;
}

.PageUploader .k-dropzone {
    background-color: #fff;
}

.PageUploader .k-upload-status {
    top: .3em !important;
}

.PageUploader .k-upload-files {
    width: 100% !important;
}

    .PageUploader .k-upload-files .k-file {
        width: 100% !important;
    }

.k-list-filter {
    position: relative;
    display: block;
}


/*Grid*/

.k-grid-content {
    width: 100% !important;
    overflow: hidden !important;
}

#example .k-grid-header-wrap, #FillEmployeesWithTraining .k-grid-header-wrap, .k-scrollbar-vertical {
    display: none;
}

.k-grid td {
    border: 0 !important;
}

.k-grid td:hover {
        /*border: 0 !important;*/
    }

.k-master-row {
    background-color: #fff !important;
}

    .k-master-row td {
        border: 0 !important;
        border-bottom: #e5e5e5 solid 1px !important;
        color: #333;
        font-weight: bold;
        font-size: 14px;
    }

        .k-master-row td:hover {
            background-color: #f1f5f9;
            font-weight: bold;
            border-bottom: #e5e5e5 solid 1px !important;
            color: #333;
            cursor: pointer;
        }

        .k-master-row td.k-hierarchy-cell, .k-master-row td.k-hierarchy-cell:hover {
            background-color: transparent !important;
            color: #757575;
            font-weight: normal !important;
            padding: 12px 7px 12px 7px;
            font-size: 13px !important;
        }

    .k-master-row td {
        border-bottom: #e5e5e5 solid 1px !important;
    }


    .k-master-row:nth-last-of-type(1) td {
        border-bottom: #e5e5e5 solid 0px !important;
    }


.k-detail-row {
    background-color: #fff !important;
}



.k-pager-wrap .k-icon {
    margin-top: 4px;
}

.k-pager-wrap .k-state-selected {
    color: #757575;
}


.k-pager-wrap .k-state-disabled {
    width: auto;
}

.k-grid-header {
    border-top: 0px !important;
    border-bottom: 1px !important;
}

.k-grid {
    border: 0px !important;
    overflow: hidden !important;
}


.k-grid-header th.k-header {
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-position: 50% 50%;
    background-color: #fff;
    border-width: 0 0 1px 0px !important;
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

    .k-grid-header th.k-header > .k-link {
        font-size: 12px;
        color: #333;
        font-weight: bold;
    }


table.k-editor {
    border-spacing: 9px !important;
    border-bottom: 0px !Important;
}

.k-grid-header th.k-header, .k-filter-row th {
    font-weight: bold !important;
}

.k-grid td .divider-icon:nth-last-of-type(1) {
    display: none !Important;
}


/* Date Picker*/

.k-picker-wrap.k-state-default {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 1px #ccc solid !important;
}

.k-picker-wrap .text-label {
    padding: 0px !Important;
}

.k-datepicker .k-state-disabled {
    border-radius: 0px !important;
    border: 1px #ccc solid !important;
    background-image: url('textures/highlight.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #e9e9e9;
    border-color: #c5c5c5;
    width: auto;
}

.k-datepicker {
    border: 0px #ccc solid !important;
    background: transparent !important;
    padding: 0px !important;
}


.k-picker-wrap .k-icon {
    margin-top: 0px;
}

.k-picker-wrap .k-input {
    height: 2em !important;
    width: 100% !important;
}

.k-timepicker .k-input {
    height: 1.6em !important;
    width: 100% !important;
}

.k-today, .k-today:hover, .k-today .k-link:hover {
    background: #757575 !important;
    color: rgb(255, 255, 255) !important;
}


.k-i-calendar {
    margin-top: 4px !important;
}

.k-input .k-i-calendar {
    margin-top: 0px !important;
}




/*Dropdown*/

.k-dropdown .k-input, .k-selectbox .k-input {
    width: 93%;
}

.k-window-content .tdsave {
    padding: 13px 2% 13px 0px !important;
    float: left;
    text-align: right;
    width: 98%;
}

.AddTrainingLeft span, .AddTrainingRight span {
    padding: 0px !important;
}


.AddTrainingLeft input[type=checkbox], .AddTrainingRight input[type=checkbox] {
    width: auto !important;
}



.AddTrainingLeft {
    float: left;
    width: 596px !important;
}

.AddTrainingRight {
    float: right;
    width: 346px !important;
    background: #f3f3f3 !important;
    margin: -10px -10px -10px 10px;
    padding: 12px !important;
}

.BlueNote {
    line-height: 1.5em;
    color: #3f3f3f;
    font-size: 12px;
    font-weight: normal;
    background-color: #f3f9fe;
    border: #9ad1e5 solid 1px;
    margin: 0px;
    padding: 4px 90px 3px 6px;
    float: left;
    width: 83.4%;
    margin: 6px 0px 10px 0px !Important;
}

    .BlueNote span {
        float: left;
        color: #3f3f3f;
        padding-right: 5px !important;
        font-size: 12px;
        line-height: 1.8em;
        margin-left: 2px !important;
    }

        .BlueNote span.k-itemFolder {
            padding-left: 34px !important;
            padding-top: 2px !important;
            font-weight: bold;
        }


        .BlueNote span.DateIcon {
            padding-left: 18px !important;
            background: transparent url(../images/CompensationStatus.png) no-repeat -5px -6px;
            padding-top: 0px !important;
            padding-right: 20px !important;
        }


            .BlueNote span.DateIcon label {
                font-weight: bold;
            }


    .BlueNote span {
        float: left;
        color: #3f3f3f;
        padding-right: 5px !important;
        font-size: 12px;
        line-height: 1.8em;
        margin-left: 2px !important;
    }


    .BlueNote input[type=checkbox] {
        vertical-align: middle;
    }

.BlueNoteSml {
    width: 77% !Important;
}


.GreySelecteditem {
    width: 77% !Important;
    line-height: 1.5em;
    color: #3f3f3f;
    font-size: 12px;
    font-weight: normal;
    background-color: #eaeaea;
    border: #9ad1e5 solid 0px;
    margin: 0px;
    padding: 4px 90px 3px 6px;
    float: left;
    width: 83.4%;
    margin: 0px 0px 0px 0px !Important;
}



.TrainingGreyNote {
    background-color: #eee !Important;
    border: #9ad1e5 solid 0px !Important;
    margin: -10px -10px 4px -10px !Important;
    padding: 6px 10px 6px 10px !important;
    width: 100%;
}

.uploadviewbox {
    margin: 4px;
    border: #ccc solid 1px;
    padding-right: 30px !important;
}

    .uploadviewbox input {
        width: auto !important;
    }


.headingpadtop {
    padding-top: 10px !important;
    font-size: 14px !important;
}

.Headingrightoption {
    margin: -3px 8px 5px 0px !important;
}

.traininggreybox {
    padding: 0.8% !important;
    border: #e3e3e3 solid 1px;
    margin: 17px 0px -4px 4px;
    width: 97.5% !important;
    background-color: #f8f8f8 !important;
}




.frightTra {
    float: right !Important;
}


.trainingbtnMargin {
    margin: 0px 5px 5px 10px !important;
}


.ExpCollbtnWrapper {
    float: right;
    height: 28px;
    background-color: #fff;
    position: relative;
}



.ProfileBoxHolder {
    margin-bottom: 10px;
    background: #0c3f5e url(../Images/heading-bg1.png) repeat-x top left;
    float: left;
    width: 1000px;
    min-height: 95px;
    position: relative;
}

span.k-dropdown, .k-dropdown span {
    padding-right: 0px !Important;
}



/*------------ Asign Training New -------------------*/
.trainingGreenbg, .trainingGreenbg:hover, .trainingGreenbg .k-in, .trainingGreenbg .k-in:hover {
    background: #e2eec8 !important;
}

.AssignTrainingLeft {
    float: left;
    width: 540px;
    padding: 8px 5px 5px 5px;
}

    .AssignTrainingLeft .k-treeview {
        max-height: 200px;
        min-height: 238px;
        overflow-y: auto;
        margin-top: 5px;
        overflow-x: hidden;
        background-color: #fff !important;
        border: #ccc solid 1px;
    }

.AssignTrainingRight {
    float: left;
    width: 400px;
    padding: 1px 8px 0px 8px !important;
    margin-left: 4px;
    border-right: 0px;
}


.margin-updown {
    margin: 4px 0;
}

#ddlEmpList_listbox {
    overflow-x: hidden !important;
}


/*End Training*/

/* Other in training*/



