@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}


	body.pdf {
		margin: 50px;
		zoom: 200%;
		 background-color:#fff;
	}

body .modal-backdrop {
    position: fixed;
}

    .ibox-filter {
    padding: 0 10px 0;
    background-color: inherit;
    border-top: 0;
    font-size: 12px
}

    .ibox-filter .form-group {
        display: inline-block;
        margin-right: 40px;
        vertical-align: top
    }

    .ibox-filter .input-group {
        display: inherit
    }

    .ibox-filter label.col-form-label {
        display: block;
        font-size: 11px;
        color: #999
    }

    .ibox-filter .k-widget {
        background-color: inherit;
        box-shadow: none
    }

    .ibox-filter .k-daterangepicker input {
        width: 110px !important;
        margin-top: 1px
    }

#idletimeout {
    background: #202020;
    border: 3px solid #202020;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
}

em{
    font-style:italic;
}

.modal-xl {
    width: 96%;
}

.k-grid tr td{
    font-size:11px;
}

.k-grid .form-control {
    margin: 0;
    height: inherit;
    border: 1px solid #ddd;
    padding: 3px 5px;
    font-size: 12px;
}

.required{
    color:#a94442;
}

.account-logo{
    margin:10px;
}
    .account-logo img {
        width:100%;
        max-height: 100px;
        margin: 0 auto;
    }

.input-validation-error {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

body .k-widget.k-daterangepicker {
    background-color: transparent !important;
}

.form-horizontal.display .control-label {
    padding-top: 0px;
}

.k-grid-norecords-template {
    width: 100% !important;
}

.dashboard .ibox-content{
     
}
.dashboard .ibox.center {
    text-align:center; font-weight:bold;
}

.dashboard .ibox.disabled .ibox-title, .dashboard .ibox.disabled .ibox-content {
     background-color:#333333;
}
.dashboard.hub .ibox .ibox-title{
    border-top:15px solid #333;
}

.dashboard.hub .product{
     background-color:#eb592a; color:#fff; display:block; text-align:center; padding:0px 20px 50px; margin-bottom:30px;
}

.col-sm-6 div.product{
	background-color: #FFFFFF;
	color: rgb(103, 106, 108) !important;
}

.col-sm-6 div.product h3{
	color: #df5724;
}

.col-sm-6 div.product small{
		color: rgb(103, 106, 108) !important;
}

.jumbotron h1{
	color:#eb592a;
}

.row.product-detail{
background-color: #FFFFFF;
}

.product-box img.icon{
    margin: 0 auto;
    display: block;
    padding: 10px 10px 10px 10px;
}

.product-detail div.col-sm-6 img.icon{
	margin: 0 auto;
	display:block;
}

.product.disabled.more_info p.icon img{
	margin: 0 auto;
	display:block;
}

.dashboard .product:hover {
     background-color:#dd4a1b;
}

.dashboard .product.disabled, .product.disabled{
     background-color:#333; 
	color:#FFFFFF;
}

.grid-section .product.disabled.more_info{
	padding:40px;
	text-align:center;
	margin:20px 0px 20px 0px;
	height:450px;
}

.dashboard .product.disabled:hover, .product.disabled:hover{
     background-color:#222; 
}

.dashboard .product .btn-section, .product .btn-section{
    min-height:70px; display:block; padding-top:20px; 
}

.dashboard .product .btn{
    border-radius:5px;

     border:2px solid #fff;
      text-transform:uppercase;
      color:#fff;
      padding:10px 15px;
      font-size:11px;
}

.more_info{
	padding:30px;
}

.btn-outline.gray {
    border: 2px solid #394453;
    color: #394453;
}

  .dashboard .product h5 {
        font-size:14px; margin-top:20px;
    }

.dashboard.hub .ibox-content{
    padding:30px 20px 60px;
}

.dashboard .ibox .ibox-title h5{
  text-transform:uppercase; text-align:center; font-size:19px; font-weight:200; float:none;
}

.dashboard .ibox .stat{
       font-size: 114px;
    line-height: 142px;color:#df5724; font-weight:normal;
}

    .dashboard .ibox .stat.alarm {
        color:#dc2f33;
    }

    .dashboard .ibox .stat.ok {
        color:#3abb53;
    }
     body .k-listview,body .contact-view{
           border:0;
     }
  body .k-widget, body .k-widget label, body .k-widget div, body .k-widget textarea{
        -webkit-box-sizing:inherit !important;
        box-sizing:inherit !important;
     
    }

.news-articles .row {
	margin: 20px 0;
}

.news-image img {
    width: 100%;
    height: auto;
}

ul.spaced li {
    margin-bottom: 20px;
    background: url('/content/img/list_arrow.png') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    padding: 0px 20px 0px 20px;
    background-position: center left;
	list-style: none;
}

.upgrade{
	background-color: #333;
	color:#FFFFFF;
	padding:20px;
}

.bronze_package{
	border-top-color: #de5728;
	border-style: solid;
border-top-width: 15px;
margin-bottom: 20px;
}

.silver_package{
	border-top-color: #d1d0d0;
	border-style: solid;
border-top-width: 15px;
margin-bottom: 20px;
}

.gold_package{
	border-top-color: #f59d09;
	border-style: solid;
border-top-width: 15px;
margin-bottom: 20px;
}

.bronze{
color: #de5728;
}

.silver{
color: #d1d0d0;
}

.gold{
color: #f59d09;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-outline.white {
    border: 2px solid #fff;
    color: #fff;
}

.btn-outline{
    display: inline-block;
    border: 2px solid #de5728;
    color: #de5728;
    font-size:12px;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
    background: none;
}

.btn-outline:hover {
    color: #ffffff;
    border: 2px solid #cf4917;
}



.k-grid table th.k-header {
    font-weight: bold !important;
    font-size: 85%;
}

.btn.btn-qdos{
    border-radius:5px;
     background-color:#df5724;
     border:4px solid #df5724;
      text-transform:uppercase;
      color:#fff;
      padding:5px 10px;
      font-size:13px;
      font-weight:bold;
}
    .btn.btn-qdos:hover {
         background-color:#df5724; color:#fff;
    }

.btn-bronze {
    background-color: #df5724;
    border-color: #df5724;
    color: #FFFFFF;
}

.label-bronze, .badge-bronze {
    background-color: #df5724;
    color: #FFFFFF;
}

.label-gold, .badge-gold {
    background-color: #f59d09;
    color: #FFFFFF;
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 0px solid #ccc !important;
}

.form-group input.k-checkbox {
    display: inline-block;
    /*margin: 14px 5px;*/
}
body .control-label {
    display: block;
}
body .form-horizontal .control-label {
    padding-top: 4px;
}
.k-textbox{
    width:100% !important;
}

div.slider {
      width:300px;
    }


.umb-grid ul, .panel-body ul {
    list-style-type: disc;
    margin-left: 15px;
}


.umb-grid ol,.panel-body ol {
    list-style-type: decimal;
    margin-left: 15px;
}

.breadcrumb {
    margin-left: 0 !important;
}

.planner .view-year{
     background-color:#ebebeb; padding:10px; border-bottom:1px solid #ebebeb; font-weight:bold; font-size:21px; text-align:center;
}

.planner .month{
    color:#df5724; font-weight:bold;
}

.planner .k-link.k-header{
    padding:5px 20px !important;
}

.planner .icons{
    float:right; margin-right:25px
}
    .planner .icons span {
        margin-right:25px;
    }
    .planner .icons span.holiday{
        color:#f4c20d;
    }
     .planner .icons span.sickness{
           color:#db3236;
    }
      .planner .icons span.lateness{
            color:#333333;
    }
       .planner .icons span.public{
             color:#3cba54;
    }
        .planner .icons span.parental{
              color:#f555ff;
    }
         .planner .icons span.other{
  color:#999999;
    }

.absence-types {
	padding-top: 0px;
	padding-bottom: 0px;
}

.planner .k-scheduler {
    border:0; font-size:12px;
}

.planner .k-scheduler-content {
    overflow: hidden !important;
}

.planner .k-state-selected, .k-state-selected:link {
	background-color: #fff !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.planner .k-event .fa-bed,
.planner .k-event .fa-clock-o {
	color: #fff;
}

.planner .k-scheduler a.edit.approved, 
.planner .k-scheduler .view.approved {
	border: 1px solid green;
}

.k-scheduler a.add{
    font-size:12px; color:#ddd; display:block; height:100%; text-align:center; margin:0 -5px;
}
    .k-scheduler a.add:hover {
        color:lightgreen;
    }

.k-scheduler a.edit, .k-scheduler .view {
    display: block;
    text-align: center;
    padding: 2px 3px 3px;
    color: #fff;
}
     .k-scheduler a.edit:hover{
        color:green;
     }
     .k-scheduler .k-event-inverse a.edit, .k-scheduler .k-event-inverse .view{
         border:1px dotted #000;
     }
     .k-scheduler a.edit.approved, .k-scheduler .view.approved{
         color:green;  border:1px solid green;
     }

     .k-scheduler a.edit.declined, .k-scheduler .view.declined{
         color:red;
     }


.planner .k-scheduler-toolbar{
    display:none !important;
}
.k-event{
    height:26px !important;
}

.modal-load .sk-spinner{
    margin-top:20px; margin-bottom:20px;
}
.holiday-request .last-holiday{
     background-color:#9cc3da; padding:10px;
}
.holiday-request .this-request{
     background-color:#a3e1d4; padding:10px;
}
.holiday-request textarea{
     padding:10px;
}
.days th{
     font-weight:bold;
}
.days td{
    vertical-align:middle !important;
}

#planner #calendar tbody td{
    border:1px solid #eee !important; border-radius:0;     background-color: #f8f8f8;
}
#planner #calendar .k-header{
    font-size:11px; font-weight:bold;
}
#planner #calendar .k-month th{
    font-size:11px;
}
#planner #calendar .k-footer{
    display:none !important;
}

#planner #calendar .k-link {
    padding: 0; text-align:center;
}

#planner #calendar .k-link {
    padding: 0; text-align:center;
}
    #planner #calendar .k-link .day {
        min-height: 1.8333em;
        line-height: 1.8333em;
         background-color:#fff;
         border:1px solid #fff;
    }

    #planner  .k-calendar .k-nav-fast{
         cursor:default !important;
    }
   #planner .k-calendar .k-nav-prev,#planner .k-calendar .k-nav-next{
       display:none;
   }

   /* Template Days */

    #planner .match{
        font-weight: bold;
    }

#planner #calendar a:hover .day, #planner #calendar .k-state-selected .day {
    background-color: #428bca !important;
    border:1px solid #428bca !important;
}

   #planner  #calendar .k-link .match.public {
        background-color:#d9edf7; border:1px solid #d9edf7;
    }

    #planner #calendar .k-link  .match.low {
       background-color: #dff0d8; border:1px solid #aadfb2;
    }

  #planner #calendar .k-link .match.middle {
       background-color: #ff9e00;
    }

#planner #calendar .k-link .match.high {
    background-color: #ff4081;
}

.issue-tracker.k-widget * {
        -webkit-box-sizing: border-box;
     box-sizing:border-box !important;
}

    .issue-tracker.k-grid tr,.issue-tracker.k-grid tr:hover {
     background-color:#fff;
}
   .issue-tracker.k-grid tr td {
    border-width: 0 0 4px 0px;
      border-color: #eee;
      vertical-align:top;
}


   .issue-tracker.k-grid .product-options tr td {
    border-width: 0 0 1px 0px;
    border-style:dashed;
    vertical-align:middle;
}

    .issue-tracker.k-grid .product-options tr:last-of-type td {
    border-width: 0px;
}

     .issue-tracker .product{
        padding:10px;
    }

     .issue-tracker tbody p.description{
        margin:0; color:#999; font-size:95%;
    }

    .issue-tracker h3{
        margin:0; margin-bottom:5px;
    }

     .issue-tracker small{
        line-height:15px;  display:block;
    }

      .issue-tracker select.form-control{
       padding:6px;
    }
     

.umbraco-forms-page .form-group{
    border-bottom:1px dashed #ddd;  padding-bottom:15px;
}

.umbraco-forms-page .form-control.radio {
    border: 0; height:auto; min-height:inherit;  padding-bottom:0;
}

.umbraco-forms-page .help-block{
    font-style:italic;
}




.contact-view{
    width:48%; float:left;     height: 500px;  margin-right:20px;
}
.contact-view{
    position:relative;
}

.contact-view .edit-buttons{
    
    position:absolute;
    bottom:0; left:0; width:100%;
    display:block;
        text-align: right;
        padding: 5px;
        background-color: rgba(0,0,0,0.1);
}

.wizard.form-horizontal .form-group {
     vertical-align:top;
}
.wizard.form-horizontal .control-label {
     padding-top: 0;
}

.wizard.form-horizontal ol {
     margin-left:15px; list-style:decimal;
}

.umbraco-forms-page h2{
    border-color: #e7eaec;
    border-style: solid;
    border-width: 0 0 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
        display: block;
        font-weight:bold;
    font-size: 14px;
     margin:-15px -15px 25px;
}

.secure{
    background-color:#fff; font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.secure .navbar-static-top{
   display:none;
}
.secure .navbar-default{
    border-right:1px solid #ccc;
}
.secure .nav > li > a {
    color: #000;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:normal;
}
.secure .nav > li.active {
    background: #eee;
}
.secure .navbar-default .nav > li > a:hover, .secure .navbar-default .nav > li > a:focus{
    color: #333; background-color:#eee;
}
.secure .nav-header, .secure .page-heading{
    display:none;
}

.k-grid.k-widget tbody *{
     -webkit-box-sizing:  border-box;
    box-sizing: border-box;
}


.panel-title a{
    padding: 10px 15px; display:block; margin:-10px -15px;
}

.nav-tabs.white > li > a{
    border-right:0 !important;
}

@media (max-width: 425px) {
	
	html, body {
		overflow: visible !important;
	}
	
	/* Planner fixes */
	
	.dashboard.hub .product .icon img {
		width: 100%;
	}
	
    .absence-types {
        margin-top: 10px !important;
		margin-bottom: 10px;
    }
	
	.k-splitbar-vertical {
		height: 20px !important;
	}
	
	.k-splitbar .k-i-arrow-60-up,
	.k-splitbar .k-i-arrow-60-down {
		font-size: 30px !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important;
	}
	
	.k-splitbar .k-i-arrow-60-down {
		top: -8px !important;
	}
	
	#calendar .k-calendar {
		width: 100%;
		margin-left: 0;
	}
	
	/* EMS Fixes */
	
	.ems .wrapper-content {
		padding: 20px 0 40px !important;
	}
	
	.ems .wrapper {
		padding-right: 0px !important;
	}
	
	.ems .k-chart {
		/*margin-left: -35%;*/
	}
	
	/*ems/employees*/
	
	.ems #grid {
		overflow-x: scroll;
	}
	
	/*ems/authorisation*/
	
	.ems #grid-authorisation {
		overflow-x: scroll;
	}
	
	/*ems/tasks*/
	
	.ems #grid-tasks {
		overflow-x: scroll;
	}
	
	/*ems/documents*/
	
	.ems #grid-documents {
		overflow-x: scroll;
	}
	
	/*ems/admin-lite*/
	
	/*ems/company/documents*/
	/*ems/my-documents*/
	
	#grid-documents-2,
	#grid-documents-3,
	#grid-downloads {
		overflow-x: scroll;
	}
	
	/*ems/company/public-holidays*/
	
	.ems #scheduler .k-event {
		height: auto !important;
	}
	
	.ems .k-window {
		width: 100% !important;
	}
	
	.ems .k-window-titlebar {
		margin-top: -29px !important;
		height: auto !important;
	}
	
	/*ems/company/tasks*/
	
	.ems #grid_tasks {
		overflow-x: scroll;
	}
	
	/*ems/company/settings*/
	
	.ems #form-settings .k-dropdown {
		width: 100%;
	}
	
	/*account/sales-orders*/
	
	#grid-sales-orders {
		overflow-x: scroll;
	}
	
	/*account/administrators*/
	
	#grid-users {
		overflow-x: scroll;
	}
	
}


ul.k-panelbar {
	margin-left:0;
}


.news-article {
	padding: 30px 0;
}

	.news-article .news-info {
		text-align: center;
		margin-bottom: 25px;
	}

	.news-article h2 {
		margin: 25px 0 15px;
	}

	.news-article  .news-image {
		 max-width:400px;
		float: right;
		padding-left: 10px;
		padding-right: 10px;
	}

.pnl-learning {
    font-size: 19px;
    line-height: 1.7;
}