.spinner { margin: 20px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }
    .spinner > div { background-color: #2d2e33; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
    .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
    .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
    20% { -webkit-transform: scaleY(1.0); }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
    20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}

.toast-notification, .toast-notification * { line-height: initial; position: relative; box-sizing: border-box; }
.toast-notification { padding: 20px; background: #2d2e33; color: #fff; position: absolute; width: 100%; height: 130%; }
    .toast-notification .close { position: absolute; width: 20px; height: 20px; right: 5px; top: 5px; font-size: 20px; line-height: 20px; text-align: center; color: #ffd900; cursor: pointer; }
    .toast-notification .message { display: block; padding-left: 60px; line-height:15px;}
    .toast-notification .message a{text-decoration:underline;color: #ffda00;}
    .toast-notification:before { content: "\f35b"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777777; font-size: 54px; opacity: 0.5; position: absolute; top: 50%; margin-top: -27px; }

.toast-notification.welcome-notification{
    background-color:#d8f9cb;
    color:#737373;
    font-family:'Roboto', sans-serif;
}
.toast-notification.welcome-notification strong{
    color:#83ae7a;
}
.toast-notification.welcome-notification:before { content: "\f375"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #83ae7a; font-size: 54px; opacity: 0.5; position: absolute; top: 50%; margin-top: -27px; }
.toast-notification.welcome-notification .close {   color: #737373;  }
.webapp .filters-content .col-xxs-12 { min-height: 100px; }

.notification-box a { text-decoration: underline; }
.notification-box.success a { color: #00b20e; }
.notification-box.error a { color: #ff684c; }




.k-grid-norecords { padding: 40px 0; }

.grid-download-file { font-size: 30px; color: #0d8abb!important; font-weight: bold; background: #fff; display: inline-block; line-height: 30px; width: 30px; text-align: center; border-radius: 2px; }
    .grid-download-file:hover { color: #0d8abb!important; }

.k-spreadsheet-cell.k-state-disabled{
    color:#000;
    font-size:15px;
}
.status-comments .comments{
    border:1px solid #bbb;
    padding:10px 10px;
    display:block;
}
/*.dynamic-field{
    overflow-wrap: break-word;min-height:80px!important;height:100px;
    
}*/

.k-grid .selection-indicator:before{        
    
    content: "\f401"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2da2ec; font-size: 24px; 
}
.k-grid .k-state-selected .selection-indicator:before {
    content: "\f3ff";color:#fff;
}
.progressPlaceHolder{
    display:block;
}


.webapp .k-multiselect .k-i-arrow-s,
.webapp .k-dropdown-wrap .k-i-arrow-s { display: none; }
.editor p{
    text-align:justify;
}

.editable-grid .k-button{
    background: #0d8abb;
    padding: 5px 10px;    
    border: none;
    position: relative;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15);
    -webkit-transition: all .3s;
    transition: all .3s;
    color:#fff;
    border-radius:0;
}
.editable-grid .k-button.k-grid-delete{
    padding:5px;
    margin:0;
    width:auto;
    min-width:30px;
    border-radius:0;
    text-align:center;
}
.editable-grid input[type=text]{
    color:#000;
    padding:3px;
    margin:0;
    font-size:12px;
    border-radius:0;
}
/*.editable-grid .k-widget>.k-header>.k-button>.k-icon{
    color:#000;
}*/

.editable-grid .admin-checkbox{
    padding:0;
    margin:0;
}

.editable-grid .k-edit-cell input[type=checkbox]{
    padding:0;
    margin:0;
    height:0;line-height:0;max-height:0;min-height:0;
    border-width:0;
    visibility:hidden;
}
.editable-grid .k-edit-cell label{
    display:initial;
}


.k-grid .k-notification.k-notification-warning .k-notification-wrap { text-align: left; white-space: normal;}
.k-grid .k-widget.k-notification.k-notification-warning {

    margin-top: 5px;
}


.details-editable .k-textbox,
.details-editable .k-datepicker,
.details-editable .k-textbox:hover {
    background-color: #fff;
    color: #000;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
}

.details-editable .k-dropdown {
    width: 100%;
}
.details-editable textarea{
    width:100%;
    padding:11px;
    font-weight:bold;
}
.pad_fix_newsect{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 25px;
}
.bg_img_newsect p{
	color: #fff;	
	text-align: center;
	font-size: 16px;
}
@media (min-width: 768px){
	.bg_img_newsect p{
		font-size: 20px;
		line-height: 26px;	
	}
}
.bg_img_newsect .img_cont{
	padding-top: 90px;
	margin-bottom:37px;
	text-align: center;	
}
.bg_img_newsect .par_cont{
	padding-bottom: 37px;
    padding-left: 12px;
    padding-right: 24px;
}
.bg_img_newsect{
	background-color: #0a8bcc;
	position: relative;
}
.bg_img_newsect .green_square{
	position: absolute;
	width: 37.075%;
	background-color: #1FC5A8;
	height: 80px;
	clip-path: polygon(0 0, 100% 1%, 95% 100%, 0% 100%);
}
.bg_img_newsect .blue_square{
	margin-left: auto;
	width: 37.075%;
	background-color: #006894;
	height: 80px;
	clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
}

@media (min-width: 1280px){
	.bg_img_newsect .container {
		width: 870px!important;
	}
}


/********************************************
        FrontEnd Fixes
 *****************************************/

.details-editable .date-label { display: block; margin-right: 0; width: 100%; }
.details-editable .k-datepicker,
.details-editable .k-datetimepicker { padding: 0; }
.details-editable {  }
.details-editable .mh-group { min-height: 110px; }
.details-editable {}
.details-editable {}
.details-editable {}
.details-editable {}
.details-editable select{
    padding:10px;width:100%;
}