<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(17825,1): run-time error CSS1019: Unexpected token, found '}'
(18070,1479): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18070,1500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18070,1567): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18070,1591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18070,1746): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(18070,1766): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18070,1831): run-time error CSS1019: Unexpected token, found '@keyframes'
(18070,1847): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18331,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(20198,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20208,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(23970,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(26094,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26095,8): run-time error CSS1035: Expected colon, found '{'
(26100,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(26101,8): run-time error CSS1035: Expected colon, found '{'
(28188,5): run-time error CSS1035: Expected colon, found '}'
(29301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(29311,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38503,41): run-time error CSS1046: Expect comma, found '0'
(38503,45): run-time error CSS1046: Expect comma, found '/'
(38826,1): run-time error CSS1019: Unexpected token, found '@import'
(38826,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap')'
(39699,36): run-time error CSS1046: Expect comma, found '0'
(39699,40): run-time error CSS1046: Expect comma, found '/'
(39711,36): run-time error CSS1046: Expect comma, found '0'
(39711,40): run-time error CSS1046: Expect comma, found '/'
(39929,36): run-time error CSS1046: Expect comma, found '0'
(39929,40): run-time error CSS1046: Expect comma, found '/'
(39943,1): run-time error CSS1019: Unexpected token, found '@import'
(39943,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap')'
(40750,36): run-time error CSS1046: Expect comma, found '0'
(40750,40): run-time error CSS1046: Expect comma, found '/'
(40923,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40971,41): run-time error CSS1046: Expect comma, found '0'
(40971,45): run-time error CSS1046: Expect comma, found '/'
(41048,40): run-time error CSS1046: Expect comma, found '0'
(41048,44): run-time error CSS1046: Expect comma, found '/'
(41506,25): run-time error CSS1046: Expect comma, found '157'
(41506,33): run-time error CSS1046: Expect comma, found '/'
(41549,25): run-time error CSS1046: Expect comma, found '157'
(41549,33): run-time error CSS1046: Expect comma, found '/'
(42031,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(42032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(44979,1): run-time error CSS1019: Unexpected token, found '}'
(45023,34): run-time error CSS1031: Expected selector, found ';'
(45023,34): run-time error CSS1025: Expected comma or open brace, found ';'
(45024,1): run-time error CSS1019: Unexpected token, found '{'
(45025,22): run-time error CSS1030: Expected identifier, found ' '
(45025,30): run-time error CSS1031: Expected selector, found ';'
(45025,30): run-time error CSS1025: Expected comma or open brace, found ';'
(45026,18): run-time error CSS1030: Expected identifier, found ' '
(45026,26): run-time error CSS1031: Expected selector, found ';'
(45026,26): run-time error CSS1025: Expected comma or open brace, found ';'
(45027,13): run-time error CSS1030: Expected identifier, found ' '
(45027,14): run-time error CSS1031: Expected selector, found '1'
(45027,14): run-time error CSS1025: Expected comma or open brace, found '1'
(45028,1): run-time error CSS1019: Unexpected token, found '}'
(50360,1): run-time error CSS1019: Unexpected token, found '@import'
(50360,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Lato:300,400,700)'
(50504,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(50505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50512,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(50513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(50520,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(50521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 * 
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover&gt;.arrow,.popover&gt;.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;overflow:visible;margin:0;padding:0;z-index:auto;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;bottom:auto;left:auto;right:auto;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}.popover&gt;.arrow{border-width:11px}.popover&gt;.arrow:after{content:"";border-width:10px}.popover.top&gt;.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top&gt;.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right&gt;.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right&gt;.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom&gt;.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom&gt;.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left&gt;.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left&gt;.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent}.btn.active:focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-block{display:block;width:100%}.text-primary{color:#428bca}.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover&gt;.arrow{left:25px}.clockpicker-align-top.popover&gt;.arrow{top:17px}.clockpicker-align-right.popover&gt;.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover&gt;.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
/**
 * selectize.default.css (v0.12.3) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis &amp; contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis &lt;brian@thirdroute.com&gt;
 */
.selectize-control.plugin-drag_drop.multi &gt; .selectize-input &gt; div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
 
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectMaxWidth {
    width: 100% !important;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
    padding: 15px 0px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 3px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
 
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input &gt; * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input &gt; div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input &gt; div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled &gt; div,
.selectize-control.multi .selectize-input.disabled &gt; div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-input &gt; input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input &gt; input::-ms-clear {
  display: none;
}
.selectize-input &gt; input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input &gt; input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
 
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}
.selectize-control.single .selectize-input {
 
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

#OrientationController {
    display: block;
}

#LandscapeErrMsg {
    display: none;
}


/*@media (min-width:375px) and (max-height:627px)  { I phone 6+*/ 
@media(min-device-width : 414px) and (max-device-width : 736px)and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3){
    #OrientationController {
        display: none;
    }

    #LandscapeErrMsg {


        display: block;
    }

    .navbar.navbar-default.navbar-fixed-top {
        position: relative;
        width: 712px;
    }

    #LandscapeErrMsgs {
        position: absolute;
        top: 119px;
        width: 100%;
        text-align: center;
        color: red;
        font-size: 16px;
    }
}

@media (min-width:375px) and (max-height:627px) and (orientation:portrait) {
    /*#OrientationController {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }*/

    #LandscapeErrMsg {
        display: none;
    }
}
/*For Tab only*/

@media (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    #OrientationController {
        display: none;
    }
       #LandscapeErrMsg {
        display: block;
    }
    #LandscapeErrMsgs {
        display:block;
        position: absolute;
        top: 119px;
        width: 100%;
        text-align: center;
        color: red;
        font-size: 16px;
    }
}

@media (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /*#OrientationController {  
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }*/
        #LandscapeErrMsg {
    display:none;
    }
    .JournalDayBg {
        margin-top: 0px !important;
    }
    #sidebar #scroller {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
    #sidebarDayPartial #scrollerDayPartial {
    max-height: 600px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 15px;
    width: 112%;
}
}
@media (min-width: 768px) and (max-width: 1024px)  {
    .navbar-default .navbar-brand span {
  display: block!important;
}
    .navbar-default .navbar-brand .mobilelogo {
  display: none!important;
}
    .navbar-default .navbar-brand span.logoText.logoName {
  display: none !important;
}
}

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn &gt; .caret, .dropup &gt; .btn &gt; .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.carousel-inner &gt; .item &gt; a &gt; img, .carousel-inner &gt; .item &gt; img, .img-responsive, .thumbnail a &gt; img, .thumbnail &gt; img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

.small, small {
    font-size: 85%;
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline &gt; li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd, dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: '';
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

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

/*@media (min-width:1000px) {
    .container {
        width: 1072px;
    }
}*/

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table &gt; tbody &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; th {
        /*padding: 8px;*/
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid #ddd;
    }

    .table &gt; thead &gt; tr &gt; th {
        vertical-align: middle;
        border-bottom: 2px solid #ddd;
    }

    .table &gt; caption + thead &gt; tr:first-child &gt; td, .table &gt; caption + thead &gt; tr:first-child &gt; th, .table &gt; colgroup + thead &gt; tr:first-child &gt; td, .table &gt; colgroup + thead &gt; tr:first-child &gt; th, .table &gt; thead:first-child &gt; tr:first-child &gt; td, .table &gt; thead:first-child &gt; tr:first-child &gt; th {
        border-top: 0;
    }

    .table &gt; tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed &gt; tbody &gt; tr &gt; td, .table-condensed &gt; tbody &gt; tr &gt; th, .table-condensed &gt; tfoot &gt; tr &gt; td, .table-condensed &gt; tfoot &gt; tr &gt; th, .table-condensed &gt; thead &gt; tr &gt; td, .table-condensed &gt; thead &gt; tr &gt; th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered &gt; tbody &gt; tr &gt; td, .table-bordered &gt; tbody &gt; tr &gt; th, .table-bordered &gt; tfoot &gt; tr &gt; td, .table-bordered &gt; tfoot &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td, .table-bordered &gt; thead &gt; tr &gt; th {
        border: 1px solid #ddd;
    }

    .table-bordered &gt; thead &gt; tr &gt; td, .table-bordered &gt; thead &gt; tr &gt; th {
        border-bottom-width: 2px;
    }

.table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover &gt; tbody &gt; tr:hover {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.table &gt; tbody &gt; tr.active &gt; td, .table &gt; tbody &gt; tr.active &gt; th, .table &gt; tbody &gt; tr &gt; td.active, .table &gt; tbody &gt; tr &gt; th.active, .table &gt; tfoot &gt; tr.active &gt; td, .table &gt; tfoot &gt; tr.active &gt; th, .table &gt; tfoot &gt; tr &gt; td.active, .table &gt; tfoot &gt; tr &gt; th.active, .table &gt; thead &gt; tr.active &gt; td, .table &gt; thead &gt; tr.active &gt; th, .table &gt; thead &gt; tr &gt; td.active, .table &gt; thead &gt; tr &gt; th.active {
    background-color: #f5f5f5;
}

.table-hover &gt; tbody &gt; tr.active:hover &gt; td, .table-hover &gt; tbody &gt; tr.active:hover &gt; th, .table-hover &gt; tbody &gt; tr:hover &gt; .active, .table-hover &gt; tbody &gt; tr &gt; td.active:hover, .table-hover &gt; tbody &gt; tr &gt; th.active:hover {
    background-color: #e8e8e8;
}

.table &gt; tbody &gt; tr.success &gt; td, .table &gt; tbody &gt; tr.success &gt; th, .table &gt; tbody &gt; tr &gt; td.success, .table &gt; tbody &gt; tr &gt; th.success, .table &gt; tfoot &gt; tr.success &gt; td, .table &gt; tfoot &gt; tr.success &gt; th, .table &gt; tfoot &gt; tr &gt; td.success, .table &gt; tfoot &gt; tr &gt; th.success, .table &gt; thead &gt; tr.success &gt; td, .table &gt; thead &gt; tr.success &gt; th, .table &gt; thead &gt; tr &gt; td.success, .table &gt; thead &gt; tr &gt; th.success {
    background-color: #dff0d8;
}

.table-hover &gt; tbody &gt; tr.success:hover &gt; td, .table-hover &gt; tbody &gt; tr.success:hover &gt; th, .table-hover &gt; tbody &gt; tr:hover &gt; .success, .table-hover &gt; tbody &gt; tr &gt; td.success:hover, .table-hover &gt; tbody &gt; tr &gt; th.success:hover {
    background-color: #d0e9c6;
}

.table &gt; tbody &gt; tr.info &gt; td, .table &gt; tbody &gt; tr.info &gt; th, .table &gt; tbody &gt; tr &gt; td.info, .table &gt; tbody &gt; tr &gt; th.info, .table &gt; tfoot &gt; tr.info &gt; td, .table &gt; tfoot &gt; tr.info &gt; th, .table &gt; tfoot &gt; tr &gt; td.info, .table &gt; tfoot &gt; tr &gt; th.info, .table &gt; thead &gt; tr.info &gt; td, .table &gt; thead &gt; tr.info &gt; th, .table &gt; thead &gt; tr &gt; td.info, .table &gt; thead &gt; tr &gt; th.info {
    background-color: #d9edf7;
}

.table-hover &gt; tbody &gt; tr.info:hover &gt; td, .table-hover &gt; tbody &gt; tr.info:hover &gt; th, .table-hover &gt; tbody &gt; tr:hover &gt; .info, .table-hover &gt; tbody &gt; tr &gt; td.info:hover, .table-hover &gt; tbody &gt; tr &gt; th.info:hover {
    background-color: #c4e3f3;
}

.table &gt; tbody &gt; tr.warning &gt; td, .table &gt; tbody &gt; tr.warning &gt; th, .table &gt; tbody &gt; tr &gt; td.warning, .table &gt; tbody &gt; tr &gt; th.warning, .table &gt; tfoot &gt; tr.warning &gt; td, .table &gt; tfoot &gt; tr.warning &gt; th, .table &gt; tfoot &gt; tr &gt; td.warning, .table &gt; tfoot &gt; tr &gt; th.warning, .table &gt; thead &gt; tr.warning &gt; td, .table &gt; thead &gt; tr.warning &gt; th, .table &gt; thead &gt; tr &gt; td.warning, .table &gt; thead &gt; tr &gt; th.warning {
    background-color: #fcf8e3;
}

.table-hover &gt; tbody &gt; tr.warning:hover &gt; td, .table-hover &gt; tbody &gt; tr.warning:hover &gt; th, .table-hover &gt; tbody &gt; tr:hover &gt; .warning, .table-hover &gt; tbody &gt; tr &gt; td.warning:hover, .table-hover &gt; tbody &gt; tr &gt; th.warning:hover {
    background-color: #faf2cc;
}

.table &gt; tbody &gt; tr.danger &gt; td, .table &gt; tbody &gt; tr.danger &gt; th, .table &gt; tbody &gt; tr &gt; td.danger, .table &gt; tbody &gt; tr &gt; th.danger, .table &gt; tfoot &gt; tr.danger &gt; td, .table &gt; tfoot &gt; tr.danger &gt; th, .table &gt; tfoot &gt; tr &gt; td.danger, .table &gt; tfoot &gt; tr &gt; th.danger, .table &gt; thead &gt; tr.danger &gt; td, .table &gt; thead &gt; tr.danger &gt; th, .table &gt; thead &gt; tr &gt; td.danger, .table &gt; thead &gt; tr &gt; th.danger {
    background-color: #f2dede;
}

.table-hover &gt; tbody &gt; tr.danger:hover &gt; td, .table-hover &gt; tbody &gt; tr.danger:hover &gt; th, .table-hover &gt; tbody &gt; tr:hover &gt; .danger, .table-hover &gt; tbody &gt; tr &gt; td.danger:hover, .table-hover &gt; tbody &gt; tr &gt; th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive &gt; .table {
            margin-bottom: 0;
        }

            .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, .table-responsive &gt; .table &gt; thead &gt; tr &gt; th {
                white-space: nowrap;
            }

        .table-responsive &gt; .table-bordered {
            border: 0;
        }

            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child {
                border-left: 0;
            }

            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child {
                border-right: 0;
            }

            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
                border-bottom: 0;
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
        line-height: 34px;
    }

        .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
            line-height: 30px;
        }

        .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
            line-height: 46px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-sm, textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px;
}

select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-lg, textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px;
}

select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        /*display: inline-block;   */
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        /*display: inline-block;
        width: auto;*/
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group &gt; .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    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.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open &gt; .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default.active, .btn-default:active, .open &gt; .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open &gt; .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.active, .btn-primary:active, .open &gt; .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open &gt; .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active, .btn-success:active, .open &gt; .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open &gt; .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info.active, .btn-info:active, .open &gt; .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open &gt; .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning.active, .btn-warning:active, .open &gt; .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open &gt; .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open &gt; .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none;
            }

.btn-group-lg &gt; .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-group-sm &gt; .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs &gt; .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown, .dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    /*min-width: 160px;*/
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu &gt; li &gt; a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu &gt; li &gt; a:focus, .dropdown-menu &gt; li &gt; a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:focus, .dropdown-menu &gt; .active &gt; a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-menu &gt; .disabled &gt; a, .dropdown-menu &gt; .disabled &gt; a:focus, .dropdown-menu &gt; .disabled &gt; a:hover {
        color: #777;
    }

        .dropdown-menu &gt; .disabled &gt; a:focus, .dropdown-menu &gt; .disabled &gt; a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

.open &gt; .dropdown-menu {
    display: block;
}

.open &gt; a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right &gt; .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        /*left: auto;*/
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-vertical &gt; .btn, .btn-group &gt; .btn {
        position: relative;
        float: left;
    }

        .btn-group-vertical &gt; .btn.active, .btn-group-vertical &gt; .btn:active, .btn-group-vertical &gt; .btn:focus, .btn-group-vertical &gt; .btn:hover, .btn-group &gt; .btn.active, .btn-group &gt; .btn:active, .btn-group &gt; .btn:focus, .btn-group &gt; .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar &gt; .btn, .btn-toolbar &gt; .btn-group, .btn-toolbar &gt; .input-group {
        margin-left: 5px;
    }

.btn-group &gt; .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group &gt; .btn:first-child {
    margin-left: 0;
}

    .btn-group &gt; .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group &gt; .btn:last-child:not(:first-child), .btn-group &gt; .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group &gt; .btn-group {
    float: left;
}

    .btn-group &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
        border-radius: 0;
    }

    .btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, .btn-group &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group &gt; .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group &gt; .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical &gt; .btn, .btn-group-vertical &gt; .btn-group, .btn-group-vertical &gt; .btn-group &gt; .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical &gt; .btn-group &gt; .btn {
        float: none;
    }

    .btn-group-vertical &gt; .btn + .btn, .btn-group-vertical &gt; .btn + .btn-group, .btn-group-vertical &gt; .btn-group + .btn, .btn-group-vertical &gt; .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical &gt; .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical &gt; .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical &gt; .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
        border-radius: 0;
    }

    .btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .btn:last-child, .btn-group-vertical &gt; .btn-group:first-child:not(:last-child) &gt; .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical &gt; .btn-group:last-child:not(:first-child) &gt; .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified &gt; .btn, .btn-group-justified &gt; .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified &gt; .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified &gt; .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle=buttons] &gt; .btn input[type=checkbox], [data-toggle=buttons] &gt; .btn input[type=radio], [data-toggle=buttons] &gt; .btn-group &gt; .btn input[type=checkbox], [data-toggle=buttons] &gt; .btn-group &gt; .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg &gt; .form-control, .input-group-lg &gt; .input-group-addon, .input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg &gt; .form-control, select.input-group-lg &gt; .input-group-addon, select.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-group-lg &gt; .form-control, select[multiple].input-group-lg &gt; .input-group-addon, select[multiple].input-group-lg &gt; .input-group-btn &gt; .btn, textarea.input-group-lg &gt; .form-control, textarea.input-group-lg &gt; .input-group-addon, textarea.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: auto;
}

.input-group-sm &gt; .form-control, .input-group-sm &gt; .input-group-addon, .input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm &gt; .form-control, select.input-group-sm &gt; .input-group-addon, select.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-group-sm &gt; .form-control, select[multiple].input-group-sm &gt; .input-group-addon, select[multiple].input-group-sm &gt; .input-group-btn &gt; .btn, textarea.input-group-sm &gt; .form-control, textarea.input-group-sm &gt; .input-group-addon, textarea.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: auto;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group &gt; .btn, .input-group-btn:first-child &gt; .dropdown-toggle, .input-group-btn:last-child &gt; .btn-group:not(:last-child) &gt; .btn, .input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child &gt; .btn-group:not(:first-child) &gt; .btn, .input-group-btn:first-child &gt; .btn:not(:first-child), .input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group &gt; .btn, .input-group-btn:last-child &gt; .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn &gt; .btn {
        position: relative;
    }

        .input-group-btn &gt; .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn &gt; .btn:active, .input-group-btn &gt; .btn:focus, .input-group-btn &gt; .btn:hover {
            z-index: 2;
        }

    .input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group {
        margin-left: -1px;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav &gt; li {
        position: relative;
        display: block;
    }

        .nav &gt; li &gt; a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav &gt; li &gt; a:focus, .nav &gt; li &gt; a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav &gt; li.disabled &gt; a {
            color: #777;
        }

            .nav &gt; li.disabled &gt; a:focus, .nav &gt; li.disabled &gt; a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open &gt; a, .nav .open &gt; a:focus, .nav .open &gt; a:hover {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav &gt; li &gt; a &gt; img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs &gt; li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs &gt; li &gt; a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs &gt; li &gt; a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:focus, .nav-tabs &gt; li.active &gt; a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified &gt; li {
            float: none;
        }

            .nav-tabs.nav-justified &gt; li &gt; a {
                margin-bottom: 5px;
                text-align: center;
            }

        .nav-tabs.nav-justified &gt; .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified &gt; li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified &gt; li &gt; a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified &gt; li &gt; a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified &gt; .active &gt; a, .nav-tabs.nav-justified &gt; .active &gt; a:focus, .nav-tabs.nav-justified &gt; .active &gt; a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified &gt; li &gt; a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified &gt; .active &gt; a, .nav-tabs.nav-justified &gt; .active &gt; a:focus, .nav-tabs.nav-justified &gt; .active &gt; a:hover {
        border-bottom-color: #fff;
    }
}

.nav-pills &gt; li {
    float: left;
}

    .nav-pills &gt; li &gt; a {
        border-radius: 4px;
    }

    .nav-pills &gt; li + li {
        margin-left: 2px;
    }

    .nav-pills &gt; li.active &gt; a, .nav-pills &gt; li.active &gt; a:focus, .nav-pills &gt; li.active &gt; a:hover {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked &gt; li {
    float: none;
}

    .nav-stacked &gt; li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified &gt; li {
        float: none;
    }

        .nav-justified &gt; li &gt; a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified &gt; .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width:768px) {
    .nav-justified &gt; li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified &gt; li &gt; a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified &gt; li &gt; a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified &gt; .active &gt; a, .nav-tabs-justified &gt; .active &gt; a:focus, .nav-tabs-justified &gt; .active &gt; a:hover {
        border: 1px solid #ddd;
    }

@media (min-width:768px) {
    .nav-tabs-justified &gt; li &gt; a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified &gt; .active &gt; a, .nav-tabs-justified &gt; .active &gt; a:focus, .nav-tabs-justified &gt; .active &gt; a:hover {
        border-bottom-color: #fff;
    }
}

.tab-content &gt; .tab-pane {
    display: none;
}

.tab-content &gt; .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width:480px)and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid &gt; .navbar-collapse, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container &gt; .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container-fluid &gt; .navbar-collapse, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container &gt; .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand &gt; img {
        display: block;
    }

@media (min-width:768px) {
    .navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav &gt; li &gt; a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu &gt; li &gt; a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu &gt; li &gt; a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
                background-image: none;
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav &gt; li {
            float: left;
        }

            .navbar-nav &gt; li &gt; a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group &gt; .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav &gt; li &gt; .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav &gt; li &gt; .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav &gt; li &gt; a {
        color: #777;
    }

        .navbar-default .navbar-nav &gt; li &gt; a:focus, .navbar-default .navbar-nav &gt; li &gt; a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav &gt; .active &gt; a, .navbar-default .navbar-nav &gt; .active &gt; a:focus, .navbar-default .navbar-nav &gt; .active &gt; a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav &gt; .disabled &gt; a, .navbar-default .navbar-nav &gt; .disabled &gt; a:focus, .navbar-default .navbar-nav &gt; .disabled &gt; a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav &gt; .open &gt; a, .navbar-default .navbar-nav &gt; .open &gt; a:focus, .navbar-default .navbar-nav &gt; .open &gt; a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus, .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus, .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav &gt; li &gt; a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav &gt; li &gt; a:focus, .navbar-inverse .navbar-nav &gt; li &gt; a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav &gt; .active &gt; a, .navbar-inverse .navbar-nav &gt; .active &gt; a:focus, .navbar-inverse .navbar-nav &gt; .active &gt; a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav &gt; .disabled &gt; a, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav &gt; .open &gt; a, .navbar-inverse .navbar-nav &gt; .open &gt; a:focus, .navbar-inverse .navbar-nav &gt; .open &gt; a:hover {
        color: #fff;
        background-color: #080808;
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb &gt; li {
        display: inline-block;
    }

        .breadcrumb &gt; li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb &gt; .active {
        color: #777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination &gt; li {
        display: inline;
    }

        .pagination &gt; li &gt; a, .pagination &gt; li &gt; span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination &gt; li:first-child &gt; a, .pagination &gt; li:first-child &gt; span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination &gt; li:last-child &gt; a, .pagination &gt; li:last-child &gt; span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination &gt; li &gt; a:focus, .pagination &gt; li &gt; a:hover, .pagination &gt; li &gt; span:focus, .pagination &gt; li &gt; span:hover {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination &gt; .active &gt; a, .pagination &gt; .active &gt; a:focus, .pagination &gt; .active &gt; a:hover, .pagination &gt; .active &gt; span, .pagination &gt; .active &gt; span:focus, .pagination &gt; .active &gt; span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination &gt; .disabled &gt; a, .pagination &gt; .disabled &gt; a:focus, .pagination &gt; .disabled &gt; a:hover, .pagination &gt; .disabled &gt; span, .pagination &gt; .disabled &gt; span:focus, .pagination &gt; .disabled &gt; span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg &gt; li &gt; a, .pagination-lg &gt; li &gt; span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg &gt; li:first-child &gt; a, .pagination-lg &gt; li:first-child &gt; span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg &gt; li:last-child &gt; a, .pagination-lg &gt; li:last-child &gt; span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm &gt; li &gt; a, .pagination-sm &gt; li &gt; span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm &gt; li:first-child &gt; a, .pagination-sm &gt; li:first-child &gt; span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm &gt; li:last-child &gt; a, .pagination-sm &gt; li:last-child &gt; span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li &gt; a, .pager li &gt; span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li &gt; a:focus, .pager li &gt; a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next &gt; a, .pager .next &gt; span {
        float: right;
    }

    .pager .previous &gt; a, .pager .previous &gt; span {
        float: left;
    }

    .pager .disabled &gt; a, .pager .disabled &gt; a:focus, .pager .disabled &gt; a:hover, .pager .disabled &gt; span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-group-xs &gt; .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active &gt; .badge, .nav-pills &gt; .active &gt; a &gt; .badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item &gt; .badge {
    float: right;
}

    .list-group-item &gt; .badge + .badge {
        margin-right: 5px;
    }

.nav-pills &gt; li &gt; a &gt; .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron &gt; hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail a &gt; img, .thumbnail &gt; img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert &gt; p, .alert &gt; ul {
        margin-bottom: 0;
    }

        .alert &gt; p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right, .media &gt; .pull-right {
    padding-left: 10px;
}

.media-left, .media &gt; .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus, a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading &gt; .small, .list-group-item.active .list-group-item-heading &gt; small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading &gt; .small, .list-group-item.active:focus .list-group-item-heading &gt; small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading &gt; .small, .list-group-item.active:hover .list-group-item-heading &gt; small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading &gt; .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title &gt; .small, .panel-title &gt; .small &gt; a, .panel-title &gt; a, .panel-title &gt; small, .panel-title &gt; small &gt; a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel &gt; .list-group, .panel &gt; .panel-collapse &gt; .list-group {
    margin-bottom: 0;
}

    .panel &gt; .list-group .list-group-item, .panel &gt; .panel-collapse &gt; .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel &gt; .list-group:first-child .list-group-item:first-child, .panel &gt; .panel-collapse &gt; .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel &gt; .list-group:last-child .list-group-item:last-child, .panel &gt; .panel-collapse &gt; .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel &gt; .panel-collapse &gt; .table, .panel &gt; .table, .panel &gt; .table-responsive &gt; .table {
    margin-bottom: 0;
}

    .panel &gt; .panel-collapse &gt; .table caption, .panel &gt; .table caption, .panel &gt; .table-responsive &gt; .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel &gt; .table-responsive:first-child &gt; .table:first-child, .panel &gt; .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, .panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child, .panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child, .panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel &gt; .table-responsive:last-child &gt; .table:last-child, .panel &gt; .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, .panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child, .panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child, .panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel &gt; .panel-body + .table, .panel &gt; .panel-body + .table-responsive, .panel &gt; .table + .panel-body, .panel &gt; .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel &gt; .table &gt; tbody:first-child &gt; tr:first-child td, .panel &gt; .table &gt; tbody:first-child &gt; tr:first-child th {
        border-top: 0;
    }

.panel &gt; .table-bordered, .panel &gt; .table-responsive &gt; .table-bordered {
    border: 0;
}

    .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child {
        border-left: 0;
    }

    .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, .panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child {
        border-right: 0;
    }

    .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, .panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th, .panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, .panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th {
        border-bottom: 0;
    }

    .panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, .panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td, .panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {
        border-bottom: 0;
    }

.panel &gt; .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse &gt; .list-group, .panel-group .panel-heading + .panel-collapse &gt; .panel-body {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default &gt; .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #ddd;
        }

        .panel-default &gt; .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary &gt; .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary &gt; .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success &gt; .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success &gt; .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info &gt; .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info &gt; .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning &gt; .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning &gt; .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger &gt; .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger &gt; .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger &gt; .panel-footer + .panel-collapse &gt; .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover &gt; .arrow, .popover &gt; .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover &gt; .arrow {
    border-width: 11px;
}

    .popover &gt; .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top &gt; .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top &gt; .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right &gt; .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right &gt; .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom &gt; .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom &gt; .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left &gt; .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left &gt; .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner &gt; .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner &gt; .item &gt; a &gt; img, .carousel-inner &gt; .item &gt; img {
            line-height: 1;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner &gt; .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

        .carousel-inner &gt; .item.active.right, .carousel-inner &gt; .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner &gt; .item.active.left, .carousel-inner &gt; .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner &gt; .item.active, .carousel-inner &gt; .item.next.left, .carousel-inner &gt; .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner &gt; .active, .carousel-inner &gt; .next, .carousel-inner &gt; .prev {
    display: block;
}

.carousel-inner &gt; .active {
    left: 0;
}

.carousel-inner &gt; .next, .carousel-inner &gt; .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner &gt; .next {
    left: 100%;
}

.carousel-inner &gt; .prev {
    left: -100%;
}

    .carousel-inner &gt; .next.left, .carousel-inner &gt; .prev.right {
        left: 0;
    }

.carousel-inner &gt; .active.left {
    left: -100%;
}

.carousel-inner &gt; .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.btn-group-vertical &gt; .btn-group:after, .btn-group-vertical &gt; .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical &gt; .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md, th.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print, th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano &gt; .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano &gt; .pane &gt; .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover &gt; .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: .6;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #e74c3c;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
  display: inline;
}

.md-content &gt; div {
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}



/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #000;
} 


.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

@-moz-keyframes blink {
  10% {opacity: 1}
  20% {opacity: 0.8}
	30% {opacity: 0.7}
  40% {opacity: 0.5}
  50% {opacity: 0.4}
  60% {opacity: 0.5}
  70% {opacity: 0.6}
	80% {opacity: 0.7}
  90% {opacity: 0.9}
  100% {opacity: 1}
}

@-webkit-keyframes blink {
  10% {opacity: 1}
  20% {opacity: 0.8}
	30% {opacity: 0.7}
  40% {opacity: 0.5}
  50% {opacity: 0.4}
  60% {opacity: 0.5}
  70% {opacity: 0.6}
	80% {opacity: 0.7}
  90% {opacity: 0.9}
  100% {opacity: 1}
}

@-keyframes blink {
  10% {opacity: 1}
  20% {opacity: 0.8}
	30% {opacity: 0.7}
  40% {opacity: 0.5}
  50% {opacity: 0.4}
  60% {opacity: 0.5}
  70% {opacity: 0.6}
	80% {opacity: 0.7}
  90% {opacity: 0.9}
  100% {opacity: 1}
}

#afterclose {
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
	animation: blink 1s infinite;
}

.highlighted {
  box-shadow: 0 0 1px 2px #FFF;
}

@media screen and (min-width:320px) and (max-width:736px) {
    #for-btn{
        font-size:14px !important; 
    }
}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_filter {
    text-align: left;
}

    div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
        width: 100%;
        margin: 0px 0px 0px -6px;
    }

    div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 100%;
    }

div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_paginate ul.pagination {
        /*margin: 2px 0;*/
        /*Commented By Mayur Sahu*/
        margin:0;
        white-space: nowrap;
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper &gt; div.row &gt; div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate {
        text-align: center;
    }

    div.DTTT {
        margin-bottom: 0.5em;
    }
}


table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        position: relative;
    }

        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after {
            position: absolute;
            /*top: 8px;*/
            /*COmmented by Mayur Sahu*/
            top:15px;
            right: 8px;
            display: block;
            font-family: 'Glyphicons Halflings';
            opacity: 0.5;
        }

        table.dataTable thead .sorting:after {
            opacity: 0.2;
            content: "\e150"; /* sort */
        }

        table.dataTable thead .sorting_asc:after {
            content: "\e155"; /* sort-by-attributes */
        }

        table.dataTable thead .sorting_desc:after {
            content: "\e156"; /* sort-by-attributes-alt */
        }

div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

table.dataTable thead &gt; tr &gt; th {
    padding-right: 30px;
}

table.dataTable th:active {
    outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead &gt; tr &gt; th {
    padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
    top: 6px;
    right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    div.dataTables_scrollHead table thead tr:last-child th:first-child,
    div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */

/*Commented By Bhupesh for table boreder and manged in Customized.css*/
/*table.table-bordered.dataTable {
	border-collapse: separate !important;
}*/
table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}




/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
    background-color: #08C;
    color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th &gt; a,
.table.dataTable tbody tr.active td &gt; a {
    color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn:hover {
    text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

    ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important; /* needed only when demo_page.css is included */
    }

    ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
    }

        ul.DTTT_dropdown.dropdown-menu li:hover a {
            background-color: #0088cc;
            color: white !important;
        }

div.DTTT_collection_background {
    z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    opacity: 0.95;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

    div.DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
    }

    div.DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
    }

div.dataTables_processing {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #2494F2;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248, 248, 248,0)), color-stop(25%, rgba(248, 248, 248,0.9)), color-stop(75%, rgba(248, 248, 248,0.9)), color-stop(100%, rgba(248, 248, 248,0)));
    background: -webkit-linear-gradient(left, rgba(248, 248, 248,0) 0%, rgba(248, 248, 248,0.9) 25%, rgba(248, 248, 248,0.9) 75%, rgba(248, 248, 248,0) 100%);
    background: -moz-linear-gradient(left, rgba(248, 248, 248,0) 0%, rgba(248, 248, 248,0.9) 25%, rgba(248, 248, 248,0.9) 75%, rgba(248, 248, 248,0) 100%);
    background: -ms-linear-gradient(left, rgba(248, 248, 248,0) 0%, rgba(248, 248, 248,0.9) 25%, rgba(248, 248, 248,0.9) 75%, rgba(248, 248, 248,0) 100%);
    background: -o-linear-gradient(left, rgba(248, 248, 248,0) 0%, rgba(248, 248, 248,0.9) 25%, rgba(248, 248, 248,0.9) 75%, rgba(248, 248, 248,0) 100%);
    background: linear-gradient(to right, rgba(248, 248, 248,0) 0%, rgba(248, 248, 248,0.9) 25%, rgba(248, 248, 248,0.9) 75%, rgba(248, 248, 248,0) 100%);
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
    display: none;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important;
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker&gt;div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */

 .daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs&gt;div {
  float: left;
}

.daterangepicker .ranges .range_inputs&gt;div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .calendar.single .calendar-date {
  border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .ranges label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left; 
  padding-left: 11px
}

.daterangepicker th.month {
  width: auto;
}
/* ========================================================================
 * bootstrap-switch - v3.0.0
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;min-width:100px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch.bootstrap-switch-mini{min-width:71px}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.bootstrap-switch.bootstrap-switch-small{min-width:79px}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.bootstrap-switch.bootstrap-switch-large{min-width:120px}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container{margin-left:0}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container{margin-left:-50%}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-readonly{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{cursor:default!important}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch .bootstrap-switch-container{display:inline-block;width:150%;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block!important;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off{text-align:center;z-index:1;width:33.33333333%}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{color:#fff;background:#428bca}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:33.33333333%;color:#333;background:#fff}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:-1}
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice &gt; .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    /*min-height: 100%;
    min-width: 100%;*/
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub &gt; li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub &gt; li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children &gt; .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  opacity: 1;
}

/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs &amp; License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
	}
	
.fc-view {
	width: 100%;
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* &lt;th&gt;, usually */
.fc-widget-content {  /* &lt;td&gt;, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* &lt;td&gt; today cell */ /* TODO: add .fc-today to &lt;th&gt; */
	background: #fcf8e3;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &amp;lsaquo; &amp;rsaquo; &amp;laquo; &amp;raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &amp;lsaquo; &amp;rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container &gt; * {
	z-index: 8;
	}

.fc-event-container &gt; .ui-draggable-dragging,
.fc-event-container &gt; .ui-resizable-resizing {
	z-index: 9;
	}
	 
.fc-event {
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: .85em;
	cursor: default;
	}

a.fc-event {
	text-decoration: none;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	

/*!
 * FullCalendar v1.6.4 Print Stylesheet
 * Docs &amp; License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the &lt;link&gt; tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */
 
 
 /* Events
-----------------------------------------------------*/
 
.fc-event {
	background: #fff !important;
	color: #000 !important;
	}
	
/* for vertical events */
	
.fc-event-bg {
	display: none !important;
	}
	
.fc-event .ui-resizable-handle {
	display: none !important;
	}
	
	

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*CONFIG AND GENERAL STYLE*/
/*Paths*/
/*General colors palette*/
/*General elements*/
/*Sidebar*/
/*Footer*/
/*colors palette*/
/*social colors*/
/*Functions*/

html {
    height: 100%;
}
body {
    position: relative;
    padding: 0;
    background-color: #F6F6F6;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #555;
    opacity: 0;
    margin-left: -20px;
    height: 100%;
    width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
a {
    color: #3380FF;
    text-decoration: none;
    outline: 0 none;
}
a:focus,
a:hover,
a:active {
    outline: 0 none;
    text-decoration: none;
    color: #3078ef;
}
p {
    font-size: 14px;
    line-height: 22px;
}
b {
    font-weight: 400;
}
blockquote p {
    font-size: 15px;
}
ul {
    padding-left: 0px;
    list-style-position: inside;
}
.big-text {
    font-size: 61px;
    line-height: 70px !important;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
    padding-bottom: 5px;
}
.jumbotron {
    margin-top: 20px;
}
.back-to-top {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 9999;
    text-decoration: none;
    color: #FFF;
    background-color: #272930;
    font-size: 12px;
    padding: 9px 13px 9px 14px;
    display: none;
    transition: all 0.5s linear;
}
.back-to-top i {
    font-size: 15px;
}
.back-to-top:hover,
.back-to-top:focus {
    color: #FFF;
    background-color: #2a2c34;
}
.dash-cols .block .no-padding {
    padding: 0;
}
.hthin {
    font-family: "Raleway", Helvetica, sans-serif !important;
    font-weight: 100 !important;
}
/*Pre &amp; Code*/

pre {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-top: 10px;
}
/*CONTENT*/

.cont h2 {
    /*font-family: "Raleway", Helvetica, sans-serif;*/
    
    font-size: 32px;
    font-weight: 100;
    line-height: 38px;
    margin: 0 0 10px 0;
}
.fc-header-left h2 {
    font-size: 27px;
}
.cont h5 {
    font-size: 13px;
    font-weight: 200;
    line-height: 21px;
}
.cont p {
    color: #333;
    font-size: 13px;
    font-weight: 200;
    line-height: 23px;
}
.cont b {
    font-weight: 400;
}
/*Well*/

.well p:last-child {
    margin: 0;
}
/*Text Colors*/

.color-primary {
    color: #3078EF;
}
.color-primary.fa {
    color: #4C94FF;
}
.color-success {
    color: #5FBF5F;
}
.color-warning {
    color: #FC9700;
}
.color-danger {
    color: #ee5037;
}
/*HEADER*/
/*navigation*/

.navbar h2 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    margin: 0;
    padding: 0px 0;
    display: table;
    width: 100%;
}
.navbar h2 span {
    display: table-cell;
    width: 100%;
    height: 52px;
    vertical-align: middle;
    text-align: center;
}
.navbar .logoName {
    padding-left: 5px;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    left: 105px;
    white-space: nowrap;
}
.navbar .navbar-brand img {
    display: inline-block;
    margin-left: -15px;
    width:110px; 
    height:73px;
}
.navbar {
    border: 0;
    background-color: #2494F2;
    margin-bottom: 15px;
}
.navbar &gt; .container-fluid .navbar-brand {
    margin-left: 0;
    padding: 0;
    color: #FFF;
    display: inline-block;
}
.navbar-default .cl-toggle {
    display: none;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFF;
}
.navbar-default .navbar-nav &gt; .active &gt; a,
.navbar-default .navbar-nav &gt; .active &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:focus {
    background-color: #1374c5;
    color: #fff;
}
.navbar-default .navbar-nav &gt; li &gt; a {
    color: #fff;
}
.navbar-default .navbar-nav &gt; li.button {
    padding: 10px 6px;
    float: left;
}
.navbar-default .navbar-nav &gt; li.button &gt; a {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 30px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-align: center;
}
.navbar-default .navbar-nav &gt; li.button &gt; a:hover {
    background: rgba(255, 255, 255, 0.07);
}
.navbar-default .navbar-nav &gt; li.button &gt; a:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
}
.navbar-default .navbar-nav &gt; li.button &gt; a &gt; i {
    font-size: 14px;
}
.navbar-default .navbar-nav &gt; li.button .bubble {
    position: absolute;
    top: -6px;
    left: 20px;
    background-color: #e44c34;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color: #E23923 #D83722 #C0311E;
    border-left: 1px solid #D83722;
    border-width: 1px;
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25);
    padding: 1px 3px 1px 2px;
    font: bold 9px Tahoma;
}
.navbar-default .navbar-nav &gt; li.button.open:after {
    position: absolute;
    bottom: 0;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
    left: 50%;
    margin-left: -6px;
}
.navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #FFF;
}
.navbar-nav &gt; li.button .dropdown-menu {
    padding: 0;
    min-width: 260px;
    max-width: 280px;
}
.navbar-nav &gt; li.button .dropdown-menu .content &gt; ul {
    padding: 0;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li ul &gt; li &gt; a {
    font-weight: 300;
    color: #444;
    padding: 11px 10px;
    padding-left: 33px;
    border-bottom: 1px solid #ececec;
    position: relative;
}
.navbar-default .navbar-nav &gt; li.button .messages li ul &gt; li &gt; a {
    padding: 12px 10px;
    padding-left: 48px;
    white-space: normal;
    line-height: 16px;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a:hover {
    color: #444;
    background: #F8F8F8;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li:last-child &gt; a {
    border-bottom: 0;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a &gt; i {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 20px;
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 14px;
}
.navbar-default .navbar-nav &gt; li.button .messages li &gt; a &gt; img {
    position: absolute;
    left: 10px;
    top: 16px;
    height: 30px;
    width: 30px;
}
.navbar-default .navbar-nav &gt; li.button .messages li &gt; a .name {
    display: block;
    color: #555555;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a &gt; i.success {
    color: #60C060;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a &gt; i.info {
    color: #2394f2;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a &gt; i.warning {
    color: #FC9700;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li &gt; a &gt; i.danger {
    color: #DA4932;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .nano {
    height: 200px;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu li a .date {
    display: block;
    font-size: 11px;
    color: #999999;
    font-style: italic;
    line-height: 18px;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .title {
    font-size: 12px;
    font-weight: 300;
    border-bottom: 1px solid #DDDDDF;
    padding: 8px 17px;
    color: #444;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .title a:hover {
    background: transparent;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .foot {
    padding: 0;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .foot &gt; li {
    list-style: none;
}
.navbar-default .navbar-nav &gt; li.button .dropdown-menu .foot a {
    background: #F7F7F7;
    padding: 8px 17px;
    color: #444;
    text-align: center;
}
/*Dropdown Sub menu*/

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu &gt; .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.dropdown-submenu:hover &gt; .dropdown-menu {
    display: block;
}
.dropdown-submenu &gt; a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover &gt; a:after {
    border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left &gt; .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.dropdown-menu &gt; li &gt; a:hover,
.dropdown-menu &gt; li &gt; a:focus,
.dropdown-submenu:hover &gt; a,
.dropdown-menu li &gt; a:hover {
    background-color: #2391ed;
    background-image: none;
    color: #FFF;
}
.navbar-default .navbar-nav &gt; li &gt; .dropdown-menu {
    border-top: 0;
}
.navbar-default .navbar-nav &gt; .dropdown &gt; a .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.navbar-default .navbar-nav &gt; .dropdown &gt; a:hover .caret,
.navbar-default .navbar-nav &gt; .dropdown &gt; a:focus .caret {
    border-bottom-color: #fff;
    border-top-color: #FFF;
}
.navbar-default .navbar-nav &gt; .open &gt; a,
.navbar-default .navbar-nav &gt; .open &gt; a:hover,
.navbar-nav &gt; .open &gt; a:focus {
    background-color: #1374c5;
    color: #FFF;
}
.navbar-default .navbar-nav &gt; .open &gt; a,
.navbar-default .navbar-nav &gt; .open &gt; a:hover,
.navbar-default .navbar-nav &gt; .open &gt; a:focus {
    background-color: #1374c5;
    color: #FFF;
}
.navbar-default .navbar-nav &gt; li &gt; a:hover,
.navbar-nav &gt; li &gt; a:focus {
    color: #FFF;
}
.navbar-default .navbar-toggle {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    padding: 6px 10px;
}
.navbar-default .navbar-toggle:hover {
    background: rgba(255, 255, 255, 0.07);
}
.navbar-default .navbar-toggle:active {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
}
.navbar-default .navbar-toggle:focus {
    background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .fa {
    color: #FFFFFF;
    font-size: 18px;
}
.navbar-collapse {
    max-height: none !important;
    position: relative;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}
/*Navbar Inverse*/

.navbar.navbar-inverse {
    background-color: #272930;
}
.navbar-inverse .navbar-brand {
    color: #FFF;
}
.navbar-inverse .navbar-nav &gt; .active &gt; a,
.navbar-inverse .navbar-nav &gt; .active &gt; a:hover,
.navbar-inverse .navbar-nav &gt; .active &gt; a:focus {
    background-color: #1A1C20;
}
.navbar-inverse .navbar-nav &gt; .open &gt; a,
.navbar-inverse .navbar-nav &gt; .open &gt; a:hover,
.navbar-inverse .navbar-nav &gt; .open &gt; a:focus {
    background-color: #1A1C20;
}
.navbar-inverse .navbar-toggle {
    border-color: #32353E;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #2c2e36;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #292A30;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        height: 2px;
        background-color: #1A1C20;
        border-bottom: 1px solid #32353E;
    }
}
.caret {
    border-top-style: solid;
}
.dropdown-menu &gt; li &gt; a,
.dropdown-menu li &gt; a {
    font-size: 12px;
    padding: 5px;
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
}
.dropdown-header {
    color: #2083D6;
    margin-top: 6px;
    padding-left: 11px;
    cursor: pointer;
}
.dropdown-header i {
    font-size: 14px;
    margin-right: 4px;
    vertical-align: middle;
}
.dropdown-menu {
    background-clip: none;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
}
.col-menu-2 {
    min-width: 405px;
    padding-bottom: 10px;
    padding-top: 7px;
}
.col-menu-2 &gt; li:first-child ul {
    border-right: 1px solid #E8E8E8;
}
.col-menu-2 &gt; li &gt; ul &gt; li a {
    padding-left: 32px;
}
.col-menu-2 &gt; li &gt; ul {
    padding: 0;
}
.col-menu-2 &gt; li &gt; ul &gt; li {
    list-style: none;
}
/*END - Dropdown menu*/
/*Profile menu*/

.profile_menu {
    margin-left: 10px;
    cursor: pointer;
    background: #1374c5;
    min-width: 130px;
}
.profile_menu &gt; a {
    background: #1374c5;
}
.profile_menu .dropdown-toggle {
    padding: 10px 10px 20px 10px;
    vertical-align: middle;
    height: 52px;
}
.profile_menu .dropdown-toggle span {
    display: inline-block;
    margin-top: 4px;
    margin-right: 3px;
}
.profile_menu img {
    margin-right: 3px;
    border-radius: 50%;
}
.not-nav {
    margin: 0 !important;
}
.navbar-collapse.in .not-nav &gt; li {
    float: none !important;
    display: inline-block;
    padding: 10px 5px;
}
.user-nav {
    margin: 0;
    margin-right: -15px;
}
/*END - Profile menu*/
/*Page Title*/

.page-head {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
    padding: 20px 25px;
    position: relative;
}
.page-head h2 {
    margin-bottom: 5px;
    margin-top: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}
.page-head .breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
    padding: 4px;
}
.page-aside {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 280px;
    height: 100%;
    position: relative;
    display: table-cell;
    border-right: 1px solid #E9E9E9;
}
.page-aside &gt; div {
    width: 280px;
}
.page-aside div.fixed {
    position: fixed;
    height: 100%;
}
.page-aside div.content {
    padding: 20px 20px;
}
@media (max-width: 767px) {
    .page-aside {
        width: 100%;
        display: block;
        height: auto;
        position: relative;
    }
    .page-aside div.fixed,
    .page-aside &gt; div {
        width: 100%;
        display: block;
        position: relative;
    }
}
/*BODY*/

.cl-mcont {
    background-color: #F6F6F6;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    padding: 15px;
    margin-top: 0;
}
.cl-mcont.white {
    background: #fff;
}
.cl-mcont h1 {
    line-height: 1.3em;
}
#cl-wrapper {
    padding-top: 50px;
}
#cl-wrapper .cl-body {
    display: table;
    width: 100%;
}
#cl-wrapper .cl-footer {
    padding: 20px 0;
    display: table;
    width: 100%;
    background-color: #22242a;
    color: #c9d4f6;
}
#cl-wrapper .cl-footer &gt; .row {
    display: block;
    margin: 0;
}
/*Vertical Navigation*/

.cl-sidebar {
    background: #272930;
    position: absolute;
    width: 216px;
    z-index: 2;
}
.cl-sidebar .cl-navblock .search-field {
    text-align: right;
}
.cl-sidebar .cl-navblock .search-field #sidebar-collapse &gt; i {
    color: #ffffff;
}
.cl-sidebar .cl-toggle {
    display: none;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}
.cl-sidebar .cl-toggle i {
    font-size: 24px;
    color: #C9D4F6;
}
.cl-vnavigation {
    margin: 0 0 0 0;
    padding: 0;
    border-top: 1px solid #1a1c20;
    border-bottom: 1px solid #2f323a;
}
.cl-vnavigation .parent a {
    background: url("../img/arrow.png") no-repeat right 14px top 18px;
}
.cl-vnavigation .parent.open &gt; a {
    background-image: url("../img/arrow_up.png");
}
.cl-vnavigation li a {
    border-top: 1px solid #32353e;
    border-bottom: 1px solid #1a1c20;
    display: block;
    padding: 14px 18px 13px 15px;
    color: #c9d4f6;
    font-size: 12px;
    font-weight: 300;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    transition: all 0.6s linear;
}
.cl-vnavigation li:not(.empty) a:hover {
    background-color: #2a2c34;
    border-color: #3680BF;
}
.cl-vnavigation li.empty a {
    cursor: default;
}
/*Collapsed Sidebar*/

.sb-collapsed .cl-sidebar {
    width: 55px;
}
.sb-collapsed .cl-vnavigation li {
    position: relative;
}
.sb-collapsed .cl-vnavigation .parent a {
    background-image: none;
}
#cl-wrapper.sb-collapsed .cl-sidebar .cl-vnavigation {
    padding-bottom: 66px;
}
.sb-collapsed .cl-vnavigation li a i {
    margin: 0;
    font-size: 17px;
}
.sb-collapsed .cl-vnavigation &gt; li &gt; a &gt; span {
    opacity: 0;
    width: 0;
    height: 0;
}
#cl-wrapper.animate-collapse .cl-sidebar {
    -webkit-transition: width 300ms linear;
    /* Chrome 1-25, Safari 3.2+ */
    
    -moz-transition: width 300ms linear;
    /* Firefox 4-15 */
    
    -o-transition: width 300ms linear;
    /* Opera 10.50�12.00 */
    
    transition: width 500ms linear;
}
#cl-wrapper.animate-collapse #pcont {
    transition: margin 500ms ease;
}
#cl-wrapper.animate-collapse .cl-vnavigation li a span {
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}
#cl-wrapper.animate-collapse .cl-vnavigation li a i {
    -webkit-transition: margin 500ms linear, font-size 500ms linear;
    -moz-transition: margin 500ms linear, font-size 500ms linear;
    -o-transition: margin 500ms linear, font-size 500ms linear;
    transition: margin 500ms linear, font-size 500ms linear;
}
.cl-sidebar .collapse-button {
    position: fixed;
    bottom: 0;
}
#cl-wrapper .cl-sidebar .collapse-button {
    left: 179px;
}
#cl-wrapper.sb-collapsed .cl-sidebar .collapse-button {
    left: 5px;
}
.sb-collapsed .cl-sidebar .collapse-button {
    width: 55px;
    text-align: left;
}
.cl-sidebar .collapse-button button {
    margin: 0 !important;
    background: #1F2126;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}
.cl-sidebar .collapse-button button:hover {
    background: #23252A;
}
#cl-wrapper.fixed-menu .menu-space {
    position: fixed;
    width: 216px;
    background: #272930;
}
#cl-wrapper.fixed-menu .menu-space .content {
    outline: none;
}
#cl-wrapper.sb-collapsed.fixed-menu .menu-space {
    width: 55px;
}
#cl-wrapper .cl-sidebar .side-user {
    padding: 18px 10px;
}
#cl-wrapper .cl-sidebar .side-user .info {
    padding: 10px 5px 0;
    color: #c9d4f6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#cl-wrapper .cl-sidebar .side-user .info p {
    font-size: 11px;
}
#cl-wrapper .cl-sidebar .side-user .info p a {
    display: inline-block;
    float: right;
}
#cl-wrapper .cl-sidebar .side-user .info .progress {
    margin-bottom: 15px;
    -webkit-border-radius: 1px;
    /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
    
    border-radius: 1px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    
    height: 6px;
}
#cl-wrapper .cl-sidebar .side-user .avatar {
    display: inline-block;
    margin-right: 3px;
}
#cl-wrapper .cl-sidebar .side-user .avatar img {
    border-radius: 25px;
    margin-right: 5px;
}
#cl-wrapper .cl-sidebar .side-user .info a {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    display: block;
}
#cl-wrapper .cl-sidebar .side-user .info span {
    color: #DBDBDB;
    font-size: 11px;
}
.sb-collapsed .cl-vnavigation li.open ul {
    display: none !important;
}
#sub-menu-nav ul {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    color: #333;
    background: #FFF;
    padding: 5px 0;
    min-width: 190px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-radius: 3px;
}
#sub-menu-nav ul li:first-child {
    padding-top: 0;
}
#sub-menu-nav ul li:last-child {
    padding-bottom: 0;
}
#sub-menu-nav ul li.dropdown-header i {
    text-align: center;
    width: 15px;
}
#sub-menu-nav ul li.dropdown-header {
    padding: 1px 11px;
    padding-bottom: 6px;
}
#sub-menu-nav ul {
    padding: 5px 0;
}
#sub-menu-nav ul li {
    list-style: none;
}
#sub-menu-nav ul li a {
    margin-right: -1px;
    display: block;
    font-size: 11px;
    border-bottom: 0;
    color: #333333;
    text-shadow: none;
    text-align: left;
    background: transparent;
    padding: 6px 20px 6px 31px;
}
#sub-menu-nav ul li a:hover {
    background-color: #2391ED;
    color: #FFF;
}
#sub-menu-nav ul:after {
    background: url("../img/menu-tail-left.png") no-repeat right 10px;
    top: 0px;
    content: "";
    display: inline-block;
    left: -9px;
    height: 43px;
    width: 10px;
    position: absolute;
}
/*End Collapsed*/

.cl-vnavigation li a i {
    text-align: center;
    width: 20px;
    font-size: 14px;
    margin-right: 7px;
}
.cl-vnavigation li a span {
    display: inline-block;
}
.cl-vnavigation li ul {
    background-color: #1A1C20;
    display: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
}
.cl-vnavigation .parent ul li:last-child {
    padding-bottom: 13px;
}
.cl-vnavigation .parent ul li {
    background-color: #1a1c20;
    list-style: none;
}
.cl-vnavigation .parent ul li.dropdown-header {
    display: none;
}
.cl-vnavigation .parent ul li a {
    font-size: 11px;
    background-image: none;
    padding: 7px 18px 7px 42px;
    background-color: #1a1c20;
}
.cl-vnavigation .parent ul li.active a {
    background-color: #1e2025;
    border-left: 1px solid #2494F2;
}
.cl-vnavigation .parent ul li a:hover {
    background-color: #1e2025;
}
.cl-vnavigation .parent ul li a:first-child {
    border-color: transparent;
}
    .cl-vnavigation .parent ul li.active a:first-child {
        border-left: 1px solid #2494F2;
        background: #131519;
    }
.cl-vnavigation .parent ul li a:hover:first-child {
    border-color: #3680BF;
}
.cl-vnavigation .active &gt; a {
    background: #2A2C34;
    border-left: 1px solid #2494F2;
}
.cl-vnavigation .selected:hover a {
    background-color: #2494F2;
}
.cl-vnavigation .selected:hover ul a {
    background-color: #1A1C20;
}
#cl-wrapper {
    display: table;
    width: 100%;
    position: absolute;
    height: 100%;
}
.container-fluid .cl-mcont {
    padding-left: 0;
    padding-right: 0;
}
.cl-mcont .row {
    margin-bottom: 15px;
}
.cl-mcont .col-lg-6 {
    padding: 0 15px;
}
.cl-mcont .block {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
    border: 0;
    margin-bottom: 30px;
    background: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.block-flat,
.block-wizard {
    padding: 15px;
    background: #FFF;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.block-transparent {
    margin-bottom: 40px;
}
.block-transparent .header {
    padding: 0 5px;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 15px;
}
.block-transparent .header h4 {
    font-weight: 400;
}
.block-transparent .header h4 .fa {
    font-size: 14px;
}
/*Forms*/

label {
    font-weight: 300;
    margin-bottom: 7px;
}
.form-group {
    margin-top: 10px;
}
.form-horizontal.group-border .form-group {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.form-horizontal.group-border .form-group:last-child {
    border-bottom: 0;
}
.form-horizontal.group-border-dashed .form-group {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px dashed #efefef;
}
.form-horizontal.group-border-dashed .form-group:last-child {
    border-bottom: 0;
}
.form-control {
    padding: 6px 8px;
    font-size: 12px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.input-group .btn {
    margin: 0 !important;
    /*padding-bottom: 6px;
    padding-top: 6px;*/
    
    box-shadow: none;
    line-height: 20px;
}
.input-group-btn &gt; .btn + .btn {
    margin-left: -5px !important;
}
.input-group-lg &gt; .input-group-addon {
    line-height: 0.33;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.input-group-addon {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 6px 11px;
}
.form-control:focus {
    border-color: #2598f9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
select.form-control,
textarea.form-control {
    padding: 4px 0px;
}
.input-group {
    margin-bottom: 15px;
}
/*Crhome Voice Recognition*/

.speechbutton {
    /*display:none;*/
    
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border: 0;
    background: transparent;
    opacity: 0;
    cursor: pointer;
}
.speech-button i:before {
    position: relative;
    z-index: 2;
}
.speech-button i:after {
    z-index: 1;
    font-family: 'FontAwesome';
    content: "?";
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    opacity: 0;
}
@keyframes blur {
    from {
        font-size: 14px;
        opacity: 1;
        margin-top: 0;
    }
    to {
        font-size: 25px;
        opacity: 0;
        margin-top: -6px;
    }
}
@-webkit-keyframes blur {
    0% {
        font-size: 14px;
        opacity: 1;
        margin-top: 0;
    }
    90% {
        font-size: 25px;
        opacity: 0;
        margin-top: -6px;
    }
    100% {
        font-size: 14px;
    }
}
@-moz-keyframes blur {
    from {
        font-size: 14px;
        opacity: 1;
        margin-top: 0;
    }
    to {
        font-size: 25px;
        opacity: 0;
        margin-top: -6px;
    }
}
@-o-keyframes blur {
    from {
        font-size: 14px;
        opacity: 1;
        margin-top: 0;
    }
    to {
        font-size: 25px;
        opacity: 0;
        margin-top: -6px;
    }
}
.speech-button i.blur:after {
    animation: blur 900ms infinite;
    -webkit-animation: blur 900ms ease infinite;
    -moz-animation: blur 900ms infinite;
    -o-animation: blur 900ms infinite;
}
input::-webkit-input-speech-button {
    -webkit-transform: scale(3, 2.2) translate(-2px, -1px);
    background-color: #fff;
    display: block !important;
}
/*PAGES*/
/*Login*/

#cl-wrapper.login-container,
#cl-wrapper.error-container {
    margin: 0;
}
.login-container .middle-login {
    width: 430px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -170px;
    margin-left: -215px;
}
.login-container .block-flat {
    padding: 0;
    border: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    margin-bottom: 20px;
}
.login-container .block-flat .header {
    padding: 9px 20px;
    background: #2494F2;
    border-bottom: 1px solid #2082D5;
}
.login-container .block-flat .header h3 {
    line-height: 35px;
    margin: 0;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.login-container .header .logo-img {
    margin-right: 3px;
}
.login-container .block-flat .content {
    padding: 30px;
    padding-bottom: 5px;
}
.login-container .block-flat .content .form-control {
    padding: 10px 8px;
    height: auto;
}
.login-container .block-flat .content .form-group {
    margin-bottom: 10px;
}
.login-container .block-flat .content .title {
    margin-top: 0;
    margin-bottom: 20px;
}
.login-container .block-flat .foot {
    text-align: right;
    padding: 0 30px 15px;
}
.login-container .block-flat .foot .btn {
    min-width: 70px;
}
.login-container .block-flat .input-group-addon {
    background: #FAFAFA;
}
.login-container .out-links {
    padding-right: 3px;
}
.login-container .out-links a {
    color: #C9D4F6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
/*Login*/

#cl-wrapper.sign-up-container,
#cl-wrapper.error-container {
    margin: 0;
}
.sign-up-container .middle-sign-up {
    width: 470px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -282px;
    margin-left: -235px;
}
.forgotpassword-container .middle {
    width: 470px;
    margin: 20px auto 0 auto;
}
.sign-up-container .block-flat,
.forgotpassword-container .block-flat {
    padding: 0;
    border: 0;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
}
.sign-up-container .block-flat .header,
.forgotpassword-container .block-flat .header {
    padding: 10px 20px;
    background: #2494f2;
    border-bottom: 1px solid #2494f2;
}
.sign-up-container .block-flat .header h3,
.forgotpassword-container .block-flat .header h3 {
    line-height: 35px;
    margin: 0;
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    position: relative;
}
.sign-up-container .block-flat .content,
.forgotpassword-container .block-flat .content {
    padding: 30px;
    padding-bottom: 20px;
}
.sign-up-container .block-flat .content .form-control,
.forgotpassword-container .block-flat .content .form-control {
    padding: 10px 8px;
    height: auto;
}
.sign-up-container .block-flat .content .form-group {
    margin-bottom: 10px;
}
.sign-up-container .block-flat .content .title {
    margin-top: 0;
    margin-bottom: 20px;
}
.sign-up-container .block-flat .foot,
.forgotpassword-container .block-flat .foot {
    text-align: right;
    padding: 0 30px 15px;
}
.sign-up-container .block-flat .foot .btn,
.forgotpassword-container .block-flat .foot .btn {
    min-width: 70px;
}
.sign-up-container .block-flat .input-group-addon,
.forgotpassword-container .block-flat .input-group-addon {
    background: #FAFAFA;
}
.sign-up-container .out-links,
.forgotpassword-container .out-links {
    padding-right: 3px;
}
.sign-up-container .out-links a,
.forgotpassword-container .out-links a {
    color: #C9D4F6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    .sign-up-container .middle-sign-up {
        width: 100%;
        position: static;
        margin: 0;
    }
    .forgotpassword-container .middle {
        width: 100%;
    }
    .forgotpassword-container {
        padding: 20px;
    }
    .sign-up-container .middle-sign-up .block-flat {
        border-radius: 0;
    }
}
/*404 Page*/

.page-error {
    margin-top: 80px;
    margin-bottom: 40px;
}
.page-error .number {
    color: #FFF;
    font-size: 150px;
    font-family: Arial;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.page-error .description {
    color: #FFF;
    font-size: 40px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.page-error h3 {
    color: #FFF;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.error-container .copy,
.error-container .copy a {
    color: #C9D4F6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
body.texture {
    background: url('../lib/jquery.nanoscroller/images/bg.png');
}
.gallery-cont .item {
    width: 25%;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.gallery-cont .item.w2 {
    width: 50%;
}
.gallery-cont .photo {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
}
.gallery-cont .img {
    position: relative;
}
.gallery-cont .img .over .func {
    margin-top: -80px;
    position: relative;
    top: 50%;
    text-align: center;
    transition: margin-top 200ms ease-in-out;
}
.gallery-cont .img .over .func a {
    display: inline-block;
    height: 50px;
    margin-right: 2px;
    width: 50px;
    margin-right: 10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}
.gallery-cont .img .over .func a:hover {
    background: rgba(255, 255, 255, 0.3);
}
.gallery-cont .img .over .func i {
    font-size: 20px;
    color: #FFF;
    line-height: 2.4;
}
.gallery-cont .item .img .over {
    opacity: 1;
}
.gallery-cont .item .img .over .func {
    margin-top: -25px;
}
.gallery-cont .item .head {
    padding: 10px 10px;
    background: #FFF;
}
.gallery-cont .item .head h4 {
    margin: 0;
    font-size: 17px;
}
.gallery-cont .item .head span {
    color: #BDBDBD;
    font-size: 14px;
}
.gallery-cont .item .head span.active {
    color: #38a8ff;
}
.gallery-cont .item .head .desc {
    color: #999;
    font-size: 12px;
}
.gallery-cont .item img {
    /*width: 100%;*/
}
/*Photo Hover*/

.gallery-cont .item .over {
    top: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}
@media (max-width: 767px) {
    .gallery-cont .item {
        width: 50%;
    }
    .gallery-cont .item.w2 {
        width: 100%;
    }
}
.email .page-title,
.app .page-title {
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 10px;
}
.email .description,
.app .description {
    color: #888;
}
.page-aside.email .header,
.page-aside.app .header {
    padding: 20px;
}
.page-aside.email .content {
    padding: 0;
    padding-bottom: 50px;
}
.page-aside.email .compose {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 25px;
}
.page-aside.email .compose .btn {
    background: #58BE89;
    width: 100%;
    border: 0;
    border-radius: 3px !important;
    max-width: 180px;
}
.page-aside.email .mail-nav,
.page-aside.app .app-nav {
    display: block;
    visibility: visible;
    margin-top: 13px;
    padding: 0;
}
.page-aside.email .navbar-toggle,
.page-aside.app .navbar-toggle {
    background: rgba(0, 0, 0, 0.015);
}
.page-aside.email .navbar-toggle span,
.page-aside.app .navbar-toggle span {
    font-size: 14px;
}
.page-aside.email .mail-nav ul li,
.page-aside.app .app-nav ul.nav li {
    margin: 0;
}
.page-aside.email .mail-nav ul li a,
.page-aside.app .app-nav ul.nav li a {
    border-radius: 0;
    color: #555;
    padding: 12px 15px;
}
.page-aside.email .mail-nav ul li a:hover,
.page-aside.app .app-nav ul.nav li a:hover {
    background: rgba(0, 0, 0, 0.01);
}
.page-aside.email .mail-nav ul li.active a,
.page-aside.app .app-nav ul.nav li.active a {
    color: #555;
    background: rgba(0, 0, 0, 0.025);
}
.page-aside.email .mail-nav ul li a .label,
.page-aside.app .app-nav ul.nav li a .label {
    border-radius: 2px;
}
.page-aside.email .mail-nav ul li a .label.label-default,
.page-aside.app .app-nav ul.nav li a .label.label-default {
    background: #b5b5b5;
}
.page-aside.email .mail-nav ul li a .label.label1,
.page-aside.app .app-nav ul li a .label.label1 {
    background: #19B698;
}
.page-aside.email .mail-nav ul li a .label.label2,
.page-aside.app .app-nav ul li a .label.label2 {
    background: #E85647;
}
.page-aside.email .mail-nav ul li a .label.label3,
.page-aside.app .app-nav ul li a .label.label3 {
    background: #F4A425;
}
.page-aside.email .mail-nav ul li a i,
.page-aside.app .app-nav ul.nav li a i {
    font-size: 14px;
    width: 24px;
    text-align: center;
}
.page-aside.email .mail-nav .title,
.page-aside.app .app-nav .title {
    color: #888;
    margin: 5px 0 0 0;
    padding: 8px 13px 4px;
    border-bottom: 1px solid #E5E5E5;
}
/*inbox*/

.mail-inbox .head,
.main-app .head {
    background: #FFF;
    padding: 20px 25px;
}
.mail-inbox .head h3,
.main-app .head h3 {
    margin: 9px 0 15px 0;
}
.mail-inbox .head h3 span,
.main-app .head h3 span {
    color: #888;
    font-weight: 300;
    font-size: 16px;
}
.mail-inbox .head input[type="text"],
.main-app .head input[type="text"] {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01) inset;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
}
.mail-inbox .head input[type="text"]:focus,
.main-app .head input[type="text"]:focus {
    border-color: #43b6ff;
}
.mail-inbox .filters,
.main-app .filters {
    padding: 9px 20px 10px 20px;
    border-bottom: 1px solid #E5E5E5;
}
.mail-inbox .filters .checkbox,
.main-app .filters .checkbox {
    margin-right: 8px;
}
.mail-inbox .mails,
.main-app .items {
    background: #FFF;
}
.mail-inbox .mails .item,
.main-app .items .item {
    border-bottom: 1px solid #E5E5E5;
    padding: 17px 20px;
    display: table;
    width: 100%;
    cursor: pointer;
}
.mail-inbox .mails .item:nth-child(even),
.main-app .items .item:nth-child(even) {
    background: rgba(0, 0, 0, 0.015);
}
.mail-inbox .mails .item:hover,
.main-app .items .item:hover {
    background: rgba(0, 0, 0, 0.035);
}
.mail-inbox .mails .item &gt; div,
.main-app .items .item &gt; div {
    vertical-align: top;
    display: table-cell;
}
.mail-inbox .mails .item &gt; div:first-child,
.main-app .items .item &gt; div:first-child {
    width: 35px;
}
.mail-inbox .mails .item &gt; div:first-child &gt; div,
.main-app .items .item &gt; div:first-child &gt; div {
    margin-top: 2px;
}
.mail-inbox .checkbox,
.main-app .checkbox {
    background-color: #FFF;
}
.mail-inbox .mails .item .from,
.main-app .items .item .from {
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 3px 0;
}
.mail-inbox .mails .item .date i,
.main-app .items .item .date i {
    margin-right: 7px;
    font-size: 14px;
}
.mail-inbox .mails .item .msg,
.main-app .items .item .msg {
    font-size: 12px;
    margin: 0;
}
/*Message*/

.message .head {
    background: #FFF;
    padding: 20px 25px 24px;
}
.message .head h3 {
    margin: 9px 0 15px 0;
}
.message .head h3 span {
    font-weight: 300;
    font-size: 20px;
    float: right;
}
.message .head h3 span a {
    color: #888;
    margin-right: 15px;
}
.message .head h4 span {
    font-weight: 100;
    font-size: 15px;
    float: right;
}
.message .head h4 span a {
    color: #FEA200;
    margin-right: 10px;
}
.message .mail {
    background: #FFF;
    border-top: 1px solid #E5E5E5;
    padding: 30px;
    font-size: 26px;
}
.message .mail p {
    font-size: 15px;
    font-weight: 100;
}
.message .mails .item {
    border-bottom: 1px solid #E5E5E5;
    padding: 17px 20px;
    display: table;
    width: 100%;
    cursor: pointer;
}
.message .mails .item:nth-child(even) {
    background: rgba(0, 0, 0, 0.015);
}
.message .mails .item:hover {
    background: rgba(0, 0, 0, 0.035);
}
.message .mails .item &gt; div {
    vertical-align: top;
    display: table-cell;
}
.message .mails .item &gt; div:first-child {
    width: 35px;
}
.message .mails .item &gt; div:first-child &gt; div {
    margin-top: 2px;
}
.message .checkbox {
    background-color: #FFF;
}
.message .mails .item .from {
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 3px 0;
}
.message .mails .item .date i {
    margin-right: 7px;
    font-size: 14px;
}
.message .mails .item .msg {
    font-size: 12px;
    margin: 0;
}
.message .head .subject input {
    font-weight: 300;
    font-size: 25px;
    height: auto;
    padding: 10px 0;
    border: 0;
    width: 100%;
}
.message .to,
.message .cc {
    overflow: hidden;
    border-top: 1px solid #E5E5E5;
    padding: 10px 25px 15px;
    background: #FFF;
}
.message .to {
    padding-bottom: 0;
}
.message .cc {
    padding-top: 2px;
    padding-bottom: 20px;
    border-top-width: 0;
}
.message .to .form-group &gt; .control-label {
    width: 45px;
    padding-top: 10px;
    padding-left: 5px;
}
.message .to .select2-container-multi .select2-choices {
    border-color: #D8D8D8;
}
.message .to .select2-container-multi.select2-container-active .select2-choices {
    border-color: #5897FB;
}
@media (max-width: 767px) {
    .page-aside.email .mail-nav,
    .page-aside.app .app-nav {
        margin-top: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
    }
    .page-aside.email .mail-nav .compose,
    .page-aside.app .app-nav .compose {
        border-top: 1px solid #E5E5E5;
        background: #FCFCFC;
    }
    .page-aside.email div.content,
    .page-aside.app div.content {
        border-bottom: 1px solid #E5E5E5;
    }
    .page-aside.email .mail-nav.collapse,
    .page-aside.app .app-nav.collapse {
        display: none;
    }
    .page-aside.email .mail-nav.collapse.in,
    .page-aside.app .app-nav.collapse.in {
        display: block;
    }
    .page-aside.email .nano .content {
        position: static;
        padding: 0;
        overflow: visible;
    }
    .message .mail {
        border-top: 0;
    }
}
.profile-info &gt; .row {
    margin-top: 0;
}
/*.profile-info .avatar img {
  max-width: 130px;
  max-height: 130px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}*/

.profile-info .avatar img {
    border-radius: 5px;
    height: 100%;
    max-height: 100%;
    max-width: 70%;
    width: 100%;
}
.profile-info .avatar .click-img {
    max-width: 100% !important;
    height: 100%;
}
.profile-info .personal .btn {
    padding-right: 12px;
    border: 0;
    margin: 0;
}
.profile-info .personal .btn .fa {
    margin-right: 5px;
}
.profile-info .skills .progress {
    border-radius: 2px;
    height: 11px;
}
.spk-widget {
    margin-top: 15px;
}
.side-right {
    margin-top: 39px;
}
.bars-widget h4 {
    margin-bottom: 0;
}
.bars-widget h3 {
    margin: 0;
}
table.information td {
    font-size: 13px;
    vertical-align: top;
    padding: 6px;
}
/*table.information td i {
        width: 15px;
        font-size: 14px;
    }*/

.fa-mobile-phone {
    font-size: 18px !important;
}
table.information td.category {
    padding-top: 8px;
}
table.information &gt; tbody &gt; tr &gt; td {
    /*padding-bottom: 30px;*/
}
.friend-widget {
    cursor: default;
    overflow: hidden;
    /*margin-bottom: 20px;*/
    
    margin-bottom: 0px;
    border-radius: 5px;
    padding: 10px;
    transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
}
.friend-widget img {
    float: left;
    margin-right: 10px;
    border: 3px solid #F2F2F2;
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    border-radius: 50%;
    transition: border-color 300ms ease-in-out;
    -webkit-transition: border-color 300ms ease-in-out;
}
.friend-widget:hover {
    background: #f2f2f2;
}
.friend-widget:hover img {
    border-color: #2394f2;
}
.friend-widget h4 {
    font-size: 15px;
    margin: 3px 0 0 0;
}
.friend-widget p {
    color: #999;
    margin: 0;
}
.widget-title {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}
.avatar-upload {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.avatar-upload img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.avatar-upload input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    outline: 0;
}
.avatar-upload .overlay {
    background: #2394f2;
    height: 3px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: opacity 300ms ease 0s;
    width: 0%;
    vertical-align: middle;
}
.crop-image img {
    max-width: 480px;
    max-height: 380px;
    box-shadow: 0 0 0 4px #e9e9e9;
}
.jcrop-holder {
    display: inline-block;
}
@media (max-width: 767px) {
    table.information .btn span {
        display: none;
    }
    .profile-info .personal,
    .profile-info .avatar {
        text-align: left;
    }
    .profile-info .avatar {
        margin-bottom: 10px;
    }
}
.main-app .options {
    padding: 20px 0 5px 0;
}
.main-app .options .radio-inline:first-child {
    padding-left: 0;
}
.main-app .options .radio-inline {
    margin: 0;
}
.main-app .options .form-group {
    margin: 0;
}
.main-app .items.products .item .price {
    font-size: 22px;
    font-weight: 300;
}
.main-app .items.products .item .product-image {
    float: left;
    margin-right: 10px;
}
.app.filters .app-nav .form-group {
    margin-bottom: 35px;
}
.app.filters .app-nav .content {
    padding-top: 0;
}
.code-editor {
    height: 100%;
}
.code-editor #console {
    height: 100%;
}
.code-editor #console .CodeMirror {
    height: 100%;
}
.codeditor .page-title {
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 10px;
}
.codeditor .description {
    color: #888;
}
.page-aside.codeditor .compose {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 25px;
}
.page-aside.codeditor .compose .btn {
    width: 100%;
    border: 0;
    border-radius: 3px !important;
    max-width: 180px;
}
.code-cont .main-app {
    height: 100%;
}
@media (max-width: 767px) {
    .cl-mcont.aside {
        display: block;
    }
    .page-aside.codeditor {
        display: block;
    }
    .aside .content {
        display: block;
    }
    .page-aside &gt; div {
        width: 100%;
    }
    .cl-mcont.aside &gt; .content {
        display: block;
    }
    .page-aside.codeditor .mail-nav ul li {
        display: block;
    }
    .page-aside.codeditor .mail-nav {
        margin-top: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
    }
    .page-aside.codeditor .mail-nav .compose {
        border-top: 1px solid #E5E5E5;
        background: #FCFCFC;
    }
    .page-aside.codeditor div.content {
        border-bottom: 1px solid #E5E5E5;
    }
    .page-aside.codeditor .mail-nav.collapse {
        display: none;
    }
    .message .mail {
        border-top: 0;
    }
}
.CodeMirror {
    height: auto;
}
.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}
/*ELEMENTS*/

.table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}
.table thead th {
    font-size: 13px;
    font-weight: 200;
    vertical-align: bottom;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    padding: 0px 8px 0px 8px;
    line-height: inherit;
}
.table thead th span {
    color: #333;
}
.table thead th:last-child {
    border-right: 1px solid #dadada;
}
.table thead tr th {
    border-bottom-width: 1px;
}
.table thead span {
    font-size: 15px;
    display: block;
}
.table tbody td {
    padding: 7px 8px;
    font-size: 12px;
    line-height: inherit;
}
/*.table tbody td .btn {
            margin-bottom: 0 !important;
        }*/

.table tbody td .btn-group .dropdown-menu {
    margin-top: -1px;
    min-width: 130px;
}
.table tbody td .btn-group .dropdown-menu li &gt; a {
    padding: 5px 12px;
    text-align: left;
}
.table tbody &gt; tr &gt; td {
    padding: 7px 8px;
}
.table tbody .toggle-details {
    cursor: pointer;
}
.table tbody .details {
    background: #FFF;
}
.table &gt; thead:first-child &gt; tr &gt; th,
.table &gt; thead:first-child &gt; tr:first-child &gt; th {
    border-top: 1px solid #dadada;
    line-height: inherit;
}
.table &gt; tbody &gt; tr &gt; td {
    padding: 2px 8px;
    line-height: inherit;
}
.table &gt; tbody &gt; tr &gt; td.vmiddle {
    vertical-align: middle;
}
.table td {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.table td i {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 14px;
}
.table td .progress {
    margin: 0;
}
.table td .flag {
    text-align: center;
    padding: 0 4px;
}
.table td .legend {
    width: 10px;
    height: 10px;
    background: #efefef;
}
.table td:last-child {
    border-right: 1px solid #dadada;
}
.table tr:nth-child(2n) {
    background: #f8f8f8;
}
.table .primary-emphasis,
.table .primary-emphasis-dark {
    background: #2394f2;
    color: #FFF;
    border-color: #2394f2;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.table .primary-emphasis-dark {
    background-color: #437edd;
}
.table success-emphasis,
.table .success-emphasis-dark {
    background: #60C060;
    color: #FFF;
    border-color: #60C060;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.table .success-emphasis-dark {
    background-color: #58b058;
    border-color: #58b058;
}
.table .warning-emphasis,
.table .warning-emphasis-dark {
    background: #FC9700;
    color: #FFF;
    border-color: #FC9700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.table .warning-emphasis-dark {
    background-color: #fc8800;
    border-color: #fc8800;
}
.table .danger-emphasis,
.table .danger-emphasis-dark {
    background: #DA4932;
    color: #FFF;
    border-color: #DA4932;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.table .danger-emphasis-dark {
    background-color: #c8432e;
    border-color: #c8432e;
}
.table .right {
    text-align: right;
}
.table .left {
    text-align: left;
}
.table.no-border {
    border: 0;
}
.table.red thead th {
    color: #d36442;
}
.table.blue thead th {
    color: #3078EF;
}
.table.violet thead th {
    color: #8b12ae;
}
.table.green thead th {
    color: #4da60c;
}
.table.padding-sm td {
    padding: 4px 6px;
}
.table.hover tbody tr:hover {
    background: #f3f3f3;
}
.table.no-strip tr:nth-child(2n) {
    background: transparent;
}
.table.no-border th {
    border-left: 0;
}
.table.no-border tr th {
    border-top: 0;
}
.table.no-border tr th:first-child {
    border-left: 1px solid #dadada;
}
.table.no-border tr th:last-child {
    border-right: 0;
}
.table.no-border tr td {
    border-top: 0;
}
.table.no-border tr td:first-child {
    border-left: 0;
}
.table.no-border tr td:last-child {
    border-right: 0;
}
.table.no-border tr:last-child td {
    border-bottom: 0;
}
.table .no-border-x td {
    border-bottom: 0;
}
.table .no-border-x tr:last-child td {
    border-bottom: 1px solid #dadada;
}
.table .no-border-y td {
    border-left: 0;
}
.table .no-border-y tr td:first-child {
    border-left: 1px solid #dadada;
}
.table.no-border tr th:first-child {
    border-left: 0;
}
.table.no-border tr td:first-child {
    border-left: 0;
}
.table.no-border tr:last-child td {
    border-bottom: 0;
}
.table.no-border &gt; thead:first-child &gt; tr &gt; th,
.table.no-border &gt; thead:first-child &gt; tr:first-child &gt; th {
    border-top: 0;
}
.table.no-padding th:first-child {
    border-left: 0;
}
.table.no-padding th:last-child {
    border-right: 0;
}
.table.no-padding tr td:first-child {
    border-left: 0;
}
.table.no-padding tr td:last-child {
    border-right: 0;
}
.table.no-padding tr:last-child td {
    border-bottom: 0;
}
.table.table-bordered &gt; thead:first-child &gt; tr &gt; th {
    border-top: 0;
}
.table.table-bordered &gt; thead:first-child &gt; tr &gt; th:last-child {
    border-right: 0;
}
div.dataTables_length label select {
    display: inline !important;
}
.table td .btn i {
    width: inherit;
}
/*Stats*/

.stats_bar {
    text-align: center;
    margin-top: 15px;
}
.butpro {
    vertical-align: top;
}
.butstyle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top, #ffffff 50%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ffffff 50%, #f8f8f8 100%);
    border-color: #DEDFE0 #C8C8C8 #C8C8C8;
    border-image: none;
    border-right: 1px solid #C8C8C8;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 11px;
    margin-right: 1.8%;
    margin-bottom: 15px;
    width: 14.2%;
    padding: 6px 9px 4px;
    transition: border-color 0.21s ease-out 0s;
}
.butstyle.flat {
    /* Chrome, Safari 4+ */
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    /* Opera 11.10-12.00 */
    
    background-image: none;
    background: #FFF;
    border: 0;
    color: #777;
}
.butstyle:first-child {
    margin-left: 0;
}
.butstyle:hover {
    border-color: #4D90FE;
}
.butpro .sub h2 {
    margin: 0 0 5px 0;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.butpro .sub span {
    color: #434D55;
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
}
.butpro .stat {
    padding: 4px 0;
    text-align: center;
}
.butpro .stat .equal {
    background: url("../img/stat-same.png") no-repeat scroll left center transparent;
    font-size: 12px;
    padding: 0 0 0 19px;
}
.butpro .stat .up {
    background: url("../img/stat-up.png") no-repeat scroll left center transparent;
    font-size: 12px;
    padding: 0 0 0 19px;
}
.butpro .stat .down {
    background: url("../img/stat-down.png") no-repeat scroll left center transparent;
    font-size: 12px;
    padding: 0 0 0 19px;
}
.butpro .sub {
    padding-top: 4px;
}
/*Flot Charts*/

.blue-chart .flot-text,
.red-chart .flot-text {
    color: #FFF !important;
}
.flot-text {
    font-size: 10px !important;
}
.legend table td {
    font-size: 11px !important;
}
.blue-chart {
    border-left: 1px solid #258fec;
    border-right: 1px solid #258fec;
    border-bottom: 1px solid #1e73bd;
    border-top: 1px solid #499de5;
    background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #52aeff, #2180d3);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #52aeff, #2180d3);
    background-color: #3290E2;
}
.block-flat .blue-chart {
    padding: 20px !important;
}
.blue-chart h2 {
    text-shadow: 0 -1px 0 #357fc0;
}
.epie-chart {
    position: relative;
    display: inline-block;
    text-align: center;
}
.epie-chart &gt; span {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
}
.legendColorBox {
    width: 2%;
}
.legendColorBox,
.legendLabel {
    padding-right: 5px;
    font-size: 12px;
}
.red-chart {
    border-left: 1px solid #F27B56;
    border-right: 1px solid #F27B56;
    border-bottom: 1px solid #d66543;
    border-top: 1px solid #ee815e;
    background-image: -moz-linear-gradient(center top, #ff8a65 45%, #e26a45 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#e26a45));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ff8a65, #e26a45);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ff8a65, #e26a45);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ff8a65 45%, #e26a45 102%);
    background-color: #3290E2;
}
.red-box {
    background-image: -moz-linear-gradient(center top, #ff8a65 45%, #f07853 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#f07853));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ff8a65, #f07853);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ff8a65, #f07853);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ff8a65 45%, #f07853 102%);
    background-color: #ff8a65;
    color: #FFFFFF;
}
.red2-box {
    background-image: -moz-linear-gradient(center top, #ff7877 45%, #ed5554 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7877), to(#ed5554));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ff7877, #ed5554);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ff7877, #ed5554);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ff7877 45%, #ed5554 102%);
    background-color: #FF7877;
    color: #FFFFFF;
}
.blue-box {
    background-image: -moz-linear-gradient(center top, #52aeff 45%, #3d9cef 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#3d9cef));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #52aeff, #3d9cef);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #52aeff, #3d9cef);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #52aeff 45%, #3d9cef 102%);
    background-color: #52AEFF;
    color: #FFFFFF;
}
.blue-box.borders {
    border-color: #499DE5 #258FEC #1E73BD;
    border-left: 1px solid #258FEC;
    border-right: 1px solid #258FEC;
    border-style: solid;
    border-width: 1px;
}
.green-box {
    background-image: -moz-linear-gradient(center top, #82c261 45%, #70be46 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82c261), to(#70be46));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #82c261, #70be46);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #82c261, #70be46);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #82c261 45%, #70be46 102%);
    background-color: #82c261;
    color: #FFFFFF;
}
.violet-box {
    background-image: -moz-linear-gradient(center top, #b450b2 45%, #853685 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b450b2), to(#853685));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #b450b2, #853685);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #b450b2, #853685);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #b450b2 45%, #853685 102%);
    background-color: #82c261;
    color: #FFFFFF;
}
.yellow-box {
    background-image: -moz-linear-gradient(center top, #ffc91c 45%, #fab219 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc91c), to(#fab219));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ffc91c, #fab219);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ffc91c, #fab219);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ffc91c 45%, #fab219 102%);
    background-color: #82c261;
    color: #FFFFFF;
}
.white-box {
    background: #FFF;
}
.widget-block.calendar-box {
    overflow: hidden;
}
.widget-block.calendar-box h2 {
    font-size: 28px;
}
.widget-block.calendar-box .day {
    text-align: center;
    font-size: 102px;
}
.widget-block.weather-box {
    overflow: hidden;
    color: #FFF;
}
.widget-block.weather-box .photo {
    background: url("../img/sunset2.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 260px;
}
.widget-block.weather-box h2 {
    margin-top: 60px;
    font-size: 28px;
    font-weight: 400;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}
.widget-block.weather-box .day {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 70px;
    margin-top: 3px;
}
.fb-box {
    margin-top: 0 !important;
    background-image: -moz-linear-gradient(center top, #3e80bf 50%, #325fa0 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3e80bf), to(#325fa0));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #3e80bf, #325fa0);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #3e80bf, #325fa0);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #3e80bf 50%, #325fa0 102%);
    background-color: #366eab;
    color: #FFFFFF;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) !important;
}
.fb-box h2 {
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding-top: 10px;
}
.fb-box h3 {
    font-size: 13px;
    font-weight: 200;
    margin: 0 0 20px 0;
}
.fb-box h4 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.fb-box img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #FFFFFF;
    margin-bottom: 15px;
    margin-top: 20px;
}
.fb-box .content {
    padding: 20px;
    text-align: center;
}
.fb-box .info {
    background: #264A7E;
    color: #FFF;
    border-top: 1px solid #426ca5;
    text-align: center;
}
.fb-box .info button {
    box-shadow: none;
    max-width: 195px;
    width: 80%;
    padding: 13px;
    background: #4884c0;
    border: 0;
    margin: 5px 0;
    text-transform: uppercase;
}
.fb-box .info button i {
    margin-right: 3px;
}
.fb-box .info div {
    padding: 15px 10px;
}
.fb-box .row {
    margin: 0;
}
.block .cl,
.widget-block .cl {
    margin-bottom: 20px;
}
.widget-block {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.21);
    border: 0;
    margin-bottom: 30px;
    margin-top: 0;
}
.widget-block .row {
    margin: 0;
}
.widget-block .padding {
    padding: 20px 20px;
}
.widget-block .vpadding {
    padding: 20px 0;
}
.widget-block .hpadding {
    padding: 0 20px;
}
.block .header,
.widget-block .header,
.block-flat .header {
    padding: 10px;
    background-color: #FEFEFE;
    border-bottom: 1px solid #cccccc;
}
.block .header {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    padding: 10px;
}
.block-flat .header {
    background: transparent;
    padding: 3px 0 10px 0;
}
.block-flat .header.no-border {
    border: 0;
}
.block-flat .header h3 {
    margin-top: 0px;
    font-family: "Raleway", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.block-flat .pull-right h2 a {
    font-size: 22px;
    font-weight: 700;
    color: #2494F2;
}
.block-flat .pull-right h2 {
    font-size: 22px;
    font-weight: 700;
    color: black !important;
    margin-top: -3px;
}
.block-flat .content {
    padding: 15px 0 0 0;
}
.block-flat .content.full-width {
    padding: 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
}
.block-flat .content h4 {
    margin-top: 20px;
    font-size: 16px;
}
.block-flat .content .title {
    margin: 5px 0 15px 0;
}
.block-flat.no-padding .content {
    padding: 0 !important;
}
.legend-container table {
    width: auto;
    margin: 20px 0 0 20px;
}
.legend-container table tr {
    background: transparent;
}
.legend-container table td {
    border: 0;
    padding: 0 5px 3px 5px;
}
.legend-container .legendColorBox &gt; div {
    border: 0 !important;
}
.legend-container .legendColorBox &gt; div &gt; div {
    border-width: 6px !important;
}
.block-flat.no-padding .content table td,
.block-flat.no-padding .content table th {
    padding: 11px 10px 7px 10px;
}
.block .no-border {
    border-bottom: 0;
}
.block .content h2,
.widget-block .content h2 {
    font-family: 'Open Sans', sans-serif;
}
.block .header h2,
.widget-block .header h2,
.block-flat .header h2 {
    margin: 0;
    font-family: "Raleway", Helvetica, sans-serif;
    font-weight: 100;
    font-size: 29px;
    line-height: 38px;
}
.block .header h3,
.widget-block .header h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 200;
    line-height: 21px;
    color: #666;
}
.block .header .actions i,
.widget-block .header .actions i {
    font-size: 18px;
    color: #6F6F6F;
    display: inline-block;
    padding: 0;
    text-align: center;
    cursor: pointer;
    width: 20px;
    vertical-align: top;
}
.block .header .actions i:hover,
.widget-block .header .actions i:hover {
    color: #858585;
}
.widget-block .fb-head {
    background: #1784c7;
    border: 0;
    color: #FFF;
}
.widget-block .fb-head i {
    display: inline-block;
    text-align: center;
    width: 28px;
}
.bg-darkgray {
    background-color: #888e97;
    color: #fff;
}
.bg-blue {
    background-color: #43A0F2;
    color: #fff;
}
.bg-blue .caret,
.bg-darkgray .caret {
    border-color: #fff transparent;
    border-width: 5px 5px 0;
}
.bg-blue a,
.bg-darkgray a {
    color: #FFF;
}
.cl-mcont .block .content {
    padding: 15px;
}
.cl-mcont .block .stat-data,
.cl-mcont .block-flat .stat-data {
    padding: 10px;
    float: left;
    width: 50%;
}
.cl-mcont .block .stat-data h2,
.cl-mcont .block-flat .stat-data h2 {
    margin: 0 0 5px 0;
}
.cl-mcont .block .stat-data span,
.cl-mcont .block-flat .stat-data span {
    font-size: 18px;
}
.cl-mcont .block .stat-data .stat-blue,
.cl-mcont .block-flat .stat-data .stat-blue {
    background: #43A0F2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    color: #FFF;
    padding: 20px 10px;
}
.cl-mcont .block .stat-data .stat-number,
.cl-mcont .block-flat .stat-data .stat-number {
    border-bottom: 1px solid #dadada;
}
.cl-mcont .block .stat-data .stat-number:last-child,
.cl-mcont .block-flat .stat-data .stat-number:last-child {
    border-bottom: 0;
}
.cl-mcont .block .stat-data .stat-number div,
.cl-mcont .block-flat .stat-data .stat-number div {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 5px;
    font-size: 16px;
    line-height: 20px;
}
.cl-mcont .block .stat-data .stat-number h2,
.cl-mcont .block-flat .stat-data .stat-number h2 {
    margin: 0;
    font-size: 35px;
    color: #444;
    font-weight: 300;
}
.cl-mcont .block .stat-data .stat-number span,
.cl-mcont .block-flat .stat-data .stat-number span {
    font-size: 12px;
}
.block .fact-data,
.widget-block .fact-data,
.block-flat .fact-data {
    margin: 25px 0;
    padding: 0 20px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.block .total-data,
.widget-block .total-data,
.block-flat .total-data {
    padding: 15px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}
/*.block .dropdown-menu,
.widget-block .dropdown-menu,
.block-flat .dropdown-menu {
    margin: -55px 0 0 465px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}*/

.block .dropdown-menu,
.widget-block .dropdown-menu,
.block-flat .dropdown-menu {
    margin: -1px 0 0 0px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}
.btn-group .dropdown-menu {
    margin-top: -1px;
}
.btn-group {
    margin-right: 5px;
    margin-left: 4px;
}
.static-mn,
.widget-block .static-mn {
    display: block;
    position: static;
}
.static-mn,
.widget-block .static-mn {
    display: block;
    position: static;
}
.static-lg-menu .static-mn,
.widget-block .static-lg-menu .static-mn {
    min-width: 90%;
}
.block .items,
.widget-block .items {
    margin: 0;
    padding: 0;
}
.block .items li,
.widget-block .items li {
    border-top: 1px solid #e8e8e8;
    list-style: none;
    font-size: 14px;
    line-height: 17px;
    padding: 13px;
    background-color: #FFF;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
}
.block .items li i,
.widget-block .items li i {
    color: #555555;
    display: block;
    float: left;
    font-size: 28px;
    height: 38px;
    margin-left: 4px;
    margin-right: 15px;
    margin-top: 2px;
}
.block .items li small,
.widget-block .items li small {
    display: block;
}
.block .items li:hover,
.widget-block .items li:hover {
    background-color: #F4F4F4;
}
.block .items li .value,
.widget-block .items li .value {
    font-size: 15px;
    margin-top: 7px;
}
.block .items li:first-child,
.widget-block .items li:first-child {
    border-top: 0;
}
.block .total-data h2,
.widget-block .total-data h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
}
.block .total-data h3,
.widget-block .total-data h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.block .total-data h4,
.widget-block .total-data h4 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}
.widget-block .fact-data {
    margin: 27px 0;
}
.block .fact-data:first-child {
    border-right: 1px solid #eaeaea;
}
.block .fact-data h2,
.widget-block .fact-data h2 {
    margin: 0;
    font-size: 32px;
    font-weight: 300;
}
.block .fact-data h3,
.widget-block .fact-data h3 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 200;
    font-size: 13px;
}
.widget-block .fact-data h3 {
    margin-bottom: 13px;
    font-size: 17px;
}
.widget-block .fact-data h2 {
    margin-bottom: 4px;
}
.widget-block .fact-data p {
    font-size: 12px;
}
.widget-block .no-padding {
    padding: 0;
}
.widget-block h3 {
    font-size: 17px;
    margin: 5px 0 0 0;
    font-weight: 200;
}
.widget-block h2 {
    font-size: 32px;
    font-weight: 300;
}
.block h2 i {
    font-size: 24px;
    color: #555;
    margin-right: 6px;
}
/*Widget Notes*/

.cl-mcont .block.widget-notes {
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    border-radius: 3px;
}
.cl-mcont .block.widget-notes .header {
    border-bottom: 0;
}
.cl-mcont .block.widget-notes .header h4 {
    margin: 0;
    font-size: 15px;
}
.cl-mcont .block.widget-notes .content {
    padding: 0;
}
.paper {
    line-height: 30px;
    font-size: 14px;
    padding: 30px 55px 27px;
    position: relative;
    outline: none;
    background: white;
    background: -webkit-linear-gradient(top, #dfe8ec 0%, white 8%) 0 0px;
    background: -moz-linear-gradient(top, #dfe8ec 0%, white 8%) 0 0px;
    background: linear-gradient(center top, #dfe8ec 0%, white 8%) 0 0px;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px;
}
.paper::after {
    content: '';
    position: absolute;
    width: 0px;
    top: 0;
    left: 39px;
    bottom: 0;
    border-left: 1px solid #F8D3D3;
}
/*Pie Widget*/

.pie-widget {
    margin-bottom: 20px;
}
.pie-widget .stats {
    padding-top: 20px;
    border-top: 1px solid #DADADA;
}
.pie-widget .stats p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.pie-widget .stats h5 {
    margin: 0;
}
@media (max-width: 767px) {
    .pie-widget .stats &gt; div:first-child {
        margin-bottom: 20px;
    }
}
/*UI Datepicker*/

.ui-datepicker {
    position: relative;
}
.ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 5px;
    margin-bottom: 4px;
}
.ui-datepicker .ui-datepicker-title {
    cursor: default;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
    color: #FFF;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    overflow: hidden;
    display: block;
    text-indent: -99999px;
}
.ui-datepicker .ui-datepicker-prev span:after,
.ui-datepicker .ui-datepicker-next span:after {
    cursor: pointer;
    content: "";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    text-indent: 0;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-next span:after {
    content: "";
    right: 0;
}
.ui-datepicker table th {
    border: 0;
    padding: 3px;
}
.ui-datepicker table th span {
    font-size: 14px;
    color: #FFF;
}
.ui-datepicker table tr {
    background: transparent !important;
}
.ui-datepicker table td {
    border: 0;
    padding: 3px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
    color: #FFF;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.active:hover {
    background-color: #4E9DFF;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-image: none;
    background: #4E9DFF;
}
.datetimepicker table td:last-child,
.datetimepicker table th:last-child {
    border-right: 0;
}
.reportrange &gt; i {
    margin-right: 5px;
}
.reportrange &gt; .caret {
    margin-left: 5px;
}
.fuelux .wizard {
    *zoom: 1;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    background-color: #f9f9f9;
    position: relative;
    min-height: 48px;
    /* overflow: hidden;*/
}
.fuelux .wizard:before,
.fuelux .wizard:after {
    display: table;
    content: "";
    line-height: 0;
}
.fuelux .wizard:after {
    clear: both;
}
.fuelux .wizard &gt; .steps {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.fuelux .wizard &gt; .steps.previous-disabled li.complete {
    cursor: default;
}
.fuelux .wizard &gt; .steps.previous-disabled li.complete:hover {
    background: #f3f4f5;
    color: #468847;
    cursor: default;
}
.fuelux .wizard &gt; .steps.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #f3f4f5;
}
.fuelux .wizard &gt; .steps li {
    float: left;
    margin: 0;
    padding: 9px 5px 0 25px;
    height: 52px;
    font-weight: normal;
    position: relative;
    background: #2394F2;
    color: #fff;
    font-size: 14px !important;
    cursor: not-allowed;
}
.fuelux .wizard &gt; .steps li:nth-of-type(1) {
    width: 80px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(2) {
    width: 112px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(3) {
    width: 160px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(4) {
    width: 145px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(5) {
    width: 155px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(6) {
    width: 112px;
}
.fuelux .wizard &gt; .steps li:nth-of-type(7) {
    width: 100px;
}
.fuelux .wizard &gt; .steps li span {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
}
.fuelux .wizard &gt; .steps li .chevron {
    border: 34px solid transparent;
    border-left: 18px solid #fff;
    border-right: 0;
    display: block;
    position: absolute;
    right: -18px;
    top: -8px;
    z-index: 1;
    margin-top: 0px;
}
.fuelux .wizard &gt; .steps li .chevron:before {
    border: 32px solid transparent;
    border-left: 17px solid #2394F2;
    border-right: 0;
    content: "";
    display: block;
    position: absolute;
    right: 2px;
    top: -32px;
}
.fuelux .wizard &gt; .steps li.active {
    background: #f1f6fc;
    color: #3a87ad;
    cursor: default;
}
.fuelux .wizard &gt; .steps li strong {
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    display: none;
}
.fuelux .wizard &gt; .steps li .icon-completed {
    background: url("../images/right-mark.png") no-repeat left top;
    height: 12px;
    width: 13px;
    display: block;
    position: absolute;
    top: 23px;
    right: -13px;
    z-index: 10;
    display: none;
}
.fuelux .wizard &gt; .steps li.complete {
    background: #2394f2;
    color: #fff;
}
.fuelux .wizard &gt; .steps li.complete strong,
.fuelux .wizard &gt; .steps li.complete .icon-completed {
    display: inline-block;
}
.fuelux .wizard &gt; .steps li.active .chevron:before {
    border-left: 14px solid #f1f6fc;
}
.fuelux .wizard &gt; .steps li.active .badge {
    background-color: #3a87ad;
}
.fuelux .wizard &gt; .steps li .badge {
    margin-right: 8px;
}
.fuelux .wizard &gt; .steps li .badge-success {
    background-color: #468847;
}
.fuelux .wizard &gt; .steps li:first-child {
    border-radius: 4px 0 0 4px;
    padding-left: 10px;
}
.fuelux .wizard &gt; .actions {
    z-index: 1000;
    position: absolute;
    top: 0px;
    right: 0;
    height: 52px;
    padding: 11px 10px 5px 5px;
    vertical-align: middle;
    background-color: #e5e5e5;
}
.fuelux .wizard &gt; .actions a {
    line-height: 45px;
    font-size: 12px;
    margin-right: 8px;
}
.fuelux .wizard &gt; .actions .btn-prev[disabled] {
    cursor: not-allowed;
}
.fuelux .wizard &gt; .actions .btn-prev span {
    margin-right: 5px;
}
.fuelux .wizard &gt; .actions .btn-next[disabled] {
    cursor: not-allowed;
}
.fuelux .wizard &gt; .actions .btn-next span {
    margin-left: 5px;
}
.fuelux .wizard .step-content {
    border-top: 1px solid #D4D4D4;
    padding: 10px;
    float: left;
    width: 100%;
}
.fuelux .wizard .step-content .step-pane {
    display: none;
}
.fuelux .wizard .step-content &gt; .active {
    display: block;
}
.fuelux .wizard .step-content &gt; .active .btn-group .active {
    display: inline-block;
}
.fuelux .wizard.complete &gt; .actions .glyphicon-arrow-right:before {
    display: none;
}
.fuelux .wizard.complete &gt; .actions .glyphicon-arrow-right {
    margin-left: 0;
}
/*Clean Zone - Wizard Style*/

.block-wizard {
    padding: 0;
}
.fuelux .wizard {
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    background: #FFF;
}
.fuelux .wizard &gt; .steps li {
    font-size: 15px;
}
.fuelux .wizard &gt; .steps li:first-child {
    -webkit-border-radius: 0;
    /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
    
    border-radius: 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}
.fuelux .wizard &gt; .steps li.active {
    background: #17365d;
    color: #fff;
}
.fuelux .wizard &gt; .steps li.active .chevron:before {
    -moz-transform: scale(0.9999);
    border-left: 17px solid #17365d;
}
.fuelux .wizard &gt; .steps li.complete {
    color: #fff;
    background: #2394f2;
}
.fuelux .wizard &gt; .steps li.complete:hover {
    background: #5c9aff;
}
.fuelux .wizard &gt; .steps li.complete:hover .chevron:before {
    border-left-color: #5c9aff;
}
.fuelux .wizard &gt; .steps li .chevron {
    -moz-transform: scale(0.9999);
}
.fuelux .wizard &gt; .actions button {
    font-size: 12px;
}
.fuelux .wizard &gt; .actions button i {
    font-size: 11px;
    line-height: 18px;
}
.fuelux .wizard &gt; .actions button.btn-prev i {
    margin-right: 3px;
}
.fuelux .wizard &gt; .actions button.btn-next i {
    margin-left: 3px;
}
.fuelux .wizard .step-content {
    padding: 20px 20px;
    clear: both;
    border-top: 1px solid #E2E2E2;
}
@media (max-width: 767px) {
    .wizard-row .fuelux {
        position: static;
    }
}
/*TABS*/

.nav-tabs {
    border-bottom: 1px solid transparent;
}
.nav-tabs &gt; li {
    font-size: 14px;
    margin-right: 2px;
    border-radius: 0 !important;
}
.nav-tabs &gt; li:last-child {
    margin-right: 0px;
}
.nav-tabs &gt; li.active {
    position: relative;
}
.nav-tabs &gt; li &gt; a {
    padding: 9px 15px !important;
    font-size: 13px;
    margin-right: 0;
    min-width: 80px;
    text-align: center;
    border-radius: 0 !important;
    color: #515151 !important;
    font-weight: 600;
}
.nav-tabs &gt; li &gt; a:hover,
.nav-tabs &gt; li &gt; a:active {
    background: transparent;
    border: 1px solid transparent;
    color: #3398ff;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.nav-tabs &gt; li.active &gt; a,
.nav-tabs &gt; li.active &gt; a:hover,
.nav-tabs &gt; li.active &gt; a:focus,
.nav-tabs &gt; li.ui-tabs-active &gt; a,
.nav-tabs &gt; li.ui-tabs-active &gt; a:hover,
.nav-tabs &gt; li.ui-tabs-active &gt; a:focus {
    background: #fff;
    border-top: 2px solid #43A0F2;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
    padding-top: 8px;
    box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08);
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    position: static;
}
.nav-tabs &gt; li.active &gt; a:after,
.nav-tabs &gt; li.active &gt; a:hover:after,
.nav-tabs &gt; li.active &gt; a:focus:after {
    content: "";
    display: block;
    height: 2px;
    background: #43A0F2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.tab-content {
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #ECECEC;
    border-radius: 0 3px 3px;
    -webkit-border-radius: 0 3px 3px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
}
.tab-content h3,
h2,
h1:first-child {
    margin-top: 0;
}
/*Tab Bottom*/

.tab-bottom .nav-tabs {
    margin-bottom: 40px;
}
.tab-bottom .tab-content {
    margin-bottom: 0;
}
.tab-bottom .nav-tabs &gt; li.active &gt; a:after,
.tab-bottom .nav-tabs &gt; li.active &gt; a:hover:after,
.tab-bottom .nav-tabs &gt; li.active &gt; a:focus:after {
    bottom: 0;
    top: auto;
}
.tab-bottom .nav-tabs &gt; li.active &gt; a,
.tab-bottom .nav-tabs &gt; li.active &gt; a:hover,
.tab-bottom .nav-tabs &gt; li.active &gt; a:focus {
    border-top: 0;
    border-bottom: 2px solid #43A0F2;
    margin-top: -1px;
    box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
}
.tab-bottom .tab-content {
    border-radius: 3px 3px 3px 0;
    -webkit-border-radius: 3px 3px 3px 0;
}
/*Tab Left*/

.tab-left .nav-tabs {
    float: left;
}
.tab-left .nav-tabs &gt; li {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
}
.tab-left .nav-tabs &gt; li &gt; a {
    text-align: left;
    min-width: 38px;
    padding: 12px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.tab-left .nav-tabs &gt; li .fa {
    font-size: 14px;
}
.tab-left .nav-tabs &gt; li.active &gt; a:after,
.tab-left .nav-tabs &gt; li.active &gt; a:hover:after,
.tab-left .nav-tabs &gt; li.active &gt; a:focus:after {
    bottom: 0;
    top: auto;
    width: 2px;
    height: 100%;
}
.tab-left .nav-tabs &gt; li.active &gt; a,
.tab-left .nav-tabs &gt; li.active &gt; a:hover,
.tab-left .nav-tabs &gt; li.active &gt; a:focus {
    border-top: 0;
    border-bottom: 1px solid #ECECEC;
    border-right: 0;
    border-left: 2px solid #43A0F2;
    margin-right: -1px;
    box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08);
    padding: 13px 10px 12px 9px;
}
.tab-left .tab-content {
    overflow: auto;
    border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
}
/*Tab Right*/

.tab-right .nav-tabs {
    float: right;
}
.tab-right .tab-content {
    overflow: auto;
    border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
}
.tab-right .nav-tabs &gt; li {
    float: none;
    margin-right: 0;
    margin-bottom: 2px;
}
.tab-right .nav-tabs &gt; li &gt; a {
    text-align: left;
    min-width: 38px;
    padding: 12px 10px;
}
.tab-right .nav-tabs &gt; li .fa {
    font-size: 14px;
}
.tab-right .nav-tabs &gt; li.active &gt; a:after,
.tab-right .nav-tabs &gt; li.active &gt; a:hover:after,
.tab-right .nav-tabs &gt; li.active &gt; a:focus:after {
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
    width: 2px;
    height: 100%;
}
.tab-right .nav-tabs &gt; li.active &gt; a,
.tab-right .nav-tabs &gt; li.active &gt; a:hover,
.tab-right .nav-tabs &gt; li.active &gt; a:focus {
    border-top: 0;
    border-bottom: 1px solid #ECECEC;
    border-left: 0;
    border-right: 2px solid #43A0F2;
    margin-left: -1px;
    box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
    padding: 13px 10px 12px 12px;
}
.shadow.tab-content {
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13);
}
/*Accordion*/

.accordion {
    margin-bottom: 0px;
    padding: 10px 0px 0px 0px;
}
.accordion .panel-heading {
    background: #fff;
    padding: 0;
}
.accordion .panel-heading a {
    font-size: 14px;
    padding: 10px 10px 10px 0px;
    display: block;
    color: #2494f2;
}
.accordion .panel-heading a:hover,
.accordion .panel-heading a.collapsed:hover {
    color: #2494f2;
}
.accordion .panel-heading a.collapsed {
    color: #555;
}
.accordion .panel-heading a .fa {
    transition: transform 200ms ease-in-out;
    margin-right: 10px;
    margin-left: 3px;
    transform: rotate(90deg);
}
.accordion .panel-heading a.collapsed .fa {
    transform: rotate(0deg);
}
.accordion .panel-heading + .panel-collapse .panel-body {
    border-top: 0;
    padding: 3px 20px 20px 34px;
}
.accordion .panel {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 0;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    margin-bottom: 5px;
    border-top: 0;
    box-shadow: none;
}
.accordion .panel:first-child {
    border-top: 0;
}
.accordion.panel-group .panel + .panel {
    margin-top: 0px;
}
/*Primary color accordion*/

.accordion.accordion-color .panel-heading a {
    background-color: #2394f2;
    color: #FFF;
}
.accordion.accordion-color .panel-heading a.collapsed {
    background-color: #FFF;
    color: #555;
}
.accordion.accordion-color .panel-collapse .panel-body {
    background-color: #2394f2;
    color: #FFF;
}
/*Semi color accordion*/

.accordion.accordion-semi .panel-heading a {
    background-color: #2394f2;
    color: #FFF;
    transition: background-color 200ms ease-in-out;
    border-bottom: 1px solid #2188de;
}
.accordion.accordion-semi .panel-heading.success a {
    background-color: #60C060;
    border-bottom: 1px solid #54A754;
}
.accordion.accordion-semi .panel-heading.warning a {
    background-color: #FC9700;
    border-bottom: 1px solid #D68000;
}
.accordion.accordion-semi .panel-heading.danger a {
    background-color: #DA4932;
    border-bottom: 1px solid #CA452E;
}
.accordion.accordion-semi .panel-heading a.collapsed {
    background-color: #2394F2;
    color: #fff;
    border-bottom: 0;
}
.accordion.accordion-semi .panel-collapse .panel-body {
    padding: 15px 20px 20px 34px;
}
/*Nestable lists*/

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dd-list .dd-list {
    padding-left: 30px;
}
.dd-collapsed .dd-list {
    display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    background: #fff;
}
.dd-handle:hover {
    color: #FFF;
    background: #2394f2;
    border-color: #428BCA;
}
.dd-item &gt; button {
    color: #555;
    font-family: FontAwesome;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 10px;
    line-height: 1;
    text-align: center;
}
.dd-item &gt; button:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}
.dd-item &gt; button[data-action="collapse"]:before {
    content: '';
}
.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}
.dd-dragel &gt; .dd-item .dd-handle {
    margin-top: 0;
}
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    color: #333;
    text-decoration: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333333;
}
.dd3-content:hover {
    background: #fff;
}
.dd-dragel &gt; .dd3-item &gt; .dd3-content {
    margin: 0;
}
.dd3-item &gt; button {
    margin-left: 35px;
}
.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #3680BF;
    background: #2394f2;
    height: 36px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
.dd3-handle:hover {
    background: #4E9DFF;
}
.bootstrap-switch {
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    min-width: 74px;
    background-clip: padding-box;
}
.bootstrap-switch.bootstrap-switch-focused {
    box-shadow: none;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #2394f2;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #E3E3E3;
}
.bootstrap-switch .bootstrap-switch-container {
    position: relative;
    z-index: 1;
    -webkit-transform: none;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
    background: #2394f2;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
    background: #E3E3E3;
}
.bootstrap-switch .bootstrap-switch-label:after {
    content: " ";
    display: block;
    width: 29px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #2394f2;
}
.bootstrap-switch.bootstrap-switch-large {
    min-width: 100px;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label:after {
    width: 42px;
    border-width: 4px;
}
.bootstrap-switch.bootstrap-switch-large.bootstrap-switch-on .bootstrap-switch-label:after {
    border-width: 4px;
}
.bootstrap-switch.bootstrap-switch-small {
    min-width: 60px;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label:after {
    width: 25px;
}
.bootstrap-switch.bootstrap-switch-mini {
    min-width: 44px;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label:after {
    width: 18px;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background: #2394f2;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    background: #e3e3e3;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #e3e3e3;
    left: 0;
}
.bootstrap-switch .bootstrap-switch-handle-on {
    padding-left: 6px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    text-align: left;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.bootstrap-switch .bootstrap-switch-label {
    position: relative;
    line-height: 20px;
}
/*ON Colors*/

.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-handle-on {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label:after {
    border-color: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-off .bootstrap-switch-container {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-handle-on {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label:after {
    border-color: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-off .bootstrap-switch-container {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-handle-on {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label:after {
    border-color: #ff9900;
}
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-off .bootstrap-switch-container {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-handle-on {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label:after {
    border-color: #df4b33;
}
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-off .bootstrap-switch-container {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-handle-on {
    background: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label {
    background: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label:after {
    border-color: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-off .bootstrap-switch-container {
    background: #E3E3E3;
}
/*Off Colors*/

.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #2394f2;
}
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label {
    background: #2394f2;
}
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #2394f2;
}
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-on .bootstrap-switch-container {
    background: #2394f2;
}
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-on .bootstrap-switch-container {
    background: #5bc0de;
}
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-on .bootstrap-switch-container {
    background: #5CB85C;
}
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #ff9900;
}
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-on .bootstrap-switch-container {
    background: #ff9900;
}
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #df4b33;
}
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-on .bootstrap-switch-container {
    background: #df4b33;
}
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label {
    background: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label:after {
    border-color: #E3E3E3;
}
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-on .bootstrap-switch-container {
    background: #E3E3E3;
}
/*Select 2*/

.select2-container .select2-choice {
    border: 1px solid #CCCCCC;
    background: #fff;
    padding: 4px 8px;
    height: auto;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}
/*box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);*/

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    background: #fff;
}
.select2-drop.select2-drop-above {
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    box-shadow: none;
}
.select2-container .select2-choice .select2-arrow {
    width: 30px;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
}
.select2-container .select2-choice .select2-arrow b {
    background-position: 7px 4px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -13px 3px;
}
.select2-container.select2-drop-above .select2-choice {
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
}
/*Tags*/

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    /*background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);*/
    
    padding: 3px 5px 5px 18px;
}
.select2-container-multi .select2-choices {
    padding: 5px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.select2-container-multi .select2-choices .select2-search-field input {
    /*width: 100% !important;*/
}
/*Slider*/

.slider.slider-vertical {
    margin-right: 13px;
}
.slider-selection {
    background: #2394f2;
    border: 1px solid #437DDC;
    box-shadow: none;
}
.slider-handle {
    opacity: 1;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    /* Firefox 3.6-15 */
    
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    /* Opera 11.10-12.00 */
    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.39);
    height: 23px;
    width: 23px;
    transition: box-shadow 200ms ease-in-out;
}
.slider-handle:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.slider.slider-horizontal .slider-handle {
    margin-top: -7px;
}
.slider.slider-vertical .slider-handle {
    margin-left: -6px;
}
/*CHAT*/

.chat-wi .chat-space {
    height: 377px;
    padding: 15px;
}
.chat-wi .chat-content {
    padding: 15px;
    background: #fff;
}
.chat-wi .chat-conv {
    position: relative;
    text-align: right;
    padding: 10px;
    margin-bottom: 15px;
}
.chat-wi .chat-conv .c-avatar {
    position: absolute;
    border: 1px solid #D6DAE0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09);
    height: 50px;
    width: 50px;
    vertical-align: top;
    right: 0;
}
.chat-wi .chat-conv .c-bubble {
    position: relative;
    display: inline-block;
    padding: 8px 9px 5px 9px;
    font-size: 12px;
    font-weight: 400;
    color: #FFF;
    margin: 0 60px 0 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-top: 1px solid #4aa4ec;
    border-bottom: 1px solid #2f7ee5;
    box-shadow: 0 1px 0 #7fc6fe inset, 1px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: -moz-linear-gradient(center top, #50b1fe 45%, #348bfc 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#50b1fe), to(#348bfc));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #50b1fe, #348bfc);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #50b1fe, #348bfc);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #50b1fe 45%, #348bfc 102%);
    background-color: #43a2ff;
}
.chat-wi .chat-conv .c-bubble span {
    background: url("../img/bubble-tail.png") no-repeat;
    height: 21px;
    width: 12px;
    display: block;
    position: absolute;
    right: -12px;
    top: 5px;
}
.chat-wi .sent {
    text-align: left;
}
.chat-wi .sent .c-bubble {
    margin: 0 0 0 60px;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 #ffffff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
    text-shadow: none;
    color: #666;
    background-image: -moz-linear-gradient(center top, #ffffff 45%, #f3f3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #ffffff 45%, #f3f3f3 100%);
}
.chat-wi .sent .c-avatar {
    left: 0;
}
.chat-wi .sent .c-bubble span {
    background: url("../img/bubble-tail-l-white.png") no-repeat;
    left: -12px;
}
.chat-wi .chat-in {
    border-top: 1px solid #DADADA;
    background: #F6F8FB;
}
.chat-wi .chat-in input[type="text"] {
    width: 100%;
    border: 0;
    height: 47px;
    padding: 10px;
    font-size: 15px;
    font-weight: 200;
    color: #555;
}
.chat-wi .chat-tools {
    background: #F6F8FB;
    border-top: 1px solid #dfdfdf;
    color: #6f6f6f;
}
.chat-wi .chat-tools i {
    display: inline-block;
    width: 38px;
    padding: 13px 8px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.chat-wi .chat-tools i:hover {
    background: #e5e7ea;
}
.chat-wi .chat-in button,
.chat-wi .chat-in input[type="submit"] {
    box-shadow: none;
    background: #E5E7EA;
    border: 1px solid #E5E7EA;
    border-left: 1px solid #dadada;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 47px;
    min-width: 70px;
    color: #777;
    transition: border-color 0.21s ease-out 0s;
    margin: 0;
}
.chat-wi .chat-in button:hover {
    border-color: #4D90FE;
    color: #555;
}
.chat-wi .chat-in .input {
    margin-right: 70px;
}
/*Alerts*/

.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
    display: table;
    width: 100%;
}
.alert .sign {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
    text-align: center;
    width: 25px;
    display: inline-block;
}
.alert-success {
    background-color: #DBF6D3;
    border-color: #AED4A5;
    color: #569745;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #98cce6;
    color: #3A87AD;
}
.alert-warning {
    background-color: #FCF8E3;
    border-color: #F1DAAB;
    color: #C09853;
}
.alert-danger {
    background-color: #F2DEDE;
    border-color: #e0b1b8;
    color: #B94A48;
}
.alert-white {
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}
.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #BDBDBD;
    padding-top: 15px;
}
.alert-white .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #BDBDBD;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}
.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.alert-white .icon i {
    font-size: 20px;
    color: #FFF;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.alert-white.alert-danger .icon,
.alert-white.alert-danger .icon:after {
    border-color: #ca452e;
    background: #da4932;
}
.alert-white.alert-info .icon,
.alert-white.alert-info .icon:after {
    border-color: #3A8ACE;
    background: #2394f2;
}
.alert-white.alert-warning .icon,
.alert-white.alert-warning .icon:after {
    border-color: #D68000;
    background: #FC9700;
}
.alert-white.alert-success .icon,
.alert-white.alert-success .icon:after {
    border-color: #54A754;
    background: #60C060;
}
.alert-innerlist {
    margin-top: 10px !important;
}
.alert-innerlist li {
    width: 45% !important;
    padding-left: 30px !important;
    padding-bottom: 8px !important;
}
.alert-innerlist li i {
   margin-left:10px;
  
}
/*Labels*/

.label {
    border-radius: 0;
    -webkit-border-radius: 0;
    font-weight: normal;
    font-size: 95%;
}
.label-default {
    background-color: #a1a1a1;
}
.label i {
    font-size: 100% !important;
    color: inherit !important;
    width: auto !important;
    min-width: 11px;
}
.label-success {
    background-color: #60C060;
}
.label-primary {
    background-color: #2394f2;
}
.label-warning {
    background-color: #fcad37;
}
.label-danger {
    background-color: #ED5B56;
}
.label-info {
    background-color: #5DC4EA;
}
/*Bagde*/

.badge {
    font-weight: normal;
    font-size: 95%;
    padding: 4px 6px;
    background-color: #a1a1a1;
}
.badge-primary {
    background-color: #2394f2 !important;
}
.badge-success {
    background-color: #60C060 !important;
}
.badge-info {
    background-color: #5DC4EA !important;
}
.badge-warning {
    background-color: #fcad37 !important;
}
.badge-danger {
    background-color: #ED5B56 !important;
}
/*Progress*/

.progress {
    height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.progress .progress-bar {
    font-size: 11px;
    line-height: 17px;
}
.progress-bar-info {
    background-color: #2394f2;
}
.progress-bar-success {
    background-color: #60C060;
}
.progress-bar-warning {
    background-color: #FC9700;
}
.progress-bar-danger {
    background-color: #DA4932;
}
/*Pagination*/

.pagination {
    margin: 18px 0;
}
.pagination &gt; .active &gt; a,
.pagination &gt; .active &gt; span,
.pagination &gt; .active &gt; a:hover,
.pagination &gt; .active &gt; span:hover,
.pagination &gt; .active &gt; a:focus,
.pagination &gt; .active &gt; span:focus {
    background-color: #2083D6;
}
/*Nav Pills*/

.nav-pills &gt; li.active &gt; a,
.nav-pills &gt; li.active &gt; a:hover,
.nav-pills &gt; li.active &gt; a:focus {
    background-color: #2394f2;
}
/*List Group*/

.list-group-item:first-child {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.list-group-item:last-child {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #2394f2;
}
.list-group-item i {
    min-width: 15px;
    display: inline-block !important;
    text-align: center;
}
.list-group-item h4 {
    margin-bottom: 8px;
    font-size: 17px;
}
.list-group-item h4 {
    margin-bottom: 8px;
    font-size: 15px;
}
.list-group-item {
    font-size: 12px;
    padding: 13px 15px;
    line-height: 22px;
}
a.list-group-item:hover {
    border-left: 5px solid #2394f2;
    border-color: #2394f2;
    padding-left: 11px;
}
a.list-group-item:hover + a.list-group-item {
    border-top-color: #2394f2;
}
.list-group .active:hover {
    padding-left: 15px;
    border-left: 1px solid #428BCA;
}
/*DarkList Widget*/

.dark-list {
    color: #FFF;
}
.dark-list .header {
    background-color: #272930;
    border-bottom-color: #1A1C20;
}
.dark-list .header h3 {
    color: #999;
}
.dark-list .items li {
    background-color: #272930;
    border-bottom: 1px solid #1A1C20;
    border-top: 1px solid #32353E;
}
.dark-list .items li:hover {
    background-color: #2A2C34;
}
.dark-list .items li:first-child {
    border-top: 1px solid #32353E;
}
.dark-list .items li:last-child {
    border-bottom: 0;
}
.dark-list .items li i {
    color: #FFF;
}
.dark-list .total-data {
    border-top: 1px solid #131519;
    box-shadow: 0 1px 0 #2A2C31 inset;
    background: #1F2126;
    border-radius: 0 0 3px 3px;
}
.dark-list .total-data &gt; a {
    color: #C9D4F6;
}
/*Icons*/

.fa-mobile-phone {
    font-size: 18px;
}
.icon-16 {
    font-size: 16px !important;
}
.icon-19 {
    font-size: 19px !important;
}
.icon-24 {
    font-size: 24px !important;
}
.icon-32 {
    font-size: 32px !important;
}
.icon-64 {
    font-size: 64px !important;
}
.icon-show i {
    font-size: 14px !important;
    margin-right: 5px;
    width: 20px;
}
.icon-show &gt; div {
    margin: 5px 0;
}
/*Buttons*/

.btn {
    border-color: #CCCCCC;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    outline: none;    
    font-size: 13px;
    padding: 5px 11px;
    box-shadow: none;
    border: 0px;
}
.btn-default,
.btn-default:focus {
    background-color: #dadada;
    color: #333333;
}
.dropdown-toggle.btn-default {
    border: solid 1px #ccc;
    background: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.dropdown-toggle.btn-default .caret {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.btn-default i {
    color: #444;
}
.btn-primary,
.btn-primary:focus {
    background-color: #2394f2;
    border-color: #3680BF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #4e9dff;
    border-color: #357ebd;
}
.btn-primary:active {
    box-shadow: none;
}
.btn-success,
.btn-success:focus {
    background-color: #60C060;
    border-color: #54A754;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #65ca65;
    border-color: #54A754;
}
.btn-info,
.btn-info:focus {
    background-color: #5BC0DE;
    border-color: #28a1c4;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #5fc8e7;
    border-color: #28A1C4;
}
.btn-warning,
.btn-warning:focus {
    background-color: #FF9900;
    border-color: #E38800;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #ffa800;
}
.btn-danger,
.btn-danger:focus {
    background-color: #DF4B33;
    border-color: #CA452E;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #e64d35;
}
.btn-rad {
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.btn i {
    font-size: 14px;
    display: inline-block;
    min-width: 10px;
}
.btn-group-vertical {
    margin: 3px 3px;
}
/*Specific icons size*/

.btn-lg {
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 300;
}
.btn-lg i {
    font-size: 18px;
}
.btn-sm {
    padding: 4px 7px;
    font-size: 12px;
}
.btn-sm i {
    font-size: 14px;
}
.btn-xs {
    padding: 2px 6px;
    font-size: 11px;
}
.btn-xs i {
    font-size: 12px;
}
.btn-shadow {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
}
.btn-shadow.btn-success {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-shadow.btn-primary {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-shadow.btn-warning {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-shadow.btn-danger {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-shadow.btn-info {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-flat,
.btn-flat:focus {
    box-shadow: none;
}
.btn-flat.btn-default {
    background: #dadada;
}
.btn-flat:active.btn-default,
.btn-flat.btn-default.active,
.btn-flat.open .dropdown-toggle.btn-default {
    background: #f5f5f5;
}
.btn-flat:active.btn-primary,
.btn-flat.btn-primary.active,
.btn-flat.open .dropdown-toggle.btn-primary {
    background: #4785ea;
}
.btn-flat:active.btn-success,
.btn-flat.btn-success.active,
.btn-flat.open .dropdown-toggle.btn-success {
    background: #5db95d;
}
.btn-flat:active.btn-info,
.btn-flat.btn-info.active,
.btn-flat.open .dropdown-toggle.btn-info {
    background: #56b7d3;
}
.btn-flat:active.btn-warning,
.btn-flat.btn-warning.active,
.btn-flat.open .dropdown-toggle.btn-warning {
    background: #ff9600;
}
.btn-flat:active.btn-danger,
.btn-flat.btn-danger.active,
.btn-flat.open .dropdown-toggle.btn-danger {
    background: #d04630;
}
.btn-group-vertical &gt; .btn {
    margin-bottom: 0 !important;
}
.btn-group-vertical &gt; .btn:first-child {
    margin-left: 0;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.btn-group-vertical &gt; .btn:last-child {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
/*Social buttons*/

.btn-facebook i {
    color: #3b5998;
}
.btn-twitter i {
    color: #00aced;
}
.btn-google-plus i {
    color: #dd4b39;
}
.btn-dribbble i {
    color: #ea4c89;
}
.btn-linkedin i {
    color: #0e76a8;
}
.btn-youtube i {
    color: #c4302b;
}
.btn-pinterest i {
    color: #c8232c;
}
.btn-tumblr i {
    color: #34526f;
}
.btn-flickr i {
    color: #ff0084;
}
.btn-facebook.bg {
    background: #3b5998;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-twitter.bg {
    background: #00aced;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-google-plus.bg {
    background: #dd4b39;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-dribbble.bg {
    background: #ea4c89;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-linkedin.bg {
    background: #0e76a8;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-youtube.bg {
    background: #c4302b;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-pinterest.bg {
    background: #c8232c;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-tumblr.bg {
    background: #34526f;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-flickr.bg {
    background: #0063dc;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn-github.bg {
    background: #333;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn.bg i {
    color: #FFF;
}
.btn:focus {
    outline: none;
}
.btn-group.btn-blurbg {
    background: url("../img/blur_bg.png") no-repeat;
    padding: 40px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.btn.btn-transparent {
    border-top: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.btn.btn-transparent:hover {
    background: rgba(255, 255, 255, 0.32);
}
.video-player {
    position: relative;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.video-player video {
    display: block;
    max-width: 320px;
    width: 100%;
}
.video-player .btn-controls {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
}
.video-player .btn-controls .btn-group {
    margin: 0;
}
.video-player .btn-controls .btn-group {
    float: none;
}
button::-moz-focus-inner {
    border: 0;
}
.btn-group .dropdown-menu {
    border-radius: 1px;
}
.input-group-btn .btn[type="submit"] {
    padding-bottom: 7px 10px;
}
.btn-link {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*Bootstrap 3.1.0 Fix*/

.btn-group .dropdown-backdrop + .btn {
    margin-left: -1px;
}
.input-group-addon.btn-primary,
.input-group-addon.btn-success,
.input-group-addon.btn-danger,
.input-group-addon.btn-warning {
    color: #fff;
}
/*Modals*/

.modal {
    overflow: auto;
}
.md-modal {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
.md-modal,
.box-shadow {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-content {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0;
}
.modal-content &gt; .close {
    margin-right: 10px;
    margin-top: 10px;
}
.md-modal .close {
    opacity: 0.5;
    color: #fff;
    font-weight: normal;
}
.md-modal .alert .close {
    color: #555;
}
.md-modal .close:hover {
    opacity: 0.9;
}
.colored-header .modal-header,
.modal-content .modal-header,
.md-modal .modal-header {
    border-bottom: 0;
    padding: 15px 25px 15px 20px;
    background-color: #2494f2;
    color: #fff;
    position: relative;
}
.md-modal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.md-content .modal-header h3 {
    color: #fff;
}
.md-content {
    background: #FFFFFF;
    border: 0;
    color: #333;
    overflow: hidden;
}
.colored-header.success .modal-header {
    padding: 20px;
    border-bottom: 1px solid #4cac4c !important;
    background-color: #60c060;
    color: #fff;
}
.colored-header.info .modal-header {
    padding: 20px;
    border-bottom: 1px solid #47acca !important;
    background-color: #5bc0de;
    color: #fff;
}
.colored-header.warning .modal-header {
    padding: 20px;
    border-bottom: 1px solid #eb8500 !important;
    background-color: #ff9900;
    color: #fff;
}
.colored-header.danger .modal-header {
    padding: 20px;
    border-bottom: 1px solid #cb371f !important;
    background-color: #df4b33;
    color: #fff;
}
.md-dark .modal-header {
    background-color: #2494f2;
    color: #fff;
}
.md-dark .modal-header {
    background-color: #2494f2;
    color: #fff;
}
.md-dark .md-content {
    background-color: #23262B;
    color: #BBBEC3;
}
.md-dark .md-content input {
    background-color: transparent;
    color: #b2b2b2;
}
.md-dark .modal-content .modal-footer {
    border: 0;
    background-color: transparent;
}
.md-dark .md-content .modal-footer {
    border: 0;
    background-color: transparent;
}
.md-dark .md-content .modal-footer .btn {
    margin-bottom: 0 !important;
}
.modal-content h4,
.modal-content h4 {
    font-weight: 400;
}
.modal-content h3,
.modal-content h3 {
    font-weight: 300;
    margin-top: 0;
}
.modal-content h2 {
    margin: 0;
}
.modal-content .modal-footer {
    background: #FBFBFB;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.custom-width {
    width: 40%;
    max-width: none;
}
.ui-widget-content a.btn-primary {
    color: #fff;
}
select,
select option {
    background: #fff !important;
}
@media (min-width: 768px) and (max-width: 979px) {
    .custom-width {
        width: 60%;
        max-width: none;
    }
}
@media (max-width: 767px) {
    .custom-width {
        width: 90%;
        max-width: none;
    }
    #form-primary-ProgClasChange.md-modal.custom-width {
        max-width: none;
    }
}
/*Circle*/

.i-circle {
    border: 5px solid #F1F1F1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 80px;
    width: 80px;
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 7px;
}
.i-circle i {
    font-size: 34px;
    vertical-align: middle;
    color: #666;
}
.i-circle.success i {
    color: #60C060;
}
.i-circle.primary i {
    color: #2394f2;
}
.i-circle.info i {
    color: #5bc0de;
}
.i-circle.warning i {
    color: #FC9700;
}
.i-circle.danger i {
    color: #DA4932;
}
/*Gritter Notifications*/

#gritter-notice-wrapper {
    width: 320px;
    top: 45px;
}
.gritter-item-wrapper {
    background: url("../Content/lib/jquery.gritter/images/gritter-bg.png");
    /*background-image: url('../lib/jquery.gritter/images/gritter-bg.png');*/
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.32);
}
.gritter-top {
    background: transparent;
}
.gritter-item {
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    color: #FFF;
    padding: 2px 20px 12px;
    padding-right: 35px;
    padding-left: 10px;
}
.gritter-bottom {
    background: transparent;
}
.gritter-item p {
    font-size: 12px;
    line-height: 19px;
}
.gritter-title {
    text-shadow: none;
    font-weight: 300;
    font-size: 17px;
}
.gritter-close {
    display: block !important;
    top: 0;
    right: 0;
    left: auto;
    height: 30px;
    width: 35px;
    font-size: 0;
    background: transparent;
    text-indent: inherit;
}
.gritter-close:after {
    content: '×';
    position: absolute;
    color: #FFF;
    left: 10px;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.gritter-without-image,
.gritter-with-image {
    padding-left: 7px;
    width: 224px;
}
.gritter-item-wrapper.clean {
    background: #FFF;
}
.gritter-item-wrapper.clean .gritter-item {
    color: #555;
}
.gritter-item-wrapper.clean .gritter-close {
    display: block !important;
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: 35px;
    border-left: 1px solid #258fec;
    border-top: 1px solid #52C0FF;
    background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));
    /* Chrome, Safari 4+ */
    
    background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    
    background-image: -o-linear-gradient(top, #52aeff, #2180d3);
    /* Opera 11.10-12.00 */
    
    background-image: linear-gradient(to bottom, #52aeff, #2180d3);
    background-color: #3290E2;
    text-indent: inherit;
}
.gritter-item-wrapper.clean .gritter-close:after {
    content: '×';
    position: absolute;
    color: #FFF;
    top: 50%;
    left: 10px;
    font-size: 24px;
    font-weight: bold;
    margin-top: -17px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.gritter-image {
    margin-top: 3px;
}
/*Facebook Style*/

.gritter-item-wrapper.facebook {
    background: #5d82d1;
}
.gritter-item-wrapper.facebook .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.facebook .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Twitter Style*/

.gritter-item-wrapper.twitter {
    background: #50bff5;
}
.gritter-item-wrapper.twitter .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.twitter .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Google+ */

.gritter-item-wrapper.google-plus {
    background: #eb5e4c;
}
.gritter-item-wrapper.google-plus .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.google-plus .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Dribbble */

.gritter-item-wrapper.dribbble {
    background: #f7659c;
}
.gritter-item-wrapper.dribbble .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.dribbble .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Flickr */

.gritter-item-wrapper.flickr {
    background: #0063dc;
}
.gritter-item-wrapper.flickr .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.flickr .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Linkedin */

.gritter-item-wrapper.linkedin {
    background: #238cc8;
}
.gritter-item-wrapper.linkedin .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.linkedin .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Youtube */

.gritter-item-wrapper.youtube {
    background: #ef4e41;
}
.gritter-item-wrapper.youtube .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.youtube .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Pinterest */

.gritter-item-wrapper.pinterest {
    background: #e13138;
}
.gritter-item-wrapper.pinterest .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.pinterest .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Github */

.gritter-item-wrapper.github {
    background: #333333;
}
.gritter-item-wrapper.github .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.github .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Tumblr */

.gritter-item-wrapper.tumblr {
    background: #426d9b;
}
.gritter-item-wrapper.tumblr .gritter-item {
    color: #FFF;
}
.gritter-item-wrapper.tumblr .gritter-close {
    background-color: transparent;
    top: 5px;
}
/*Colors */

.gritter-item-wrapper.primary {
    background: #2494f2;
}
.gritter-item-wrapper.success {
    background: #60c060;
}
.gritter-item-wrapper.info {
    background: #5bc0de;
}
.gritter-item-wrapper.warning {
    background: #ff9900;
}
.gritter-item-wrapper.danger {
    background: #df4b33;
}
.gritter-item-wrapper.dark {
    background: #23262b;
}
/*Nano Scroller*/

.nano &gt; .pane {
    width: 6px;
    -webkit-border-radius: 0;
    /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
    
    border-radius: 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    
    background-color: rgba(0, 0, 0, 0.1);
}
.nano &gt; .pane &gt; .slider {
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    -webkit-border-radius: 0;
    /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
    
    border-radius: 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    
    margin: 0;
}
.jqstooltip {
    padding: 3px 10px 5px 5px;
    min-height: 25px;
    min-width: 30px;
}
.tree &gt; div {
    /* overflow: auto; */
}
.tree .content {
    padding: 0 !important;
}
.tree .title {
    padding: 20px;
}
.treeview {
    display: block;
    visibility: visible;
}
.treeview label {
    font-weight: 400;
    margin: 0;
    padding: 7px 18px;
    display: block;
    border-bottom: 0px solid #E5E5E5;
}
.treeview label:hover,
.treeview label.open {
    background: #F9F9F9;
}
.treeview li &gt; ul {
    display: none;
}
.treeview li.open &gt; ul {
    display: block;
}
.treeview ul li {
    border-bottom: 0px solid #E5E5E5;
}
.treeview ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #555;
}
.treeview ul li a:hover {
    background: #F9F9F9;
}
.treeview label i {
    font-size: 14px;
    text-align: center;
    width: 24px;
    color: #2394f2;
}
.treeview ul li label {
    padding-left: 36px;
}
.treeview ul li ul li label {
    padding-left: 54px;
}
.treeview ul li ul li ul li label {
    padding-left: 72px;
}
.treeview ul li ul li ul li ul li label {
    padding-left: 90px;
}
.treeview ul li a {
    padding-left: 36px;
}
.treeview ul li ul li a {
    padding-left: 54px;
}
.treeview ul li ul li ul li a {
    padding-left: 72px;
}
.treeview ul li ul li ul li a {
    padding-left: 90px;
}
.treeview .tree-toggler {
    cursor: pointer;
}
@media (max-width: 767px) {
    .page-aside.tree .header {
        border-bottom: 1px solid #E5E5E5;
    }
    .tree .nano .content {
        position: static;
        overflow: visible;
    }
    .treeview.collapse {
        display: none;
    }
    .treeview.collapse.in {
        display: block;
    }
}
ul.timeline {
    position: relative;
    background: #f6f6f6;
    padding: 20px;
}
ul.timeline:before {
    background-color: #E1E1E1;
    bottom: 0;
    content: "";
    left: 31px;
    margin-left: -10px;
    position: absolute;
    top: 2px;
    width: 2px;
}
ul.timeline:after {
    bottom: -9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #E1E1E1;
    position: absolute;
    left: 17px;
    content: "";
}
ul.timeline li {
    position: relative;
    list-style: none;
    margin-bottom: 25px;
}
ul.timeline li &gt; .fa {
    left: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #FFF;
    border-radius: 50%;
    /*background: #52AEFF;*/
    
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 3px solid #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 2;
    top: 0;
}
ul.timeline li .fa.red {
    background: #EA6153;
}
ul.timeline li .fa.green {
    background: #19B698;
}
ul.timeline li .fa.purple {
    background: #A66BBE;
}
ul.timeline li .content {
    position: relative;
    border-radius: 3px;
    background: #FFF;
    margin-left: 75px;
    padding: 12px 10px;
    border: 1px solid #E8E8E6;
    line-height: 15px;
}
ul.timeline li .content p {
    margin: 0;
}
ul.timeline li .content .img-thumbnail {
    border-radius: 0;
    margin: 10px 5px 0 0;
    cursor: pointer;
}
ul.timeline li .content blockquote {
    margin: 10px 0 0 0;
}
ul.timeline li .content blockquote p {
    margin: 0 0 5px 0 !important;
    font-size: 14px;
}
ul.timeline li .content:before {
    background: #FFF;
    position: absolute;
    top: 14px;
    content: "";
    width: 10px;
    height: 10px;
    left: -6px;
    border-left: 1px solid #E8E8E6;
    border-bottom: 1px solid #E8E8E6;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
}
ul.timeline li &gt; .date {
    background: #E8E8E8;
    position: absolute;
    top: 49px;
    display: block;
    width: 44px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #E1E1E1;
    font-size: 11px;
    border-radius: 1px;
    text-shadow: 0 1px 0 #fafafa;
    color: #7B7B7B;
    line-height: 19px;
}
@media screen and (min-width: 1500px) {
    .cbp_tmtimeline &gt; li .cbp_tmtime {
        padding-right: 130px;
    }
}
/*Validation*/

.parsley-errors-list {
    margin-top: 4px;
    padding: 0;
}
.parsley-errors-list li {
    padding: 0;
    list-style: none;
    color: #cc0000;
}
.parsley-error {
    border-color: #c00 !important;
}
/*Tickets Widget*/

.list-group.tickets .list-group-item {
    overflow: hidden;
    margin-bottom: 10px;
    background: #F2F2F2;
    border-radius: 4px;
    border: 0;
}
.list-group.tickets .list-group-item {
    padding: 13px 15px;
}
.list-group.tickets .list-group-item .avatar {
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}
.list-group.tickets .list-group-item .name {
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: 600;
}
.list-group.tickets .list-group-item p {
    margin: 0;
    line-height: 12px;
}
.list-group.tickets .list-group-item .date {
    font-size: 11px;
    color: #999;
}
.list-group.tickets .list-group-item .label {
    line-height: 16px;
}
/*Todo Widget*/

.list-group.todo .list-group-item {
    font-size: 13px;
    border: 0;
    margin-bottom: 10px;
    background: #FFF;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #EFEFEF;
    border-radius: 3px;
    border-right: 1px solid #EFEFEF;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    padding: 13px 15px;
}
.list-group.todo .list-group-item .date {
    font-size: 12px;
    float: right;
}
.fc-header {
    display: block;
}
.fc-header td {
    border-bottom: 0;
    border-left: 0;
}
.fc-header td:last-child {
    border-right: 0;
}
.calendar-env .calendar-body .fc-header .fc-header-left {
    padding: 20px;
}
.calendar-env .calendar-body .fc-header .fc-header-right {
    padding: 20px;
}
.fc-header-title {
    padding: 0 10px;
}
.fc-header .fc-button {
    margin: 0;
    vertical-align: middle;
}
.fc-button {
    padding: 10px;
    display: inline !important;
}
.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0px;
}
.fc-state-default {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    color: #666;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    background: #2e9efc;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}
.fc-event {
    background: #2494f2 !important;
    border-color: #2494f2 !important;
    color: #ffffff !important;
}
.external-event {
    /* try to mimick the look of a real event */
    
    margin: 2px 0;
    padding: 2px 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #2494f2;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
    display: inline-block;
}
#external-events p {
    padding-top: 5px;
    margin-top: 5px;
}
@media (max-width: 767px) {
    .fc-header .fc-header-left,
    .fc-header .fc-header-center,
    .fc-header .fc-header-right {
        text-align: center;
        display: block;
        width: 100%;
        padding: 20px;
    }
    .fc-header .fc-header-center {
        padding: 0;
    }
}
/*Multiselect*/

.multiselect-container &gt; li &gt; a &gt; label.radio,
.multiselect-container &gt; li &gt; a &gt; label.checkbox {
    padding-left: 20px;
}
.multiselect-container &gt; li.active &gt; a {
    background-color: #2494f2;
}
.multiselect-container &gt; li.active:hover &gt; a {
    background-color: #2494f2;
}
.multiselect-container &gt; li &gt; label.multiselect-group {
    font-size: 13px;
    font-weight: 600;
}
.ms-container .ms-list {
    box-shadow: none;
}
.ms-container .ms-list.ms-focus {
    border-color: #2494f2;
    box-shadow: none;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background: #2494f2;
}
#ms-custom-headers .custom-header {
    background: #2494f2;
    color: #FFFFFF;
    padding: 7px 10px;
    font-size: 14px;
}
#ms-custom-headers .ms-list {
    border-radius: 0 0 3px 3px;
    border-top: none;
}
#ms-searchable .ms-list {
    border-radius: 0 0 3px 3px;
    border-top: none;
}
/*Input Group Fix*/

.input-group-addon ~ .btn-group {
    margin-left: 0;
}
form.dropzone {
    -webkit-border-radius: 3px;
    /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
    
    border-radius: 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    
    background-clip: padding-box;
    /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    
    border-style: dashed;
    border-color: #84c3f8;
    padding: 54px;
}
form.dropzone h2 {
    margin-bottom: 30px;
}
form.dropzone .note {
    font-size: 16px;
}
/*RESPONSIVE*/
/*Responsive CSS*/

@media (min-width: 1200px) {
    .cl-sidebar .cl-vnavigation {
        display: block !important;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .cl-sidebar .cl-vnavigation {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .butstyle {
        width: 30.9%;
    }
    .butstyle:first-child {
        margin-left: 0;
    }
    .cl-sidebar {
        width: 55px;
    }
    #cl-wrapper.fixed-menu .menu-space {
        width: 55px;
    }
    .cl-vnavigation li {
        position: relative;
    }
    .cl-vnavigation .parent a {
        background: none;
    }
    .cl-vnavigation li a i {
        margin: 0;
        font-size: 17px;
    }
    .cl-vnavigation li a span {
        opacity: 0;
        width: 0;
        height: 0;
    }
    .cl-sidebar .side-user {
        display: none;
    }
    .cl-sidebar .cl-vnavigation {
        display: block !important;
    }
    .cl-vnavigation li ul {
        display: none !important;
    }
    .cl-sidebar .collapse-button {
        display: none;
    }
}
@media (max-width: 767px) {
    .cl-sidebar .collapse-button {
        display: none;
    }
    #cl-wrapper {
        padding-top: 0;
        display: block;
    }
    .cl-mcont {
        padding: 15px;
    }
    .navbar-fixed-top {
        position: relative;
        margin: 0;
    }
    /*dropdown menu*/
    
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #FFF;
    }
    .navbar-default .navbar-nav .dropdown-submenu &gt; a:after {
        border-width: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
        color: #FFF;
    }
    .navbar-nav .dropdown-menu &gt; li &gt; a:hover,
    .navbar-nav .dropdown-menu &gt; li &gt; a:focus,
    .navbar-nav .dropdown-submenu:hover &gt; a {
        background-color: transparent;
    }
    .navbar-nav .dropdown-submenu ul {
        display: block;
        padding-left: 20px;
    }
    .navbar-nav .dropdown-header {
        color: #FFF;
    }
    .navbar-nav .col-menu-2 &gt; li &gt; ul &gt; li a {
        color: #FFF;
        padding-left: 45px;
    }
    .navbar-nav .col-menu-3 &gt; li &gt; ul &gt; li a {
        color: #FFF;
        padding-left: 45px;
    }
    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-nav &gt; .active &gt; a:focus,
    .navbar-nav &gt; .active &gt; a:active {
        background: transparent !important;
        color: #FFF !important;
    }
    .navbar-default .navbar-nav &gt; li &gt; a,
    .navbar-default .navbar-nav &gt; li &gt; a:hover,
    .navbar-nav &gt; li &gt; a:focus,
    .navbar-nav &gt; li &gt; a:active {
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }
    .not-nav {
        text-align: center;
        background: #218ae1;
        border-top: 1px solid #2082d5;
        margin: 0;
    }
    .navbar-default .navbar-nav &gt; li.button {
        float: none;
        display: inline-block;
        padding: 10px 4px;
        top: 100%;
    }
    .not-nav &gt; li &gt; .dropdown-menu {
        text-align: left;
    }
    .navbar-default .navbar-nav &gt; li.button &gt; a &gt; i {
        font-size: 17px;
        vertical-align: middle;
    }
    .navbar-default .navbar-nav &gt; li.button .dropdown-menu {
        position: absolute;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        border-top: 0;
        margin-left: -110px;
    }
    .navbar-default .navbar-nav &gt; li.button .dropdown-menu &gt; li &gt; a {
        text-align: left;
    }
    .navbar-collapse {
        padding: 0 !important;
    }
    .navbar-collapse .navbar-nav {
        margin: 0;
    }
    .profile_menu {
        margin: 0;
        min-width: 100px;
    }
    .profile_menu img {
        width: 24px;
        height: 24px;
        margin-top: 8px;
    }
    .profile_menu a .profildrp {
        padding-left: 30px !important;
    }
    .profile_menu a .profildrp span:first-of-type {
        display: none !important;
    }
    .profile_menu a .profildrp span:last-of-type {
        margin-top: 11px;
    }
    .user-nav {
        margin: 7.5px -15px;
    }
    .navbar-collapse.in {
        overflow: visible;
    }
    .col-menu-2 &gt; div:first-child {
        border-right: 0;
    }
    /*end - dropdown*/
    
    .cl-sidebar,
    .sb-collapsed .cl-sidebar {
        background: #272930;
        width: 100%;
        position: relative;
        z-index: 1020;
        display: block;
        padding-bottom: 0;
    }
    #cl-wrapper.fixed-menu .menu-space,
    #cl-wrapper.fixed-menu.sb-collapsed .menu-space {
        position: relative;
        height: auto !important;
        width: 100%;
    }
    #cl-wrapper .menu-space {
        min-height: 0 !important;
    }
    #cl-wrapper.fixed-menu .menu-space .content,
    #cl-wrapper.fixed-menu.sb-collapsed .menu-space .content {
        overflow: visible;
        position: relative;
    }
    .sb-collapsed .cl-vnavigation .parent &gt; a {
        background: url("../img/arrow.png") no-repeat scroll right 14px top 18px rgba(0, 0, 0, 0);
    }
    .sb-collapsed .cl-vnavigation li a span {
        opacity: 1;
    }
    .sb-collapsed .cl-vnavigation li a i {
        font-size: 14px;
        margin-right: 7px;
        text-align: center;
        width: 20px;
    }
    .sb-collapsed .cl-vnavigation li.open ul {
        display: block !important;
    }
    .navbar &gt; .container-fluid .navbar-brand {
        height: auto;
        max-height: 56px;
    }
    .navbar-default .navbar-nav {
        position: absolute;
        top: -99px;
        right: 8px;
        margin-bottom: 0px;
    }
    .navbar-default .navbar-nav &gt; li &gt; .dropdown-menu {
        background-color: #fff;
        box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
    }
    .profile_menu .dropdown-toggle {
        height: 44px;
        text-align: left;
        cursor: pointer;
        padding: 3px 5px;
    }
    .navbar &gt; .container-fluid .navbar-header {
        background-color: #2083D6;
        height: 45px;
        margin-bottom: 0px;
    }
    .navbar &gt; .container-fluid .navbar-header:after {
        content: '';
        background-color: #2083D6;
        right: -7px;
        top: 0;
        position: absolute;
        width: 15px;
        height: 100%;
    }
    .navbar .navbar-brand img {
        width: 90px;
        height: 60px;
    }
    .navbar .logoName {
        left: 85px;
        font-size: 12px;
    }
    .navbar-default .cl-toggle {
        position: absolute;
        top: -35px;
        right: 10px;
        display: block;
        cursor: pointer;
    }
    .navbar-default .cl-toggle i {
        font-size: 24px;
        color: #fff;
    }
    .cl-sidebar .cl-toggle {
        display: block;
    }
    .cl-sidebar .cl-vnavigation {
        display: none;
    }
    .cl-sidebar .side-user {
        display: none;
    }
    /*Stats*/
    
    .butstyle {
        width: 100%;
        margin-right: 10px;
        margin-left: 0;
        max-width: 45%;
    }
    /*Forms*/
    
    .form-horizontal.group-border .form-group {
        padding: 5px 0 15px 0;
    }
    .form-horizontal.group-border .form-group label {
        margin-bottom: 7px;
    }
    .form-horizontal.group-border-dashed .form-group label {
        margin-bottom: 7px;
    }
    /*Buttons*/
    /*Login*/
    
    .login-container .middle-login {
        width: 100%;
        margin-left: 0px;
        padding: 0 15px;
        left: auto;
    }
}

#divAdultDuplicateList,
#divAdultMultiDuplicateList,
#divStaffDuplicateList,
#divMainContactList,
#divMainContactListEdit {
    
    padding: 0px !important;
    border-radius: 5px;
    background-color: #ffffff;
    font-weight: 500 !important;
}

 

#divDuplicateChildHeader,
#divDuplicateAdultHeader,
#divDuplicateAdultMultiHeader,
#divDuplicateStaffHeader,
#divMainContactHeader,
#divMainContactHeaderEdit {
    margin: 10px 10px 10px 10px;
    line-height: 25px;
    font-size: 12px;
}
#divDuplicateChildContent,
#divDuplicateAdultContent,
#divDuplicateAdultMultiContent,
#divDuplicateStaffContent,
#divMainContactContent,
#divMainContactContentEdit {
    margin: 10px 10px 10px 10px;
}
#divDuplicateChildMessage,
#divDuplicateAdultMessage,
#divDuplicateAdultMultiMessage,
#divDuplicateStaffMessage {
    margin: 10px 0px 10px 0px;
    height: 9px;
    text-align: center;
}
#divDuplicateChildFooter,
#divDuplicateAdultFooter,
#divDuplicateAdultMultiFooter,
#divDuplicateStaffFooter,
#divMainContactFooter,
#divMainContactFooterEdit {
    margin: 0px 0px 10px 0px;
    text-align: center;
}
.tableHead {
    height: 33px;
}
.tableContent {
    height: 36px;
}
.infoMessage {
    color: #ff0000;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.infoMessageLeft {
    color: #ff0000;
    width: 100%;
    text-align: left;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
}
.fieldTitle {
    width: 30%;
    text-align: right;
    padding: 15px 0px 0px 0px !important;
}
.fieldTitleEditChild,
.fieldTitleEditAdult,
.fieldTitleEditStaff {
    width: 39%;
    text-align: right;
}
.gridPopOut {
    width: 15%;
    text-align: right;
}
.gridPopOutContent {
    width: 30%;
    text-align: left;
}
.gridPopOutThreeColumn {
    width: 6%;
    text-align: right;
}
.gridPopOutContentThreeColumn {
    width: 34%;
    text-align: left;
}
.gridPopOutAttendance {
    width: 8%;
    text-align: right;
}
.gridPopOutAttendanceContent {
    width: 18%;
    text-align: left;
}
.requiredField {
    border-color: #ff0000 !important;
}
/* centered columns styles */

.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    
    text-align: left;
    /* inline-block space fix */
    
    margin-right: -4px;
}
.col-fixed {
    /* custom width */
    
    width: 320px;
}
.col-min {
    /* custom min width */
    
    min-width: 320px;
}
.col-max {
    /* custom max width */
    
    max-width: 320px;
}
@media (min-width: 767px) and (max-width: 1200px) {
    .column2 .btn-group.head1 {
        margin-left: -6% !important;
    }
    .attend_col_res {
        margin-bottom: 1%;
    }
}
@media (min-width: 350px) and (max-width: 767px) {
    .column2 .btn-group.head1 {
        margin-left: 20% !important;
    }
}
@media (max-width: 992px) {
    #attend_graph {
        padding: 0 0 1% 0;
    }
}
@media (max-width: 668px) {
    #capacity_graph {
        padding: 0 0 1% 0;
    }
    #Scheduled_Child_col {
        padding: 0 0 1% 0;
    }
}
@media (max-width: 350px) {
    .column2 .btn-group.head1 {
        margin-left: -7% !important;
    }
}
@-webkit-keyframes anim {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@keyframes anim {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
.myprogress,
a.myprogress {
    background-size: 20px 20px !important;
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%) !important;
    -webkit-animation: anim 3s linear infinite;
    pointer-events: none;
    cursor: default;
}
.myprogress,
a.myprogress {
    background-size: 20px 20px !important;
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%) !important;
    animation: anim 3s linear infinite;
    pointer-events: none;
    cursor: default;
}
.profile_menu .dropdown-toggle span {
    display: inline;
    margin-right: 3px;
    margin-top: 4px;
}
.nav &gt; li {
    display: block;
    position: relative;
    text-align: center;
}
#tips {
    padding-top: 0;
    text-align: left;
}
#tips ul {
    list-style: none;
    text-align: left;
    margin-left: 25px;
}
#tips ul li {
    list-style: disc;
    font-size: 13px;
    font-weight: normal;
    margin: 7px 0;
    padding-left: 5px;
}
#tips a {
    text-align: left;
    display: inline-block;
    font-size: 13px;
    margin: 0px 10px 0px 0px;
}
#tips a:hover {
    text-decoration: underline;
}
.ui-widget-header {
    background: none !important;
    background-color: #2494f2 !important;
    border: 1px solid #2494f2 !important;
    Color: #fff !important;
    font-weight: bold !important;
}
.selectize-input {
    box-sizing: initial;
}
#OrientationController {
    display: block;
}
#LandscapeErrMsg {
    display: none;
    width: 80%;
    text-align: center;
    color: red;
    margin: 100px auto;
}
.rad-1 {
    border-radius: 1px;
    -webkit-border-radius: 1px;
    overflow: hidden;
}
.rad-2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    overflow: hidden;
}
.rad-3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
a,
a:active,
a:focus,
button,
button:focus,
button:active {
    outline: none !important;
    outline: 0 !important;
}
input::-moz-focus-inner {
    border: 0 !important;
}
/*Dev 30 July*/

.input-group textarea {
    resize: vertical;
}
.overflow-hidden {
    overflow: hidden;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.no-margin-x {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-right {
    margin-right: 0 !important;
}
.spacer {
    margin-top: 15px !important;
}
.spacer2 {
    margin-top: 30px !important;
}
.spacer3 {
    margin-top: 50px !important;
}
.spacer-bottom-xs {
    margin-bottom: 10px !important;
}
.spacer-bottom {
    margin-bottom: 30px !important;
}
.spacer-bottom-sm {
    margin-bottom: 15px !important;
}
.spacer-bottom-lg {
    margin-bottom: 40px !important;
}
.pull {
    margin: 0 !important;
}
.pull-top {
    margin-top: 0 !important;
}
.pull-right {
    margin-right: 0 !important;
}
.pull-top-5 {
    margin-top: 5px !important;
}
.pull-top-8 {
    margin-top: 8px !important;
}
.pull-bottom-8 {
    margin-bottom: 8px !important;
}
.push-right-8 {
    margin-right: 8px;
}
.push-left-8 {
    margin-left: 8px;
}
.push-both-8 {
    margin-left: 8px;
    margin-right: 8px;
}
.push-right {
    margin-right: 15px;
}
.push-left {
    margin-left: 15px;
}
.no-padding {
    padding: 0 !important;
}
.hard-both {
    padding-left: 0;
    padding-right: 0;
}
.hard-top {
    padding-top: 0;
}
.hard-bottom {
    padding-bottom: 0 !important;
}
.hard-left {
    padding-left: 0 !important;
}
.hard-right {
    padding-right: 0 !important;
}
.soft {
    padding: 15px;
}
.soft-both {
    padding-left: 15px;
    padding-right: 15px;
}
.soft-both-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.soft-top-8 {
    padding-top: 8px !important;
}
.soft-left-8 {
    padding-left: 8px !important;
}
.soft-right-8 {
    padding-right: 8px !important;
}
.soft-top-15 {
    padding-top: 15px !important;
}
.soft-right-16 {
    padding-right: 16px !important;
}
ol {
    line-height: 22px;
}
.border-all {
    border: 1px solid #4c4c4c;
}
.border-error {
    border: 1px solid #ff0000;
}
.display-inline {
    display: inline-block !important;
}
.block-el {
    display: block;
}
.display-hide {
    display: none;
}
.flexbox {
    display: flex;
}
.flexbox-middle {
    display: flex;
    align-items: center;
}
.flex-column {
    flex-flow: column nowrap;
}
.error {
    color: #ff0000;
    font-size: 12px;
    font-weight: 400;
}
.txt-white {
    color: #fff;
}
.txt-red {
    color: #ff0000;
}
.bg-gray {
    background-color: #F6F6F6;
}
.bg-transparent {
    background-color: transparent !important;
}
.block-center {
    margin: auto;
    float: none;
}
.clear-left {
    float: none !important;
}
.full-height {
    min-height: 100% !important;
}
.full-width {
    width: 100% !important;
}
.min-auto {
    min-height: initial !important;
}
.clear {
    clear: both;
}
.fa-1x {
    font-size: 1.5em;
}
textarea {
    resize: vertical;
}
.pos-fixed {
    position: fixed !important;
}
.width-280 {
    width: 280px;
}
@media (max-width: 991px) {
    .hard-top-mobile {
        margin-top: 0 !important;
    }
    .pull-top-mobile {
        margin-top: 8px !important;
    }
}
@media (min-width: 992px) {
    .text-desktop-right {
        text-align: right;
    }
}
@media (min-width: 768px) {
    .text-sm-right {
        text-align: right;
    }
}
.block-flat:before,
.block-flat:after {
    display: table;
    content: " ";
}
.block-flat:after {
    clear: both;
}
.card-wrap .btn {
    white-space: normal;
}
@media (max-width: 767px) {
    .navbar h2 {
        font-size: 14px;
        position: relative;
        top: -5px;
    }
    .navbar h2 span {
        height: 36px;
    }
}

.alertsetup {
    width: 70%;
}
.alertsetup ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.alertsetup ul li {
    list-style: none;
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.alertsetup ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.alertsetup ul li .alert-list {
    background-color: #f8f8f8;
    padding: 15px;
    font-size: 13px;
    position: relative;
    padding-left: 45px;
}
.alertsetup ul li .alert-list p {
    font-size: 13px;
    line-height: normal;
    margin-top: 6px;
}
.alertsetup ul li .alert-list p .form-control {
    display: inline-block;
    width: 70px;
    margin-left: 5px;
    height: 26px;
    border-radius: 3px;
}
}
.alertsetup ul li .alert-list p:last-of-type {
    margin-bottom: 0px;
}
.alertsetup ul li .alert-list .btn-primary {
    border-radius: 2px;
    background-color: #2494f2;
    color: #fff;
    box-shadow: none;
    background-image: none;
    margin-top: 10px;
}
.alertsetup ul li .alert-list .alert-checkbox {
    position: absolute;
    left: 15px;
    top: 13px;
}
.alertsetup ul li .alert-list ul:before, .alertsetup ul li .alert-list ul:after {
  display: table;
  content: " ";
}
.alertsetup ul li .alert-list ul:after {
    clear: both;
}
.alertsetup ul li .alert-list ul li {
    border: 0px;
    margin: 0px;
    padding: 0px 0px 5px 20px;
    width: 48%;
    float: left;
    position: relative;
}

.alertsetup ul li .alert-list ul li .alert-checkbox {
    top: 0px;
    left: 0px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.alert-popup {
    position: relative;
}
.alert-popup h3 {
    font-weight: 300 !important;
}
.alert-popup .alert-heading {
    background: #dbdbdb;
    color: #696969;
    font-size: 20px;
    padding: 10px 15px;
}
.alert-popup .alert-popup-content ul {
    margin-bottom: 0px;
}
.alert-popup .alert-popup-content ul li {
    background: #fcfcfc;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    list-style: none;
    color: #555;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
}
.alert-popup .alert-popup-content ul li .btn {
    margin-left: 5px;
    border-radius: 2px;
}
.alert-popup .alert-popup-content ul li label {
    font-weight: 500;
    color: #000;
    padding-top: 5px;
    font-size: 13px;
}
.alert-popup .alert-popup-content ul li p {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    word-wrap:break-word;
}
.alert-popup .alert-popup-content .error {
    padding-top: 5px;
    text-align: right;
}
.alert-popup .alert-popup-content ul li:last-child {
    margin-bottom: 0px;
}
.alert-popup-content .row {
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 10px;
}
.alert-popup .alert-popup-content ul li .row:last-of-type {
    margin-bottom: 0px;
}
.alert-popup-content .row .col-sm-3 {
    padding-left: 8px;
    padding-right: 8px;
}
.alert-popup-content input, .alert-popup-content select {
    border-radius: 3px;
    border: solid 1px #c7c7c7;
    box-shadow: none;
    padding: 2px 0px;
}
.alert-popup-content input {
    padding: 2px 4px;
    width: 100%;
}
.alert-popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
}
.alert-popup .alert-popup-content .close-list {
    position: absolute;
    top: -7px;
    right: -8px;
    font-size: 10px;
    background: #696969;
    border-radius: 50%;
    color: #fff;
    width: 15px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.alert-exceptionhandle {
    max-width: 500px;
    width: 100%;
    margin: 0px auto;
    border-radius: 5px;
}
.alert-exceptionhandle h4 {
    font-weight: bold;
    font-size: 20px;
}
.alert-exceptionhandle .btn {
    margin-top: 10px;
}
.alert-popup hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.alert-popup .add-record-row {
    padding: 15px 15px 10px 15px;
    text-align: right;
}
#modal-alertsetup .modal-body {
    padding-top: 0px;
    padding-bottom: 0px;
}
.alert-popup .alert-popup-content label {
    font-weight: 500;
    font-size: 13px;
}
.alert-popup .alert-eidt-section {
    display: none;
}

.alert-popup .hovericon {
    display: none;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 26px;
}
.alert-popup .hovericon a {
    display: inline-block;
    cursor: pointer;
    border: solid 1px #b5b5b5;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    color: #b5b5b5;
    padding-top: 5px;
    margin-bottom: 5px;
}
.alert-popup .hovericon a:hover {
    border: solid 1px #2494F2;
    color: #2494F2;
}
.alert-popup .hovericon a.fa-trash-o:hover {
    border: solid 1px #f7635d;
    color: #f7635d;
}
.alert-popup .alert-popup-content ul li:hover .hovericon {
    display: block;
}

.alert-popup .alert-popup-content .addnew-notify-alert .btn {
    margin-left: 5px;
    border-radius: 2px;
}

#md-DeleteCriteriaPostWarning .btn {
    margin-left: 5px;
    border-radius: 2px;
}
/**
 * jQuery Timepicker - v1.3.5 - 2016-07-10
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */


.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker{box-sizing:content-box;display:block;height:205px;list-style:none outside none;margin:0;padding:0 1px;text-align:center}.ui-timepicker-viewport{box-sizing:content-box;display:block;height:205px;margin:0;padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}
/*!
 * ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 */.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover&gt;.arrow{left:25px}.clockpicker-align-top.popover&gt;.arrow{top:17px}.clockpicker-align-right.popover&gt;.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover&gt;.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
/* TimeEntry styles v2.0.0 */
.timeEntry-control {
	vertical-align: middle;
	margin-left: 2px;
}

.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block;font-size:16px}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.bootstrap-dialog .bootstrap-dialog-close-button{font-size:20px;float:right;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog.type-info .modal-header{background-color:#5bc0de}.bootstrap-dialog.type-primary .modal-header{background-color:#428bca}.bootstrap-dialog.type-success .modal-header{background-color:#5cb85c}.bootstrap-dialog.type-warning .modal-header{background-color:#f0ad4e}.bootstrap-dialog.type-danger .modal-header{background-color:#d9534f}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
#html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.profile-info table tr td, table.userProfileView tr td {
    word-break: break-word;
    line-height: 14px !important;
}

    .profile-info table tr td #Divsitevalue, table.userProfileView tr td #Divsitevalue {
        word-break: normal;
    }

*:focus {
    outline: none !important;
}

.font-xsmall {
    font-size: 12px;
}

.font-small {
    font-size: 13px;
}

.font-weight500 {
    font-weight: 500;
    line-height: normal;
}

.font-weightbold {
    font-weight: 600;
    line-height: normal;
}

.red-color {
    color: #ED5B56;
}

.green-text {
    color: #44a001;
}

.text-black {
    color: #000000;
}

.md-modal {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

.md-effect-14 .md-content {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

#Schedules .accordion h4 {
    margin-top: 0;
    font-weight: normal;
}

#Schedules .accordion .panel {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ECECEC !important;
    margin-bottom: 10px;
}

    #Schedules .accordion .panel:last-child {
        margin-bottom: 0;
    }

#Schedules .accordion .panel-heading {
    border: 1px solid #ECECEC;
    border-radius: 0;
}

#Schedules .accordion .panel-collapse {
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
}

#Schedules .row .input-group {
    width: 100%;
}

#Schedules #accordion3 input[type=radio] {
    position: relative;
    top: 2px;
}

#Schedules #accordion3 .row {
    margin-bottom: 8px;
}

#Schedules .radio-textbox {
    width: 100%;
}

    #Schedules .radio-textbox .input-group-btn {
        width: 20px;
    }

    #Schedules .radio-textbox #txtFixedAmount1 {
        width: 99%;
    }

#Schedules .tab-content tr {
    height: auto !important;
}

#Schedules .tab-content .datetime .input-group-addon {
    width: 37px;
}

#Schedulest .panel-heading h4 {
    margin-top: 0;
}

#Schedules .search-addbtn {
    display: table;
    width: 100%;
}

    #Schedules .search-addbtn select {
        display: table-cell;
    }

    #Schedules .search-addbtn .buttoncreate {
        width: 37px;
        display: table-cell;
        background-color: #4d90fd;
        padding: 6px 11px 6px 10px;
        color: #fff;
    }

        #Schedules .search-addbtn .buttoncreate .fa-plus-circle {
            font-size: 30px;
            color: #4D90FD;
        }
/*#Schedules .fa-check-circle,
#Schedules .fa-ban,
#Schedules .fa-times-circle {
    font-size: 40px;
    color: #4D90FD;
    width: auto;
}*/

#RenderpartialReport {
    height: 552px;
    width: 90%;
}

.input-group.textArea {
    margin-bottom: 0;
    margin-left: -5px;
}

.DelColor {
    color: white !important;
}

.ChatActDiv {
    display: none;
}

li.ChatActLi {
    position: relative;
}

    li.ChatActLi .ChatActDiv {
        position: absolute;
        right: 15px;
        bottom: 0;
    }

    li.ChatActLi:hover .ChatActDiv {
        display: block;
    }

.EditChatMsg {
    float: right;
    margin-right: 5px;
    margin-left: 5px;
}

.DeletChatMsg {
    float: right;
    margin-right: 5px;
    margin-left: 5px;
}

#datatable.table tr, .miscellaneous-detail-content .table tr {
    border: 2px transparent;
    height: 37px;
}

#LedgerTable.table &gt; tbody &gt; tr:hover &gt; td,
#ProgramTable.table &gt; tbody &gt; tr:hover &gt; td,
#datatable.table &gt; tbody &gt; tr:hover &gt; td {
    border-top: 1px solid #2494f2;
    border-bottom: 1px solid #2494f2;
}

#datatable.table &gt; tr:first-child:hover &gt; td {
    border-top: 1px solid #2494f2;
    border-bottom: 1px solid #2494f2;
}

table &gt; tbody &gt; tr &gt; .moreInfochild_td {
    display: none;
}

table &gt; tbody &gt; tr:hover .moreInfochild_td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    padding: 5px;
    display: none;
    position: absolute;
    left: 45%;
    /*margin-top: 36px;*/
    z-index: 3;
}

#datatable.table thead tr:hover {
    border: 0px solid #2494f2;
}

.trTextalign {
    text-align: right;
}

.dash_col_subtitle {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.dash-accounting .dashboardTitle, .dash-attendance-graph .dashboardTitle {
    margin-right: 30px;
}

.dash-accounting #divCanvas {
    margin-top: 20px;
}

.weekDrop button {
    border: 0 none;
    background-position: 0% 0%;
    min-width: 100px;
    text-align: left;
    padding-right: 20px;
    border-radius: 2px !important;
    border: solid 1px #e0e0e0 !important;
    background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%) !important !important;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.06) !important;
    background-color: #fff !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    .weekDrop button:focus {
        background: transparent;
    }

.weekDrop.open &gt; .dropdown-toggle.btn-default {
    background: #fff;
    box-shadow: none;
}

.weekDrop button:before {
    content: '';
    position: absolute;
    top: 13px;
    right: 6px;
    border-top: solid 5px #555;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
    z-index: 10;
}

.weekDrop .dropdown-menu {
    width: 100%;
}

#home .card-block-height {
    min-height: 397px;
}

.dash-capacity-graph #div_CenterCapacity {
    display: inline-block;
}

.dash-scheduled-child .weekDrop {
    margin: 0px 0px 15px 0px;
    width: 100%;
}

    .dash-scheduled-child .weekDrop button {
        width: 100%;
        font-size: 14px !important;
        font-weight: bold;
    }

.spanBlank {
    color: #3380FF;
}

#datatable .SeeDeatils .moreInfo {
    display: none;
    height: 28px !important;
    margin-top: -28px;
}

#datatable .SeeDeatils:hover .moreInfo {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #2494f2;*/
    bottom: -20px;
    display: block;
    left: 45%;
    padding: 6px 5px 5px;
    position: absolute;
    width: 75px;
    z-index: 3;
}

.list-billing li {
    list-style-position: inside;
}

.datatableInfo &gt; tbody &gt; tr &gt; td {
    line-height: 14px !important;
    /*height: 49px;*/
}

.datatableInfo thead tr th {
    border-bottom-width: 0px;
    line-height: 16px !important;
    font-weight: 600 !important;
    font-size: 12px;
    color: #515151;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.table.no-border tr td {
    line-height: 14px;
}

.input-group {
    margin-bottom: 0px;
}

.block-flat.blockspcBtm20 {
    margin-bottom: 20px;
}

.contactsummery {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px;
}
/*css add by mukesh 13-07-2015*/

.ContactsEditList:nth-child(2) {
    margin-top: 10px;
}

.ContactsEditList img {
    margin-right: 10px;
}

.table-responsive.listTableInfo {
    min-height: 0.01%;
    padding-bottom: 30px;
}

#LedgerTable_wrapper.dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.table-responsive.listTableInfo .btn-group #checkVoid {
    position: relative;
    top: 2px;
    margin-right: 2px;
    margin-top: 0px;
}

.createNew {
    position: relative;
    right: 0;
    top: 0px;
}

#datatable .SeeDeatils .moreInfochild {
    display: none;
    height: 28px !important;
    margin-top: -28px;
}

#datatable .SeeDeatils:hover .moreInfochild {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -29px;
    display: block;
    left: 20%;
    padding: 6px 5px 5px;
    position: absolute;
    width: 75px;
    z-index: 3;
}

#datatable .SeeDeatils:hover .moreInfoProgramm {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -31px;
    display: block;
    left: 47%;
    padding: 7px;
    position: absolute;
    width: 80px;
    z-index: 3;
}

#datatable .SeeDeatils .moreInfoProgramm {
    display: none;
    height: 30px;
    float: left;
}

.profileInfo {
    margin-bottom: 10px;
    line-height: normal;
}

.tablestardEnd {
    width: 100%;
    padding: 5px 30px 5px 0 !important;
    border: 1px solid #dadada;
    position: relative;
    height: auto !important;
    background: #f6f6f6;
    border-radius: 5px;
}



    .tablestardEnd:hover {
        padding-right: 30px !important;
    }

    .tablestardEnd table {
        width: 100%;
    }

        .tablestardEnd table td,
        .tablestardEnd table td .form-control {
            height: 24px;
        }

#home.program-class-create .tablestardEnd table td .form-control {
    height: auto;
    padding: 5px;
}

.tablestardEnd table td span {
    padding: 2px 0;
}

.tablestardEnd.BtnEdit1 .inlineeditPicker {
    margin-top: 0 !important;
    padding: 5px !important;
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
}

.tablestardEnd.BtnEdit1 .inlineeditPickerupdate,
.tablestardEnd.BtnEdit1 .inlineeditPickerCancel {
    display: none !important;
}

.tablestardEnd .inlineeditPickerupdate {
    padding: 5px;
    margin: 0 !important;
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
}

.tablestardEnd .inlineeditPickerCancel {
    padding: 6px;
    margin: 0 !important;
    position: absolute;
    right: 0px;
    top: 25px;
    cursor: pointer;
}

#Ledgerdata .col-sm-10 {
    max-width: 69%;
}

.mrgb10 {
    margin-bottom: 10px;
}
.mrgb15 {
    margin-bottom: 15px;
}

.mrgb0 {
    margin-bottom: 0 !important;
}

.mrgt0 {
    margin-top: 0 !important;
}

.mrgr0 {
    margin-right: 0 !important;
}
.mrgr10 {
    margin-right: 10px !important;
}

.mrgl0 {
    margin-left: 0px;
}

.pdT0 {
    padding-top: 0px !important;
}

.pdT5 {
    padding-top: 5px !important;
}

.pdL0 {
    padding-left: 0px !important;
}

.pdB0 {
    padding-bottom: 0px !important;
}

.pctabletr {
    width: 115px;
}

.pd0 {
    padding: 0px !important;
}

.wdt100 {
    min-width: 80px;
}

.vAlignMd {
    vertical-align: middle !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

.Siblings-par {
    line-height: normal;
    margin: 0px;
    display: inline-block;
    padding: 6px 8px 5px 8px;
}

.Siblings {
    font-size: 12px;
}

.rightFont {
    font-family: "Open Sans", sans-serif !important;
}

#datatable .SeeDeatils .moreInfoClasses {
    display: none;
}

#datatable .SeeDeatils:hover .moreInfoClasses {
    background: #fff none repeat scroll 0 0;
    border: 0 solid #2494f2;
    display: block;
    float: left;
    height: 19px;
    /*position: relative;*/
    z-index: 3;
    position: absolute;
    right: -21px;
    top: 12px;
}

#datatable .SeeDeatils.active {
    background: #fff none repeat scroll 0 0;
    border: 0 solid #2494f2;
    display: block;
    float: left;
    height: 19px;
    left: 89%;
    position: relative;
    z-index: 3;
}

.SpntableBtn {
    display: block !important;
    position: absolute;
    right: -29px;
    top: 15px;
}

.moreinfoEditditButton {
    display: none;
}

.BtnEdit {
    float: left;
    min-height: 30px;
    padding: 0px;
    border: 1px solid #fff;
    font-size: 12px;
}

    .BtnEdit:hover {
        border: 1px solid #dadada;
    }

        .BtnEdit:hover .moreinfoEditditButton {
            background: #ccc none repeat scroll 0 0;
            display: block !important;
            float: right;
            margin-right: -5px;
            padding: 20px;
            margin-left: 15px;
            font-size: 28px;
        }

.BtnHeaderSave {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-left: -4px;
    padding: 5px 10px;
}

.BtnHeaderCancel {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.BtnTrSave {
    position: absolute;
    right: -19px;
    top: 15px;
}

.form-control.inputTime {
    display: none;
    padding: 0;
    text-align: center;
    width: 94%;
}

.form-control.inputTimeCreate {
    padding: 0;
    text-align: center;
    width: 94%;
}
/*dropdown css*/

.dropdownInfo {
    float: right;
}

    .dropdownInfo .dropdown-menu {
        left: auto;
        right: -15px;
    }

    .dropdownInfo .block-flat .header h3.dropdownH3 {
        display: inline-block;
    }

    .dropdownInfo .btn-default {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
    }

    .dropdownInfo .dropdown-menu span {
        clear: both;
        color: #333333;
        display: block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.42857;
        padding: 5px 20px;
        white-space: nowrap;
    }

    .dropdownInfo .dropdown-menu input {
        clear: both;
        color: #333333;
        display: block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.42857;
        padding: 5px 20px;
        white-space: nowrap;
    }

.inlineeditsaveBtnchildDate {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -45px;
    margin-top: -31px;
    padding: 7px 10px;
}

.inlineeditCancelBtnchildDate {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -90px;
    margin-top: -31px;
    padding: 7px 10px;
}

.inlineeditsaveBtnchild {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -45px;
    margin-top: -33px;
    padding: 7px 10px;
}

.inlineeditCancelBtnchild {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -90px;
    margin-top: -33px;
    padding: 7px 10px;
}

.dropdownInfo .dropdown-menu input {
    clear: both;
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 5px 20px;
    white-space: nowrap;
}

.tableCenter tr th,
.tableCenter tr td {
    text-align: center;
}

.oneYearBtn {
    position: absolute;
    right: 40px;
    top: 44px;
}

.oneYearPr {
    text-align: right;
    width: 10%;
}
/*.startEndtable {
    display: inline-block;
    width: 108px;
    text-align:right;
}*/

.startEndtable {
    display: inline-block;
    padding-right: 14px;
    text-align: left !important;
    width: 80px;
}

.onOffbtn {
    padding-right: 0px;
}

.onoffOffer {
    padding-left: 32px;
}

.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-handle-off {
    background: #e3e3e3 none repeat scroll 0 0;
    padding-right: 5px;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    font-size: 10px;
    line-height: 9px;
    padding-bottom: 4px;
    /*padding-top: 2px;*/
}

.block-flat.blockspcleft20 {
    padding-right: 10px;
}

.block-flat .inputDropdown {
    margin: 0 auto;
    width: 90%;
}

.dropdownInfo .btn-default.active,
.dropdownInfo .btn-default:active,
.dropdownInfo .open .dropdown-toggle.btn-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}
/*css add 17082015*/

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}

div.dropdown {
    color: #333;
    margin: 3px -22px 0 0;
    width: 143px;
    position: relative;
    height: 17px;
    text-align: left;
}

.dropdown li a {
    color: #333;
    display: block;
    font-weight: bold;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none;
}

    .dropdown li a:hover {
        background: #2494F2;
        color: #FFFFFF;
        text-decoration: none;
    }

a.account {
    font-size: 11px;
    line-height: 16px;
    color: #333;
    position: absolute;
    right: 0px;
    z-index: 110;
    display: block;
    padding: 11px 0 0 20px;
    height: 28px;
    width: 121px;
    margin: -11px 0 0 -10px;
    text-decoration: none;
    /*background: url(icons/arrow.png) 116px 17px no-repeat;*/
    cursor: pointer;
}

.root {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top: 1px solid #dedede;
}

.divSearch {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding-left: 13px;
}

.divAlign {
    font-size: 12px;
    padding: 8px 20px 12px;
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
}

    .divAlign span {
        /*font-weight: bold;
        font-size: 14px;
        font-family: "Raleway",Helvetica,sans-serif;*/
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
    }

    .divAlign ul {
        margin: 0;
        padding: 0;
    }

        .divAlign ul li {
            list-style: none;
        }

            .divAlign ul li a {
                color: #333;
                cursor: pointer;
                display: block;
                font-weight: bold;
                padding: 6px 0 0;
                text-decoration: none;
            }

                .divAlign ul li a:hover {
                    background: none;
                    color: inherit;
                    font-size: 12px;
                }

                .divAlign ul li a .Childsearch {
                    font-size: 12px;
                }

a.accountChild {
    font-size: 11px;
    line-height: 16px;
    color: #333;
    position: absolute;
    right: 0px;
    z-index: 110;
    display: block;
    padding: 11px 0 0 20px;
    height: 28px;
    width: 121px;
    margin: -11px 0 0 -10px;
    text-decoration: none;
    /*background: url(icons/arrow.png) 116px 17px no-repeat;*/
    cursor: pointer;
}

    a.accountChild .pull-right .onOffbtnEdit {
        padding-right: 0px;
        margin-left: 16px;
    }

.BtnEdit:hover .inlineedit {
    border-left: 1px solid #ccc;
    background: #f1f1f1;
    display: block !important;
    float: right;
    margin-left: 23px;
    margin-right: 0px;
    padding: 7px 8px 8px 8px;
}

.inlineedit {
    display: none !important;
}

.inlineeditsaveBtn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -34px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 14px;
}

.inlineeditCancelBtn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -65px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 14px;
}

.inlineeditsaveBtnstaff {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: 58px;
    margin-top: -34px;
    padding: 8px 10px;
}

.inlineeditCancelBtnstaff {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -64px;
    margin-top: -30px;
    padding: 7px 10px;
}

.inlineeditPicker {
    display: none !important;
}

.BtnEdit:hover .inlineeditPicker {
    background: #ccc none repeat scroll 0 0;
    display: block !important;
    float: right;
    margin-right: -5px;
    margin-top: -95px;
    padding: 1px;
}

.inlineeditPickerupdate {
    background: #ccc none repeat scroll 0 0;
    display: block !important;
    float: right;
    margin-right: -13px;
    margin-top: -108px;
    padding: 1px;
}

.inlineeditPickerCancel {
    background: #ccc none repeat scroll 0 0;
    display: block !important;
    float: right;
    margin-right: -13px;
    margin-top: -91px;
    padding: 1px 2px;
}

.APareentOption1Update {
    background: #ccc none repeat scroll 0 0;
    display: block !important;
    float: right;
    margin-right: -5px;
    padding: 1Px;
}

.SwitchAlign {
    display: inline-block !important;
    padding-right: 14px !important;
    width: 82px !important;
}

#datatable .SeeDeatils .moreInfoSchedule {
    display: none;
}

#datatable .SeeDeatils:hover .moreInfoSchedule {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -27px;
    left: 47%;
    padding: 5px;
    position: absolute;
    width: 75px;
    z-index: 3;
    display: block;
}

#TableChildSearchPopup .BtnEdit:hover {
    border: 1px solid #dadada;
    padding: 0 5px;
    position: relative;
}

#TableChildSearchPopup .BtnEdit a {
    position: absolute;
    right: -8px;
    top: 0;
}

.BtnEdit.tblPicker {
    width: 100% !important;
}

#TableEditProgramClassChildrenpopup .BtnEdit h4 {
    margin: 0;
    position: relative;
    padding-right: 23px;
}

    #TableEditProgramClassChildrenpopup .BtnEdit h4 .inlineedit {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.cl-mcont #calendar {
    line-height: normal;
}

    .cl-mcont #calendar .fc-header .fc-header-left {
        padding: 0px 20px;
        padding-left: 0px;
        vertical-align: middle;
    }

.margtableTd {
    padding-left: 5px;
}

    .margtableTd a {
        font-weight: normal !important;
    }

.SeeDeatils .ContactsEditList td {
    border-collapse: collapse;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 0 1px 1px;
    padding: 1px 3px;
}

    .SeeDeatils .ContactsEditList td table td {
        border: 0px;
    }

.SeeDeatils .ContactsEditList tr label {
    padding-left: 4px;
    /*width: 90px;*/
}

.customScheduleSpan span {
    display: block;
}

.mSchedulPop {
    text-align: right;
}

#datatable.table &gt; tbody &gt; tr &gt; td {
    padding: 2px 8px;
    line-height: inherit;
}

#datatable .SeeDeatils:hover .seeInfo {
    display: block;
    padding-top: 8px;
    position: absolute;
}

.imgColPad {
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center;
}

#datatable .SeeDeatils .moreInfoBG {
    display: none;
}

#datatable .SeeDeatils:hover .moreInfoBG {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -26px;
    display: table-caption;
    left: 47%;
    padding: 5px;
    position: absolute;
    width: 149px;
    z-index: 3;
}

.bGPopupSeeDetails {
    position: absolute;
    z-index: 9;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 10px;
    margin: 8px auto;
    left: 1.3%;
    width: 97.4%;
    display: none;
}

.bGPopupSeeDetailsClose {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50%;
    padding: 6px 6px 0px 6px;
    right: -9px;
    top: -16px;
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.startDateBg {
    line-height: 16px !important;
    margin: 0;
    padding: 0 1px 0 3px !important;
}

.billingTableWd100 {
    width: 100%;
}

.billingDate {
    width: 81px;
}

.billingDateInfo .dataTable thead &gt; tr &gt; th {
    padding-right: 16px;
}

.billingDateInfo .bGPopupSeeDetails .table tr:hover {
    border: medium none !important;
}

.billingDateInfo {
    width: 100%;
    overflow: visible;
}

#datatable .SeeDeatils:hover .moreInfoAttendance {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -28px;
    display: block;
    left: 100%;
    padding: 5px;
    position: absolute;
    width: 149px;
    z-index: 3;
}

#datatable .SeeDeatils .moreInfoAttendance {
    display: none;
    /*height: 28px !important;
    margin-top: -28px;*/
}

.AttendanceInfo .dataTable thead &gt; tr &gt; th {
    padding-right: 16px;
}

.AttendanceInfo .bGPopupSeeDetails1 .table tr:hover {
    border: medium none !important;
}

.bGPopupSeeDetails1 {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(204, 204, 204);
    display: none;
    left: 2.3%;
    margin: 10px auto;
    padding: 10px;
    position: absolute;
    width: 95.5%;
    z-index: 9;
    border-radius: 5px;
}

    .bGPopupSeeDetails1 b {
        font-weight: bold;
    }

.bGPopupSeeDetailsAttendance {
    margin: 35px auto;
}

#datatable .SeeDeatils .addRowIcon {
    display: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -14px;
    display: block;
    left: 100%;
    padding: 5px;
    position: absolute;
    width: 45px;
    z-index: 3;
    text-align: center;
}

#datatable .SeeDeatils .editrowicon {
    display: block;
    float: right;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
    z-index: 3;
}

#datatable .SeeDeatils .table tr {
    height: auto !important;
}

.SeeDeatils .fa-print {
    font-size: 20px;
}

.attendanceInfo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

    .attendanceInfo .timeEntry-control {
        display: none !important;
    }

.addnewattendanceBlank {
    float: right;
    padding: 5px 0px;
    position: unset;
    right: 0;
    top: 5px;
    width: auto;
    z-index: 3;
}

.SeeDeatils .txttimepicker {
    padding: 0 7px 1px 3px !important;
}

.bGPopupSeeDetailsedit {
    margin: 0 auto;
}

.table-height-child {
    height: 50px !important;
}
/*.imgColPad img, .SeeDeatils img {
    width: 27px;
}*/
.SeeDeatils .bGPopupSeeDetails1 a {
    margin-right: 6px;
}

.cl-vnavigation li a {
    font-size: 12px !important;
}

.btn_right {
    float: right;
    margin-right: 0;
}

    .btn_right .dropdown-menu {
        left: initial;
        right: 0px;
        min-width: 100%;
    }

.program-create .table.table-bordered &gt; thead:first-child &gt; tr &gt; th {
    padding-top: 8px;
    padding-bottom: 8px;
}

table.dataTable thead &gt; tr &gt; th {
    padding-right: 0 !important;
}

.seeInfo {
    float: left;
    width: auto;
}

.attendanceInfo {
    height: 36px !important;
}

#datatable .SeeDeatils:hover .moreInfoBillingG {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -42px;
    /*bottom: -44px;*/
    display: block;
    left: -60%;
    padding: 5px;
    position: relative;
    width: 75px;
    z-index: 3;
}

#datatable .SeeDeatils .moreInfoBillingG {
    display: none;
    margin-top: -35px;
}

#tableinner.bGHove tr:hover {
    border: 2px transparent !important;
}

.billingGridSPD {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(204, 204, 204);
    display: none;
    left: 2.8%;
    margin: 10px auto;
    padding: 10px;
    position: absolute;
    width: 94.5%;
    z-index: 9;
}

#datatable tr.SeeDeatils {
    position: relative !important;
}

#datatable .SeeDeatils .EnterManualPayment {
    display: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    left: 50%;
    padding: 5px;
    position: absolute;
    width: 145px;
    z-index: 3;
    transform: translate(-50%, 50%);
}

    #datatable .SeeDeatils .EnterManualPayment a {
        transform: none;
    }

#datatable .SeeDeatils:hover .EnterManualPayment {
    display: inline-block;
}

.fieldTitleBalance {
    width: 20%;
    text-align: right;
}

.fieldbal {
    vertical-align: top !important;
    padding-top: 20px !important;
}

.labelMrg {
    margin-top: 6px;
}

.sidebar {
    height: 2000px;
}

#datatable.table tr.active2 {
    border: 2px solid #2494f2;
    position: relative;
}

#datatable .SeeDeatils:hover .moreInfoTransaction {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -26px;
    /* bottom: -44px; */
    display: block;
    left: 0;
    padding: 5px;
    position: absolute;
    /* width: 136px; */
    z-index: 3;
    right: 0;
}

#datatable .SeeDeatils .moreInfoTransaction {
    display: none;
    margin-top: -35px;
}

#datatable.table tr:hover .bGPopupSeeDetails {
    left: -3px;
    width: 100.65%;
}

.spnTablebBGbtn {
    display: block !important;
    position: absolute;
    right: 18px;
    top: 9px;
}

    .spnTablebBGbtn i {
        display: inline-block;
        font-size: 14px;
        text-align: center;
        width: 15px;
    }

.divdashedline {
    border-bottom: 0px dashed #efefef !important;
    margin: 0;
    padding: 5px 0 !important;
}

.ctrlWidth {
    width: 60%;
}

.spanlheight {
    line-height: 2;
}

.settingEditbtn {
    display: none !important;
    float: right;
    background-color: #f1f1f1;
    border-left: 1px solid #ccc;
    padding: 7px 8px;
    position: relative;
    line-height: 14px;
}

    .settingEditbtn:after {
        position: absolute;
        content: '';
        height: 1px;
        width: 28px;
        background: #ccc;
        left: -1px;
        bottom: -1px;
    }

.settingdefaultbtn {
    display: none !important;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    display: block !important;
    float: right;
    margin-left: 4px;
    margin-right: -5px;
    padding: 7px;
}

.BtnEdit:hover .settingEditbtn,
.BtnEdit:hover .settingdefaultbtn {
    display: block !important;
}

.settingUpdatebtn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -32px;
    margin-top: -30px;
    padding: 7px 10px;
}

.settingCancelbtn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -63px;
    margin-top: -30px;
    padding: 7px 10px;
}

#DivHireDatevalue .settingCancelbtn {
    margin-right: -66px;
    margin-top: 0px;
}

#DivHireDatevalue .settingUpdatebtn {
    margin-top: 0px;
}

#DivInnerDischargedate .settingCancelbtn {
    margin-top: 0px;
}

#DivInnerDischargedate .settingUpdatebtn {
    margin-top: 0px;
}

.spanlheight1 {
    line-height: normal;
    margin: 0px;
    display: table-cell;
    padding: 6px 8px 5px 8px;
}

#DivEmail {
    overflow: hidden;
}

    #DivEmail span {
        word-wrap: break-word;
    }

.table td i {
    display: inline-block;
    font-size: inherit;
    text-align: center;
    width: auto;
}

.table td b {
    word-break: break-word;
}

.table td .inputBtnInfo {
    margin-left: 0;
    float: left;
}

.table td .error {
    margin: 9px 0 0 20px;
    float: left;
}

#ChildContact.table td i {
    display: inline-block;
    font-size: inherit;
    text-align: center;
    width: auto;
}

.BtnEdit1 {
    float: left;
    /*height: 30px;*/
    padding: 0 5px;
    border: 1px solid #fff;
}

    .BtnEdit1:hover {
        border: 1px solid #dadada;
        padding: 0 5px;
    }

        .BtnEdit1:hover .inlineeditPicker {
            background: #ccc none repeat scroll 0 0;
            display: block !important;
            float: right;
            margin-right: -5px;
            margin-top: -95px;
            padding: 1px;
        }

.btnSaveSettings {
    position: absolute;
    right: 5px;
    top: 11px;
}

.table &gt; tbody &gt; tr &gt; td.lblTop {
    vertical-align: top;
}

.head1 p,
.head1 img {
    float: left;
}

.scale1 span {
    float: left;
}

ul li p {
    margin: 0 0 0 0 !important;
}

.progress {
    height: 15px;
    margin-bottom: 5px;
}

#DivAdminEMail,
#DivCenterEMail {
    float: initial;
    display: inline-block;
}

.lnkSeetips {
    bottom: 0;
    float: right;
    padding: 42% 0 0;
    right: 0;
}

.dashboardTitle {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px;
}

.dash-list-schedule {
    margin-left: -5px;
    margin-bottom: 0px;
}

    .dash-list-schedule li {
        list-style: none;
        margin-bottom: 10px;
        background: #fafafa;
        padding: 10px;
        border-radius: 3px;
        margin-right: 5px;
        margin-left: 5px;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03) !important;
        border: solid 1px #f2f2f2;
    }

        .dash-list-schedule li:last-child {
            margin-bottom: 0px;
        }

        .dash-list-schedule li .progress {
            margin-bottom: 0px;
            background: #fff;
        }

        .dash-list-schedule li p {
            font-size: 12px;
        }

            .dash-list-schedule li p span {
                float: right;
            }

.dash-title-height {
    min-height: 50px;
}

.dashbord-block {
    max-height: 273px;
    overflow-y: auto;
}

.dash-controls {
    font-size: 14px;
    margin-top: 10px;
}

    .dash-controls a {
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        width: 20px;
        height: 20px;
        position: relative;
        top: 1px;
    }

    .dash-controls #DateToday {
        display: inline-block;
        margin: 0px;
        width: 90px;
    }

.dash-attendance-graph .dash-list-schedule li {
    text-align: center;
}

.dash-attendance-graph .dash-list-schedule p {
    font-weight: bold;
    font-size: 14px;
}

.dash-birthday-block ul li .birthday-date {
    font-weight: bold;
    margin-bottom: 6px;
}

.dash-birthday-block ul li .birth-profile-details {
    padding-left: 60px;
    min-height: 50px;
    position: relative;
}

    .dash-birthday-block ul li .birth-profile-details .birth-thumb {
        float: left;
        width: 53px;
        height: 53px;
        overflow: hidden;
        border: solid 3px #fff;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .dash-birthday-block ul li .birth-profile-details .birth-profile-details-content {
        padding-top: 7px;
    }

        .dash-birthday-block ul li .birth-profile-details .birth-profile-details-content span {
            display: inline-block;
            color: #999;
            margin-left: 5px;
        }

.dash-birthday-block {
    min-height: 270px;
}

    .dash-birthday-block .dashbord-block {
        max-height: 240px;
    }

.outBalance {
    font-size: 15px;
    font-weight: 500;
}

.balRed {
    color: #f72848;
    font-size: 28px;
    font-weight: bold;
}

.checkedinGreen {
    color: #44a001;
    font-size: 20px !important;
    font-weight: bold;
}

.checkedinred, .checkedinred a {
    color: #f72848;
    font-size: 20px !important;
    font-weight: bold;
    margin: 0;
}

.block-flat .table.no-border tr td {
    line-height: 25px;
}

#HeaderEdit .BtnEdit {
    height: auto;
    position: relative;
    padding-right: 70px;
}

    #HeaderEdit .BtnEdit .settingEditbtn {
        position: absolute;
        top: 0px;
        right: 0px;
    }

        #HeaderEdit .BtnEdit .settingEditbtn:after {
            width: 32px;
        }

        #HeaderEdit .BtnEdit .settingEditbtn a {
            display: inline-block;
            padding: 10px 5px 9px 5px;
            font-size: 16px;
        }

.spanlheight2 {
    line-height: 2.1;
}

.editMrgt6 {
    margin-top: 6px;
}

.editMrgt10 {
    margin-top: 10px;
}

.editMrgt12 {
    margin-top: 12px;
}

.BtnEdit:hover .settingEditbtn.editSetting {
    padding: 5px 10px;
}

.settingCancelbtnPc {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -66px;
    padding: 8px 10px 7px 10px;
}

.settingUpdatebtnPc {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -34px;
    margin-top: -34px;
    padding: 7px 10px;
}

.BtnEdit.BtnEditNew {
    height: 34px;
    line-height: 34px;
}

    .BtnEdit.BtnEditNew:hover .inlineedit {
        padding: 0 7px;
        background: #f1f1f1 none repeat scroll 0 0;
    }

.gallery-cont .item {
    width: 33.33%;
}

.divCamerafooter {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    height: 17px;
    margin-left: 1%;
    padding-left: 50%;
    width: 98%;
}

.divCameraMain {
    background: #fff none repeat scroll 0 0;
    padding: 7px;
    position: relative;
    text-align: center;
    margin: 0 10px 20px;
    z-index: 2;
    -webkit-box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
    -moz-box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
    box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
}

    .divCameraMain .divCamera a {
        border: 1px solid #c4c4c4;
        border-radius: 4px;
        padding: 6px 10px;
        position: absolute;
        top: 0px;
        background: #fff;
        -webkit-box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
        -moz-box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
        box-shadow: 1px 3px 4px 0px rgba(50, 50, 42, 0.34);
    }

.gallery-cont .photo {
    background: #fff;
    position: relative;
}

    .gallery-cont .photo .photoInfo {
        padding: 10px 10px 10px;
    }

.popover.error-popover {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    box-shadow: none;
    color: #B94A48;
    cursor: pointer;
    max-width: none;
    z-index: 1099;
}

    .popover.error-popover .popover-content {
        padding: 2px 14px;
    }

    .popover.error-popover.right .arrow {
        border-right-color: #EED3D7;
    }

        .popover.error-popover.right .arrow:after {
            border-right-color: #F2DEDE;
        }

    .popover.error-popover.top .arrow {
        border-top-color: #EED3D7;
        left: 30px;
    }

        .popover.error-popover.top .arrow:after {
            border-top-color: #F2DEDE;
        }

.loaderimg {
    display: inline-block;
    position: absolute;
    z-index: 100;
    background: transparent;
    top: 35%;
    left: 45%;
}

#imgAppLoaderResult {
    position: absolute;
    top: 50%;
    left: 40%;
}

    #imgAppLoaderResult img {
        width: 150px;
    }

#txtStartdate::-webkit-input-placeholder {
    font-size: 11px;
    color: #B94A48;
    background: #F2DEDE;
    text-transform: uppercase;
    text-align: center;
}

#txtnewInTime::-webkit-input-placeholder {
    font-size: 11px;
    color: #B94A48;
    background: #F2DEDE;
    text-transform: uppercase;
    text-align: center;
}

#txtnewoutTime::-webkit-input-placeholder {
    font-size: 11px;
    color: #B94A48;
    background: #F2DEDE;
    text-transform: uppercase;
    text-align: center;
}

#txtAmount::-webkit-input-placeholder {
    font-size: 11px;
    color: #B94A48;
    background: #F2DEDE;
    text-transform: uppercase;
    text-align: center;
}

.cl-vnavigation &gt; li {
    list-style: outside none none;
}

.lblpad b {
    display: block;
    margin-top: 7px;
}
/*Added by Bheem for child top section*/
/* centered columns styles */

@-webkit-keyframes anim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@keyframes anim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.myprogress {
    background-size: 20px 20px !important;
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%) !important;
    -webkit-animation: anim 3s linear infinite;
    pointer-events: none;
    cursor: default;
}

.myprogress {
    background-size: 20px 20px !important;
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%) !important;
    animation: anim 3s linear infinite;
    pointer-events: none;
    cursor: default;
}

.row-centered2 {
    text-align: center;
    margin-bottom: 0px !important;
}

.col-centered2 {
    display: inline-block;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.col-fixed {
    /* custom width */
    width: 320px;
}

.col-min {
    /* custom min width */
    min-width: 320px;
}

.col-max {
    /* custom max width */
    max-width: 320px;
}

#forgot-pass {
    display: block;
}

.name_name {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 30px;
}

    .name_name i {
        font-size: 24px;
    }

.personal_res {
    margin-top: 6%;
}

.table &gt; tbody &gt; tr &gt; td,
.table &gt; tbody &gt; tr &gt; th,
.table &gt; tfoot &gt; tr &gt; td,
.table &gt; tfoot &gt; tr &gt; th,
.table &gt; thead &gt; tr &gt; td,
.table &gt; thead &gt; tr &gt; th {
    /*padding:2px;*/
    line-height: 1.42857143;
    /*vertical-align: top;*/
    /*border-top:none;*/
}

.table_div .table.no-border tr td {
    line-height: 20px;
}

.fc-header-title {
    padding: 0px;
}

.trTextalign {
    padding-right: 2% !important;
}
/*css for Child/Child/Edit/34 */

.Relatedchild_names a {
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

.Relatedchild_title {
    vertical-align: top !important;
}
/*css for Dashboard pichart responsiven */

.qwer_res {
    margin-left: 3%;
}

.flatmin-percentage {
    font-weight: bold;
    margin-bottom: 5px !important;
}

.accounting_right_col &gt; .right_col_row1 {
    padding: 20% 0% 0% 30%;
}

.accounting_right_col &gt; .right_col_row2 {
    padding: 0% 0% 0% 30%;
}

.accounting_right_col &gt; .right_col_row3 {
    padding: 10% 0% 0% 30%;
}

    .accounting_right_col &gt; .right_col_row3 &gt; .balRed_wrap {
        text-overflow: ellipsis;
        overflow: hidden !important;
        height: 30px;
    }

.dash_col_title {
    color: #333;
}

.left_col_create_edit {
    padding-right: 10% !important;
    padding-left: 1.5% !important;
}

.field_title_r {
    padding-top: 0px !important;
}

.profile_tab_lmargin {
    padding-left: 1.5% !important;
}

.home_tab_lmargin {
    padding-left: 1.7% !important;
}

table &gt; tbody &gt; tr &gt; #moreInfochild_td,
table &gt; tbody &gt; tr &gt; #moreInfochild_td2,
table &gt; tbody &gt; tr &gt; #moreInfochild_td3,
table &gt; tbody &gt; tr &gt; #moreInfochild_td4,
table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill,
table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 {
    display: none;
}

.datatable_th_hid &gt; thead &gt; tr &gt; th:last-child {
    /*display: none;*/
}

table &gt; tbody &gt; tr:hover #moreInfochild_td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    padding: 5px;
    display: none;
    position: absolute;
    left: 45%;
    margin-top: -10px;
    z-index: 3;
}

table &gt; tbody &gt; tr:hover #moreInfochild_td3 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    padding: 5px;
    display: block;
    position: absolute;
    left: 45%;
    margin-top: 44px;
    z-index: 3;
}

table &gt; tbody &gt; tr:hover #moreInfochild_td4 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    padding: 5px;
    display: block;
    position: absolute;
    left: 45%;
    margin-top: 44px;
    z-index: 3;
}

table &gt; tbody &gt; tr:hover #moreInfochild_td2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    padding: 5px;
    display: block;
    position: absolute;
    left: 44%;
    margin-top: 44px;
    z-index: 3;
}

table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
    border: 1px solid #2494f2;
    padding: 5px;
    display: block;
    position: absolute;
    left: 44%;
    margin-top: 39px;
    z-index: 3;
}

#datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill,
#datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 {
    border: none;
}

#datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill,
#datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 {
    padding: 0;
}

    #datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill &gt; .moreInfoTransaction1,
    #datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 &gt; .moreInfoTransaction1 {
        border: 1px solid #2494f2;
        background: #fff none repeat scroll 0 0;
        padding: 5px;
    }

table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
    border: 1px solid #2494f2;
    padding: 5px;
    display: block;
    position: absolute;
    left: 44%;
    margin-top: 47px;
    z-index: 3;
}

#datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill,
#datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 {
    border: none;
}

#datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill,
#datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 {
    padding: 0;
}

    #datatable.table &gt; tbody &gt; tr &gt; .moreInfochild_td_bill &gt; .moreInfoTransaction1,
    #datatable.table &gt; tbody &gt; tr &gt; #moreInfochild_td_bill1 &gt; .moreInfoTransaction1 {
        border: 1px solid #2494f2;
        background: #fff none repeat scroll 0 0;
        padding: 5px;
    }

#datatable.table &gt; tbody &gt; tr:hover &gt; td:last-child {
}

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill &gt; span &gt; a &gt; i,
table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 &gt; span &gt; a &gt; i {
    color: #3380FF;
}

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill &gt; span &gt; a,
table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 &gt; span &gt; a {
    margin-left: 7px;
}

    table &gt; tbody &gt; tr:hover .moreInfochild_td_bill &gt; span &gt; a:hover i,
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 &gt; span &gt; a {
        color: #3078ef !important;
    }

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill &gt; span a:first-child,
table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 &gt; span a:first-child {
    margin-right: 0px;
    margin-left: 0px;
    color: #3380FF;
}

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill &gt; span &gt; a:first-child:hover,
table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 &gt; span &gt; a:first-child:hover {
    color: #2083D6 !important;
}

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill {
    margin-left: -70px;
}

.step-pane table &gt; tbody &gt; tr:hover .moreInfochild_td_bill {
    margin-left: -20px;
}

#datatable.table tr:first-child td table * {
    /*border:none!important;*/
}
/* css for photo */

.divpic .gallery-cont &gt; .showPic .photo .photoInfo {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .divpic .gallery-cont &gt; .showPic .photo .photoInfo &gt; input {
        border: medium none;
        height: 20px;
    }

.divpic .gallery-cont &gt; .showPic .photo .photoInfo_bot {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 4px !important;
}

.cl-mcont .bars-widget .infinite_friends-list {
    overflow: visible;
    max-height: none;
}
/*.userProfileView &gt; tbody td:nth-child(2) &gt; div {
    padding-left: 5px;
}*/

.gallery-cont .img {
    height: 234px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 234px;
}

    .gallery-cont .img:after {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.gallery-cont .item img {
    max-height: 234px;
    overflow: hidden;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin: auto;
    max-width: 100%;
    vertical-align: middle;
}

.imgPhotot #yourimage {
    max-height: 234px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.thumbnailImg label + span {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 65px;
    display: block;
    overflow: hidden;
}
.gallery-cont .item .head h4 {
    font-size: 16px;
    font-weight: 500;
}
.gallery-cont .item .photoInfo_overflow {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    height: 95px;
}

.photoInfo &gt; input:focus {
    outline: 0px;
}
#Photodiv .thumbnailImg {
    min-height: 120px;
}
    #Photodiv .thumbnailImg {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
    }

.tooltip-arrow {
    border-top-color: #1dbae3 !important;
}

.tooltip-inner {
    background: #FFF !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    text-align: left !important;
    padding: 10px;
    font-weight: normal !important;
    font-family: Arial;
}

.tooltip.in {
    opacity: 1;
}

div[class*="album_caption_description_"] {
    display: none;
    position: absolute;
    width: 100%;
    top: 301px;
    background: #FFF none repeat scroll 0% 0%;
    z-index: 999;
    /*border-radius: 5px;*/
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    padding: 20px 0 !important;
}

    div[class*="album_caption_description_"] &gt; p {
        color: #333;
    }

    div[class*="album_caption_description_"] &gt; button.close {
        padding-right: 5px !important;
        margin-top: -16px;
    }

#DivEditFeesTable .block-flat .content .datatableInfo {
    border-right: 1px solid #ddd;
}

#DivEditFeesTable .block-flat {
    padding-top: 0px !important;
}

.datatable_th_hid {
    border-right: 0px;
}

#datatable.table &gt; tr {
    border: 2px transparent;
    height: 45px !important;
}

.listTableInfo &gt; .btn_right &gt; .btn-group {
    margin-right: 0px;
}

.block-flat.setupList #calendar .fc-header .fc-header-left {
    padding: 0px;
}

    .block-flat.setupList #calendar .fc-header .fc-header-left .fc-button {
        padding: 8px;
    }

.block-flat #calendar .fc-header .fc-header-left .fc-header-space:nth-child(3),
.block-flat #calendar .fc-header .fc-header-left .fc-header-space:nth-child(4) {
    padding: 4px;
}

.friend-widget .chat_child_list img,
.friend-widget .chat_staff_list img {
    width: auto;
}

.datatable_th_hid tr td:nth-last-child(2),
.datatable_th_hid tr th:nth-last-child(2) {
    border-right: 1px solid #DADADA;
    border-collapse: collapse;
}

.btnbgMrnBig.mrgCat,
.btnbgMrnBig {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

span[id^="spnsaveCancel_"] &gt; a {
    margin-right: 10px;
}
/*end of the css added by bheem */

#datatable.table tr:hover #transtab tr td {
    border-top: none !important;
    border-bottom: none !important;
}

#frnSettingCenter .settingUpdatebtn {
    padding-bottom: 8px;
}

#frnSettingCenter .settingCancelbtn {
    padding-bottom: 8px;
}

#frnSettingCenter .settingEditbtn {
    margin-top: 0;
}

#frnSettingCenter .divdashedline label {
    padding-top: 10px !important;
}

#setting-spn {
    margin-top: 10px;
}

#setting-label {
    margin-bottom: 0px;
}

#frmAdminInfo .divdashedline label {
    padding-top: 10px !important;
}

#box {
    padding: 20px;
    border: 1px #cccccc solid;
    margin: 10px 0;
}

    #box:first-child {
        margin: 0;
    }

    #box h3 {
        font-size: 15px;
        font-weight: bold;
    }

#boxin {
    margin: 20px 0;
    padding-left: 0;
}

    #boxin label {
        padding-left: 0;
    }

#inpt {
    padding-left: 0;
}

    #inpt .col-lg-1 {
        padding: 0;
    }

    #inpt .col-lg-11 {
        padding: 0;
        padding-left: 5px;
        margin-top: 5px;
    }

#trans-table {
    padding-left: 0;
    margin: 20px 0;
}

.box2 #inpt {
    margin: 10px 0;
}

.box3 #post-proc {
    margin: 10px 0;
    padding: 0px;
}

#post-proc ul {
    list-style: none;
    padding-left: 0;
}

    #post-proc ul li {
        margin-bottom: 10px;
    }

        #post-proc ul li label {
            padding-left: 0;
        }

#trans-table .table.table-bordered &gt; thead:first-child &gt; tr &gt; th {
    height: 27px !important;
}

.dropdown-plus {
    margin-top: 12px !important;
    font-weight: bold;
    font-size: 20px !important;
    color: #3380FF !important;
}

#addcontact table tr td {
    padding-top: 7px;
    padding-bottom: 7px;
}

.child-updatebtn {
    margin-right: -32px;
}

.child-cancelbtn {
    margin-right: -61px !important;
}

#welcome p {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    width: 80%;
    margin: auto;
    margin-top: 150px;
    line-height: 45px !important;
}

.fieldPC {
    text-align: right;
    width: 13%;
}

.pdT19 {
    padding: 2px 10px !important;
}

.pcDate {
    width: 38%;
}

#UserprofileEdit #Divsitevalue .settingCancelbtn {
    margin-right: -64px;
}

#UserprofileEdit #Divsitevalue .btn-group {
    margin: 0px;
    width: 100%;
}

    #UserprofileEdit #Divsitevalue .btn-group .multiselect {
        width: 100% !important;
        text-align: left;
        padding: 5px 11px;
    }
/*css added by Tarun at 20-01-16*/

.pc-edit {
    padding: 18px 10px !important;
}

.pc-input {
    display: inline-block;
    width: auto;
}

#suggestion-box {
    position: absolute;
    bottom: 35px;
    right: 0px;
    position: fixed;
    z-index: 9999;
    border: solid 1px #1374c5;
}

    #suggestion-box i {
        font-size: 15px;
    }

#suggestion-box-span {
    display: none;
    transition: all 0.5s linear;
    font-size: 13px;
}

#suggestion-box a {
    display: inline-block;
    background-color: #2494F2;
    color: #fff;
    padding: 7px 11px 7px 11px;
    font-size: 16px;
    cursor: pointer;
}

    #suggestion-box a:hover {
        background-color: #3380FF;
    }

        #suggestion-box a:hover #suggestion-box-span {
            display: inline-block;
        }

#suggestion-answer {
    border: 1px #dedcdc solid;
    margin-top: 20px;
    padding: 10px;
    box-shadow: none;
}

    #suggestion-answer p {
        padding-top: 10px;
    }

    #suggestion-answer span {
        padding-bottom: 0px;
    }
/*By Pankaj*/

#datatable .SeeDeatils .addRowIconhover {
    display: none;
}

#datatable .SeeDeatils:hover .addRowIconhover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -28px;
    display: block;
    left: 100%;
    padding: 6px;
    position: absolute;
    min-width: 40px;
    z-index: 3;
}

#child-create-div {
    /*margin-top: 26px;*/
}

#child-create-input {
    padding-left: 0px;
}

    #child-create-input input {
        margin-left: 0px !important;
    }

#lblJDate {
    display: block;
}

.mobilelogo {
    display: none;
}

#program-sidebar {
    margin-top: 5px;
}

    #program-sidebar h4 {
        font-size: 15px;
        margin-top: 5px;
        position: relative;
    }

        #program-sidebar h4 a {
            margin-top: -5px !important;
        }

.ChildNameRightClick {
    margin-top: 5px;
}

    .ChildNameRightClick h4 {
        font-size: 15px;
        margin-top: 5px;
    }

.daterangepicker.dropdown-menu {
    z-index: 100000 !important;
}

#lobby-new-form label {
    font-size: 13px;
}

#send-btn {
    margin-top: 10px;
}

#send-date select {
    width: 20%;
}

#lobby-new-form label {
    font-size: 13px;
}

.normal-label {
    font-size: 12px !important;
    font-weight: normal;
}

#lobby-new-form table {
    background-color: #F9F9F9;
    color: black;
}

    #lobby-new-form table th {
        font-weight: bold;
    }

#lobby-new-form ul {
    list-style: none;
    padding-left: 0px;
}

#lobby-new-list {
    border: 1px #cccccc solid;
    padding: 10px 0 10px 10px;
    height: 200px;
    overflow: auto;
}

#lobby-new-table {
    /*height:200px;*/
    overflow: auto;
    padding-left: 0px;
}

#rightclickmenu .divider {
    margin: 1px 0 !important;
    background-color: #CCC !important;
}

#rightclickmenu {
    border-radius: 0px !important;
    padding: 0px 0 !important;
}

#div_profile_personal1 table tr td {
    padding: 5px;
}

#div_profile_personal2 table tr td {
    padding: 5px;
}

#div_profile_personal2 {
    margin-top: 20px;
}

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

#datatable_filter {
    float: none !important;
}

.timeScrollable.dropdown-menu {
    height: 100px;
    overflow-y: scroll;
    width: 108px;
}

.DurationScrollable.dropdown-menu {
    height: 100px;
    overflow-y: scroll;
    width: 94px;
}

.categoryGreyDiv {
    background: #e9e9e9 none repeat scroll 0 0;
    border-color: #ccc;
    color: black;
}

.btn-group.categoryBtnGrp {
    margin-top: 10px;
    margin-bottom: 10px;
}

#ddlPC {
    display: none;
}
/*journal css*/

.postCancelBtn {
    margin-top: 10px;
}

#CtgCancelBtn {
    float: right;
    margin: 0;
    width: 45%;
}

#CtgPostBtn {
    width: 45%;
}

.JCatPosNotIn {
    display: block;
    margin-right: 2px;
    vertical-align: top;
}

.notInterested {
    display: block;
    vertical-align: top;
    margin-right: 6px !important;
}

.spnHeadAll {
    line-height: 22px;
}

.imgposition {
    position: fixed !important;
    z-index: 11116 !important;
    left: 44% !important;
    top: 16% !important;
}
/*By devendra*/
/*All tbles sorting icon*/

.sorting-icon thead:first-child &gt; tr &gt; th,
#billinggrid1 thead:first-child &gt; tr &gt; th,
#LedgerTable_wrapper thead:first-child &gt; tr &gt; th {
    padding-right: 25px !important;
}

#ActionTableLedger thead:first-child &gt; tr &gt; th {
    padding: 7px 25px 7px 7px !important;
}

#ActionTableLedger tbody &gt; tr &gt; td {
    padding: 7px 7px 7px 7px !important;
}

.sorting-icon thead:first-child &gt; tr &gt; th:first-child,
#billinggrid1 thead:first-child &gt; tr &gt; th:first-child {
    padding-right: 0 !important;
}

#RefershQuestion .sorting-icon thead:first-child &gt; tr &gt; th:first-child {
    padding-right: 25px !important;
}

#subsidydatatable.sorting-icon thead:first-child &gt; tr &gt; th:first-child {
    padding-right: 25px !important;
}

#LedgerTable.table tr {
    height: 45px !important;
}


#datatable_wrapper table thead:first-child &gt; tr &gt; th:first-child {
    padding-left: 8px !important;
    padding-right: 5px !important;
}
/*Child/index &gt; popup*/
#lobbyboxes3 .tab-content {
    padding: 10px;
}

    #lobbyboxes3 .tab-content .tab-pane {
        padding-top: 0px;
    }

#lobbyboxes3 .message .form-group {
    margin-bottom: 0px;
}

#lobbyboxes1 #popup-btn {
    /*margin-top: 10px;*/
    text-align: center;
}
/*Child/Edit*/

#sidebar-plus .dropdownInfo {
    width: auto;
    margin: 0;
}

textarea.form-control {
    padding-left: 6px;
    padding-right: 6px;
}

.form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
}

.message .to,
.message .cc,
.message .mail {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

.message .form-group {
    margin-bottom: 10px;
}

.message .to .form-group &gt; .control-label {
    width: 100%;
    padding-top: 0;
    padding-left: 8px;
}
/*By devendra*/
/*All tbles sorting icon*/

.sorting-icon thead:first-child &gt; tr &gt; th,
#billinggrid1 thead:first-child &gt; tr &gt; th,
#LedgerTable_wrapper thead:first-child &gt; tr &gt; th {
    padding-right: 25px !important;
}

    .sorting-icon thead:first-child &gt; tr &gt; th:first-child,
    #billinggrid1 thead:first-child &gt; tr &gt; th:first-child,
    #LedgerTable_wrapper thead:first-child &gt; tr &gt; th:first-child {
        padding-right: 0 !important;
    }
/*Child/index &gt; popup*/

#lobbyboxes1 #popup-btn {
    /*margin-top: 10px;*/
    text-align: center;
}
/*Child/Edit*/

#sidebar-plus .dropdownInfo {
    width: auto;
    margin: 0;
}

    #sidebar-plus .dropdownInfo .accountChild {
        width: auto;
        padding: 0;
        position: inherit;
        margin: 0;
    }

#sidebar-plus #Schedulelist {
    position: relative;
}

    #sidebar-plus #Schedulelist .ContactsEditList .BtnEdit {
        position: relative;
        padding-right: 30px;
    }

        #sidebar-plus #Schedulelist .ContactsEditList .BtnEdit .inlineedit {
            position: absolute;
            top: 0px;
            right: 0px;
        }

#dv_PartialSibling .ContactsEditList .BtnEdit:hover .inlineedit {
    margin-left: 0px;
}

#sidebar-plus #Schedulelist.schedule-change-list .ContactsEditList .BtnEdit {
    position: relative;
    padding-right: 54px;
}

    #sidebar-plus #Schedulelist.schedule-change-list .ContactsEditList .BtnEdit .inlineedit.change-edit {
        right: 27px;
    }


/*Child/Create*/

.profile-info .personal {
    margin-top: 20px;
}

    .profile-info .personal span {
        font-weight: 500;
        color: #666666;
    }

.profile-info .skills td {
    font-weight: 500;
    font-size: 14px;
}

    .profile-info .skills td.vmiddle {
        font-weight: bold;
        font-size: 12px;
    }

    .profile-info .skills td .spanlheight1 {
        padding: 0px;
    }
/*Need to commit*/

#child-create-inputEnroll,
#child-create-inputDisc,
.remove-spacing {
    padding-left: 0 !important;
}

    #child-create-inputEnroll .form-control,
    #child-create-inputDisc .form-control,
    .remove-spacing .form-control {
        margin-left: 0 !important;
    }
/*ProgramClasses/Create*/

.program-create .oneYearPr {
    width: 16.66666667%;
}

.program-create .multiselect.dropdown-toggle {
    overflow: hidden;
    text-align: left;
}

    .program-create .multiselect.dropdown-toggle .caret {
        border: 0px;
        display: block;
        width: 28px;
        height: 28px;
        background: #fff;
        position: absolute;
        right: 0px;
        top: 0px;
        background: #fff;
    }

        .program-create .multiselect.dropdown-toggle .caret:after {
            content: '';
            position: absolute;
            left: 10px;
            top: 10px;
            display: inline-block;
            width: 0;
            height: 0;
            vertical-align: middle;
            border-top: 4px dashed;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
            border-bottom-color: #000;
            border-top-color: #000;
        }

/*ProgramClasses/ChildEnrollment*/

.sidebare-action {
    right: 0;
    left: auto;
}
/*30 March*/

.setting-block #div_7 .divRadio .radio-inline {
    padding-left: 0;
}

#userProfileContact_52 #ChildContact .bootstrap-switch-container {
    line-height: 22px;
}
/*5 April*/

.editProgramClassChildrenpopup {
    width: 100%;
}

    .editProgramClassChildrenpopup .BtnEdit {
        width: 100%;
        height: auto;
        padding-right: 0;
    }

        .editProgramClassChildrenpopup .BtnEdit h4 {
            position: relative;
            padding: 5px 30px 5px 5px;
            margin: 0;
        }

            .editProgramClassChildrenpopup .BtnEdit h4 .inlineedit {
                position: absolute;
                top: 0;
                right: 0;
                padding: 4px;
                margin: 0;
            }
/*#699*/

.setting-block #div_5 .token-input {
    width: 100% !important;
}

.setting-block #div_5::-webkit-input-placeholder {
    color: #333;
}

.setting-block #div_5::-moz-placeholder {
    color: #333;
}

.setting-block #div_5:-ms-input-placeholder {
    color: #333;
}
/*#678*/

.setting-block #div_3 .settingCancelbtn {
    margin-right: -67px !important;
}

.setting-block #div_3 .BtnEdit {
    height: 28px;
}

.child-dropdown-tick {
    margin-right: -33px;
}

.child-dropdown-cross {
    margin-right: -64px !important;
}
/*End By devendra*/

#rightclickmenu .dropdown-submenu &gt; .dropdown-menu.drop-left {
    left: -48%;
}

.steps-radio {
    padding-top: 1px !important;
}

    .steps-radio input[type=radio] {
        margin-left: 0 !important;
        position: static !important;
    }

.steps-input {
    width: 100% !important;
}

    .steps-input input[type=text] {
        width: 25%;
        float: left;
    }

    .steps-input select {
        width: 60%;
        float: left;
    }

    .steps-input label {
        float: left;
        display: inline-block;
        margin: 10px;
    }

#fromto-box .fromto-label &gt; div {
    padding: 10px;
    border-radius: 3px;
    border: 1px #ccc solid;
    max-height: 150px;
    overflow: auto;
    display: none;
}

#divChildAppendEnroll {
    border-radius: 0px 0px 3px 3px !important;
}

#fromto-box .fromto-label .control-custom {
    min-width: initial;
    width: 50%;
    float: left;
    padding-right: 5px;
    min-height: 18px;
    margin-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ledger-btn {
    margin-right: -19px !important;
}

.inlineeditPickerupdate2 {
    margin-right: 35px !important;
}

.alltable-resize {
    width: 70% !important;
    margin-top: -7px;
}

.click-img {
    width: 130px !important;
    height: 130px !important;
}

.hyperlinkColumn {
    color: inherit;
}

.schedule-box .ContactsEditList p {
    margin-top: 5px !important;
}

.avatar-parent {
    width: 14.5% !important;
}

.rightdetails {
    padding-right: 0px !important;
    padding-left: 150px;
}

#datatables-columnpriority div.dataTables_filter label input {
    margin-left: 0;
    width: 100%;
}

#datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; thead &gt; tr &gt; th:first-child,
#datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td:first-child {
    padding-left: 30px !important;
}

    #datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td:first-child::before,
    #datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; th:first-child::before,
    #FdcBillingGrid table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; td:first-child:before,
    #FdcBillingGrid table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr &gt; th:first-child:before {
        background-color: transparent;
        border: 1px solid #4d90fd;
        box-shadow: none;
        color: #4d90fd;
        font-size: 18px;
        font-weight: bold;
        height: 18px;
        left: 4px;
        line-height: 19px;
        text-indent: 4px;
        top: 11px;
        width: 18px;
    }

#datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; td:first-child::before,
#datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.parent &gt; th:first-child::before {
    background-color: transparent;
}

table &gt; tbody &gt; tr &gt; td &gt; #moreInfochild_td {
    display: none;
}

.table.table-bordered &gt; thead:first-child &gt; tr &gt; th:last-child {
    border-right: 1px #dadada solid !important;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 1px !important;
}

#tblThRefundDetails {
    border: 1px #dadada solid !important;
}

#tblRefundDetails {
    border: 1px #dadada solid !important;
}

    #tblRefundDetails tr th {
        border: 1px #dadada solid !important;
    }

    #tblRefundDetails tr td {
        border: 1px #dadada solid !important;
    }
/*23April*/

#datatables-columnpriority .table-responsive {
    overflow: inherit;
}

#datatables-columnpriority .dataTables_filter {
    width: 68%;
    padding-left: 8px;
}

    #datatables-columnpriority .dataTables_filter .input-sm {
        height: 29px;
        position: relative;
        z-index: 0;
    }

#child-billinggridindex #datatables-columnpriority .dataTables_filter {
    width: 60%;
    padding-left: 8px;
}

#datatables-columnpriority .dataTables_length {
    margin-top: 10px;
    float: left;
    width: 35%;
}

#datatables-columnpriority .dataTables_paginate {
    margin-top: 10px;
    float: right;
    width: 60%;
}
/*22April*/

#child-editpage #home .BtnEdit {
    overflow: hidden;
}

#child-editpage #home .input-group.datetime .child-updatebtn {
    margin-right: -34px;
}

#timeline {
    z-index: 100;
}

    #timeline .col-sm-2 {
        padding: 0px;
    }

.big-span {
    background-color: #2394F2;
    color: white;
    width: 75px;
    height: 75px;
    margin: auto;
    border: 2px #2394F2 solid;
    border-radius: 50%;
}

    .big-span span {
        display: table-cell;
        font-size: 12px;
        font-weight: normal;
        height: 70px;
        width: 75px;
        text-align: center;
        vertical-align: middle;
        line-height: 13px;
        color: #fff;
    }

.big-span-border {
    background-color: #fff;
    color: #000;
    width: 75px;
    height: 75px;
    margin: auto;
    border: 2px #2394F2 solid;
    border-radius: 50%;
}

    .big-span-border span {
        display: table-cell;
        font-size: 12px;
        font-weight: normal;
        height: 70px;
        width: 75px;
        text-align: center;
        vertical-align: middle;
        line-height: 13px;
        color: #000;
    }

.span-line {
    width: 3px;
    height: 20px;
    background-color: #2394F2;
    display: inline-block;
}

.span-para {
    font-size: 13px;
    float: right;
}

.small-span {
    background-color: #2394F2;
    color: #fff;
    width: 35px;
    height: 35px;
    margin: auto;
    border: 2px #2394F2 solid;
    border-radius: 50%;
    display: block;
}

    .small-span span {
        display: inline-block;
        font-weight: normal;
        font-size: 15px;
        margin-top: 8px;
    }

.small-span-border {
    background-color: #fff;
    color: #000;
    width: 35px;
    height: 35px;
    margin: auto;
    border: 2px #2394F2 solid;
    border-radius: 50%;
    display: block;
}

    .small-span-border.complete-step {
        background-color: #2394F2;
        color: #fff;
    }

.layer {
    margin-bottom: 10px;
}

#import-data h3 {
    border-bottom: 1px #cccccc solid;
    padding-bottom: 10px;
}

#import-data .col-sm-12 {
}

.layer p {
    margin-top: 7px;
}

.layer button {
    margin: 0 auto;
}

#upload {
    display: none;
}

#upload1 {
    display: none;
}

#upload2 {
    display: none;
}

#file-upload {
    display: inline-block;
    cursor: pointer;
}

#file-upload1 {
    display: block;
    cursor: pointer;
}

#file-upload2 {
    display: block;
    cursor: pointer;
}

.layer-anc {
    margin-top: 20px;
}

.layer-content ul {
    padding-left: 0;
    margin-top: 20px;
}

    .layer-content ul li {
        list-style: none;
        margin-bottom: 10px;
    }

.small-span-border span {
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    margin-top: 8px;
}

.timeline-box p {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
    text-align: center;
}

#timeline-status p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 15px;
}

    #timeline-status p b {
        font-weight: 700;
    }

#timeline-hours {
    z-index: 100;
}

#timeline-line {
    margin-top: -50px;
}

    #timeline-line .col-sm-1 p {
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
    }

    #timeline-line .col-sm-1 {
        padding: 0px;
        margin-top: -20px;
        font-weight: 700;
    }

        #timeline-line .col-sm-1 p {
            font-weight: 700;
        }

    #timeline-line .col-sm-11 {
        background-color: #2394F2;
        min-height: 3px !important;
        height: 3px;
        padding: 0px;
    }

    #timeline-line span {
        height: 10px;
        width: 10px;
        background-color: #2394F2;
        border-radius: 50%;
        margin-top: -4px;
        display: inline-block;
        position: relative;
    }

        #timeline-line span.pull-left {
            margin-left: 16px;
        }

        #timeline-line span.pull-right {
            margin-right: 16px !important;
        }

        #timeline-line span.pull-left:before {
            content: '';
            position: absolute;
            left: -18px;
            top: 4px;
            width: 18px;
            height: 3px;
            background: #fff;
        }

        #timeline-line span.pull-right:before {
            content: '';
            position: absolute;
            right: -18px;
            top: 4px;
            width: 18px;
            height: 3px;
            background: #fff;
        }

/*--------------------------------------------*/
/*--------------------------------------------*/
/*Pankaj for Searchbox cross button*/

span.icon_clear:hover {
    color: rgb(36, 148, 242);
}
/*End of statement Pankaj*/
/*------------28th April-----------------------------*/

.main-name {
    margin-bottom: 0px;
    margin-top: 52px;
}

.ContactsEditList {
    margin-top: 10px;
}

    .ContactsEditList .ContactsEditListmenu .BtnEdit {
        display: flex;
        align-items: center;
    }

#child-switch &gt; div {
    padding-left: 0px !important;
}
/*ProgramClasses/Index*/

#full-pageshow,
#full-pageshow #datatables-columnpriority,
#full-pageshow #datatables-columnpriority .listTableInfo {
    float: left;
    width: 100%;
}
/*End*/

#datatables-columnpriority #attend-table .AttendanceInfo {
    margin-left: 0 !important;
}

#datatable.table &gt; thead &gt; tr &gt; th.TimeInTd,
#datatable.table &gt; tbody &gt; tr &gt; td.TimeInTd {
    text-align: center;
}

.bootstrap-switch {
    padding-left: 0;
}

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
        background-color: transparent;
        padding: 0px;
    }

.custom-switch .bootstrap-switch {
    padding-top: 0px;
}

.custom-switch &gt; tbody td:nth-child(2) &gt; div.bootstrap-switch {
    padding-left: 0;
}

.custom-switch .bootstrap-switch .bootstrap-switch-container {
    padding: 0px;
}
/*------------End of 2-may statement-----------*/
/*Pankaj Attendace Seedetails*/

.moreInfochild_td {
    display: none;
}

.moreInfochild_td_bill {
    display: none;
    margin-top: 1px !important;
    background: white;
    border: 1px solid #2494f2;
    padding: 5px;
    position: absolute;
    left: 50%;
    z-index: 3;
}

table &gt; tbody &gt; tr:hover .moreInfochild_td_bill {
    display: block;
}
/*End of Statement */

table &gt; tbody &gt; tr:hover .pro-seedetails {
    margin-top: 0 !important;
}

.pro-head {
    display: block;
    margin-top: 8px;
}

.pro-span {
    display: block;
    margin-top: 15px;
}

#stpes-ancs a {
    display: inline-block;
    color: blue;
    font-size: 15px;
    /*margin-top: 5px;*/
    margin-left: 5px;
    font-weight: 400 !important;
    text-decoration: underline;
}

.token a {
    color: #333 !important;
}
/*05/09/2016 Devendra*/

.btn_right #billing-btn {
    padding-right: 0;
}

#program-editpage .profileInfo .SwitchAlign {
    width: 45px !important;
}

#program-editpage .profileInfo .pro-span {
    padding-left: 8px;
}

#trans-switch div {
    padding-left: 0px !important;
}

.enrollstatus-span span {
    display: block;
    margin-bottom: 5px;
}

.note-editor .note-editable {
    line-height: 20px;
}

#entry-help {
    color: #333333;
    font-size: 15px;
    margin-top: 3px;
}

    #entry-help i {
        color: #2494F2;
        margin-right: 5px;
        font-size: 18px;
    }
/*Reprt center start*/

.reportcenter-page .block-flat {
    padding-left: 30px;
    padding-right: 30px;
}

.reportcenter-page .report-header {
    position: relative;
    padding-left: 80px;
    min-height: 80px;
}

    .reportcenter-page .report-header p {
        font-size: 13px;
        line-height: normal;
    }

    .reportcenter-page .report-header span {
        position: absolute;
        left: 0;
        top: 0;
    }

.reportcenter-page .fa-file-text-o {
    font-size: 70px;
    color: #555;
}

.reportcenter-page h4 {
    margin: 0 0 5px 0;
    font-weight: bold;
}

.reportcenter-page hr {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.reportcenter-page .report-search {
    margin-bottom: 20px;
}

.reportcenter-page .input-group-addon {
    background-color: #4e9dff;
    border-color: #357ebd;
    color: #fff;
    cursor: pointer;
}

.reportcenter-page .nav-tabs {
    border-color: #2e9efc;
}

    .reportcenter-page .nav-tabs li {
        margin-bottom: 0;
    }

    .reportcenter-page .nav-tabs &gt; li &gt; a {
        background-color: #2494F2;
        color: #fff !important;
        border-radius: inherit;
        border: none;
        padding: 5px 10px !important;
        font-weight: 600;
        font-size: 12px;
    }

    .reportcenter-page .nav-tabs &gt; li.active &gt; a,
    .reportcenter-page .nav-tabs &gt; li.active &gt; a:hover,
    .reportcenter-page .nav-tabs &gt; li.active &gt; a:focus {
        background-color: #357ebd;
        border-top: none;
        color: #fff;
    }

        .reportcenter-page .nav-tabs &gt; li.active &gt; a:after,
        .reportcenter-page .nav-tabs &gt; li.active &gt; a:hover:after,
        .reportcenter-page .nav-tabs &gt; li.active &gt; a:focus:after {
            background-color: transparent;
            top: auto;
            left: 50%;
            width: 10px;
            bottom: -1px;
            border-left: 6px solid transparent;
            border-top: transparent;
            border-bottom: 6px solid #fff;
            border-right: 6px solid transparent;
            margin-left: -5px;
        }

.reportcenter-page .tab-content {
    box-shadow: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

    .reportcenter-page .tab-content .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .reportcenter-page .tab-content .report-list {
        padding-left: 40px;
        position: relative;
        height: 100px;
    }

        .reportcenter-page .tab-content .report-list .run-icon {
            position: absolute;
            top: 3px;
            right: 5px;
            color: #959595;
            display: none;
            font-size: 16px;
        }

        .reportcenter-page .tab-content .report-list:hover .run-icon {
            display: block;
        }

    .reportcenter-page .tab-content h4 {
        margin-bottom: 20px;
    }

    .reportcenter-page .tab-content hr {
        margin-top: 0;
    }

    .reportcenter-page .tab-content .report-list p {
        margin-bottom: 0px;
        line-height: normal;
        font-weight: 400;
    }

    .reportcenter-page .tab-content .report-list .round-count {
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #568bb7;
        display: block;
        line-height: 22px;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }

    .reportcenter-page .tab-content h5 {
        color: #2494F2;
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 400;
        padding-right: 75px;
    }

.text-underline {
    text-decoration: underline;
}

    .text-underline:hover {
        text-decoration: none;
    }

.report-list a {
    color: #2494F2;
    font-weight: 400;
}

.report-list .fa.fa-cogs {
    color: #60C060;
}

.report-list .fa.fa-trash-o {
    color: #f36060;
}

.report-list .fa.fa-pencil {
    color: #2494F2;
}
/*Report center end*/
/*Added on 18 May 2016*/

.name_name span {
    color: #2494f2;
    font-size: 15px;
}
/*Added on 18 May 2016*/
#TransOptions {
    position: relative;
}

    #TransOptions .dropdown-menu {
        left: initial;
        position: absolute;
        right: -10px;
        top: 25px;
        width: 200px;
    }

        #TransOptions .dropdown-menu &gt; div {
            max-height: 300px;
            overflow-y: auto;
        }
/* By Devendra For Accounting*/

#program-editpage #HeaderEdit #textEditClassName {
    height: 31px;
}

#program-editpage .profileInfo .BtnEdit1 {
    height: auto;
}

.payment-main {
    margin-bottom: 10px !important;
    padding-bottom: 20px;
}

.enter-btn {
    margin-right: 10px !important;
    display: inline-block;
}

#datatable #tblTransval tr {
    height: auto !important;
}

#TransOptions .btn-default {
    background-color: #ffffff;
    border-color: transparent;
    color: #3078ef;
}

.lightbox-body .md-content {
    padding: 20px 0;
}

.lightbox-body .radio-inline {
    margin-bottom: 10px;
}

.lightbox-body .lightbox-label {
    display: block;
}

.lightbox-body input[type="text"],
.lightbox-body select {
    margin-bottom: 10px;
    width: 60%;
    display: inline-block;
}
/*css added by Mukesh 06052016*/

/*#btnCustomize.accordion {
    background-color: #fff;
    border: 1px solid #2494f2;
    border-radius: 50%;
    color: #2494f2;
    cursor: pointer;
    font-size: 15px;
    line-height: 2px;
    margin-bottom: 0px !important;
    outline: medium none;
    padding: 10px 5px 10px 17px;
    text-align: left;
    transition: all 0.4s ease 0s;
    width: 20px;
}

    #btnCustomize.accordion.active,
    #btnCustomize.accordion:hover {
        background-color: #fff;
    }

    #btnCustomize.accordion:after {
        content: '\02795';
        font-size: 13px;
        color: #2494F2;
        float: right;
        margin-left: 5px;
    }

    #btnCustomize.accordion.active:after {
        content: "\2796";
    }*/

#divpivotoptions {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

    #divpivotoptions.show {
        opacity: 1;
        max-height: 500px;
        padding-top: 10px;
    }

.transactions label {
    display: inline-block;
}

.transactions h2 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 6px;
    color: #333;
}

.accordionName {
    margin-top: 20px;
}

    .accordionName input {
        float: left;
    }

    .accordionName span {
        display: inline;
        float: left;
        font-size: 18px;
        padding-left: 10px;
        padding-top: 6px;
    }

.analyticalInfo {
    margin-top: 10px;
    position: relative;
    background: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
}

.analyticalT {
    position: absolute;
    left: 40px;
    top: 12px;
}

    .analyticalT &gt; span {
        /*font-size: 15px;
        margin-bottom: 22px;
        margin-left: 5px;
        font-size: 15px;
        font-weight: 200;
        margin-bottom: 22px;
        margin-left: 5px;*/
    }

   /* .analyticalT span.pull-right &gt; a {
        color: #333;
        font-weight: 200;
        padding-right: 10px;
    }*/

.pull-right.RevertSpan {
    margin-top: 75px;
    margin-right: 29%;
}

    .pull-right.RevertSpan a {
        color: #333;
        font-size: 15px;
        margin-top: 11px;
    }

.transactions .col-md-3.col-sm-3 input {
    margin-right: 5px;
    margin-top: 5px;
}

#TransPivotGrid strong {
    font-size: 16px;
    font-weight: 400;
}

.analyticalT a {
    color: #333;
}

#CheckBoxList1 td {
    width: 25%;
}

#btnCustomize.accordion {
    background: url("/img/accordion_p.png") no-repeat center;
}

    #btnCustomize.accordion.active {
        background: url("/img/accordion_m.png") no-repeat center;
    }

.panel.transactions.show label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
}
/*css added by Mukesh 06052016*/

.Collapseme {
    display: none;
}

.ExpandMe {
    display: inline-block;
}

#iMinus {
    color: #2494F2;
}

    #iMinus:hover {
        color: white;
    }

.listTypeNoen {
    list-style-type: none;
    width: 100%;
}

    .listTypeNoen .toggle-vis {
        padding-left: 15px;
    }

    .listTypeNoen li {
        position: relative;
        margin: 5px 0px;
        padding: 3px 0px 3px 10px;
        z-index: 2;
        font-size: 12px;
    }

        .listTypeNoen li div {
            margin-right: 5px;
        }

        .listTypeNoen li .toggle-vis {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            background: transparent;
            height: 22px;
            z-index: 3;
        }

            .listTypeNoen li .toggle-vis:hover {
                background: transparent;
            }

        .listTypeNoen li:hover {
            background: #2494F2;
            color: #fff;
        }

            .listTypeNoen li:hover .toggle-vis {
                color: #fff;
            }
/*Added on 31 May 2016*/

ul.discussion li:last-child {
    padding-bottom: 9px;
}

.sd-page {
    position: relative;
}

    .sd-page .dashbord-nav {
        display: none;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 9;
        background-color: #F6F6F6;
        padding: 15px 0 0;
        border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-right: 1px solid #b9b7b7;
        border-bottom: 1px solid #b9b7b7;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    }

        .sd-page .dashbord-nav input {
            margin: 0 15px;
            width: auto;
        }

        .sd-page .dashbord-nav h3 {
            font-size: 13px;
            font-weight: bold;
            padding: 10px 15px;
            border-top: 1px solid #b9b7b7;
            margin: 10px 0 0;
        }

        .sd-page .dashbord-nav ul {
            list-style: none;
        }

            .sd-page .dashbord-nav ul li {
                border-top: 1px solid #b9b7b7;
                display: block;
            }

                .sd-page .dashbord-nav ul li a {
                    padding: 10px 15px;
                    display: block;
                    color: #000;
                }

                .sd-page .dashbord-nav ul li.active a,
                .sd-page .dashbord-nav ul li:hover a {
                    background-color: #dadada;
                }

    .sd-page .sd-block h2 {
        font-size: 24px;
        text-align: center;
    }

    .sd-page .sd-block h3 {
        font-size: 16px;
        font-weight: normal;
    }

.bg-white {
    background: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

.pull-30 {
    margin-top: 30px;
}

.sd-page .sd-block .db-list {
    list-style: none;
    display: table;
    background-color: #fff;
    width: 100%;
}

    .sd-page .sd-block .db-list &gt; li {
        display: table-cell;
        padding: 10px 15px;
        text-align: center;
    }

    .sd-page .sd-block .db-list.childcare-list &gt; li {
        text-align: left;
    }

    .sd-page .sd-block .db-list &gt; li.active {
        background-color: #2494F2;
    }

    .sd-page .sd-block .db-list &gt; li a {
        display: block;
        border-right: 1px solid #ccc;
        line-height: 1.6;
        color: #000;
        padding-right: 5px;
    }

    .sd-page .sd-block .db-list &gt; li.active a {
        color: #fff;
        border-right: none;
    }

    .sd-page .sd-block .db-list &gt; li:last-child a {
        border-right: none;
    }

    .sd-page .sd-block .db-list &gt; li a strong {
        display: block;
    }

    .sd-page .sd-block .db-list &gt; li .input-group-btn {
        display: inline-block;
        width: auto;
        margin-left: 15px;
    }

.sd-page .sd-block .list-block {
    line-height: 1;
    padding-bottom: 16px;
    background: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

    .sd-page .sd-block .list-block h3 {
        background-color: #2494F2;
        color: #fff;
        padding: 10px 15px;
    }

    .sd-page .sd-block .list-block .row {
        margin-left: 8px;
        margin-right: 8px;
    }

#s2id_inputEmail3 {
    max-height: 300px;
    overflow-y: auto;
}

#datatables-columnpriority table.dataTable.dtr-inline.collapsed &gt; tbody &gt; tr.child &gt; td.child:first-child ul {
    padding-top: 15px;
}

#s2id_tokenfield {
    max-height: 300px;
    overflow-y: auto;
}
/*Added on 27/06/2016*/

input[id^="textEditNote_"] {
    font-size: 13px;
}

div.fc-content div.fc-view &gt; div &gt; div:nth-child(4n) {
    max-height: 385px;
}

.BtnEditReply {
    background-color: #2494F2;
}

a.btn.btn-danger.pull-right.BtnEditReply:hover {
    background-color: #2494F2;
    border-color: #2494F2;
}

.btnDelReply {
    margin-left: 10px;
}

.button__badge {
    background-color: #fa3e3e;
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    /* Position the badge within the relatively positioned button */
    margin-left: -55px;
    margin-top: -10px;
}

.inline-anchorIpad a {
    margin-left: 7px;
}

    .inline-anchorIpad a label.button__badge {
        margin-left: -10px;
    }

    .inline-anchorIpad a i.fa-lg {
        font-size: 1.5em;
        line-height: 0.75em;
        vertical-align: -15%;
    }

.inline-anchorIpad {
    position: absolute;
    left: 20px;
    top: 18px;
    left: 0px;
    top: 3px;
    z-index: 100;
}

span.SpanminWidth {
    min-width: 38px;
}

.spacer-top {
    margin-top: 10px;
    min-width: 150px;
}

.UDFsettingUpdatebtn,
.UDFsettingCancelbtn {
    position: absolute;
    right: 331px;
}
/*css add by Mukesh 21072016*/

#UserprofileEdit .btn.btn-primary.btn-new-section {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #3380ff;
    border: solid 1px #3380ff;
}

#UserprofileEdit .btn.AddSectionFields {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #3380ff;
    border: solid 1px #3380ff;
}

.trColapsible &gt; td:nth-child(1) {
    cursor: pointer;
}

#UserprofileEdit .btn.AddSectionFields i {
    color: #3380ff;
}

#UserprofileEdit .btn.btn-primary.btn-new-section i {
    color: #3380ff;
}

.Width70 {
    width: 70%;
}

.Width25 {
    width: 25%;
}

.Width75 {
    /*width:72%;*/
    width: 200%;
}

.Width40 {
    width: 40%;
}

.Width60 {
    width: 60%;
}

.inputBtnInfo {
    width: 220px;
    margin: 0 auto 0 80px;
    position: relative;
    display: inline-block;
}

    .inputBtnInfo a.settingUpdatebtn.UDFsettingUpdatebtn {
        position: relative;
        right: 0;
        width: 14%;
    }

    .inputBtnInfo a.settingCancelbtn.UDFsettingCancelbtn {
        position: relative;
        right: 0;
        width: 14%;
    }
/*.PAddSectionFields  tr &gt; td {
    padding: 2px 8px !important;
}*/

#LedgerTable .form-control {
    height: 22px;
}

#LedgerTable .input-group-addon {
    line-height: 16px;
    padding: 1px 3px 0px 5px;
}

#LedgerTable .SeeDeatils .addRowIcon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -28px;
    display: block;
    left: 100%;
    padding: 5px;
    position: absolute;
    width: 55px;
    z-index: 3;
}


.odd-SeeDeatils {
    background: #e3effe none repeat scroll 0 0;
}

.even-SeeDeatils {
    background: #fff none repeat scroll 0 0 !important;
}

.spacer-top.ddlMargin {
    margin-top: -5px; 		
    margin-left: -5px; 
    min-width: 150px; 
    position: absolute;
}

.AdvLink {
    padding-left: 10px !important;
}

.FloatRight {
    float: right;
}

.fc-view.fc-view-month.fc-grid {
    overflow-y: scroll;
}

#DdlAdultArea button,
#DdlStaffArea button {
    display: none;
}
/*css add by Mukesh  04082016*/

#ClMcont-Tabs .ui-widget-content {
    background: #ffffff none repeat scroll 0 0;
    border: 0 solid #aaaaaa;
}

#ClMcont-Tabs .ui-tabs {
    padding: 20px;
}

    #ClMcont-Tabs .ui-tabs .ui-tabs-panel {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 0px;
    }

    #ClMcont-Tabs .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0;
        border-radius: 0px !important;
    }

        #ClMcont-Tabs .ui-tabs .ui-tabs-nav li {
            border: 0px;
            background: #fff;
        }

            #ClMcont-Tabs .ui-tabs .ui-tabs-nav li a {
                border: 0px;
            }

            #ClMcont-Tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
                box-shadow: none;
                border: 0px;
                position: relative;
            }

                #ClMcont-Tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {
                    content: '';
                    position: absolute;
                    left: 0px;
                    bottom: -2px;
                    height: 3px;
                    width: 100%;
                    background: #43A0F2;
                }

#ClMcont-Tabs .ui-widget-header {
    border-color: #bfbfbf;
}

#ClMcont-Tabs #home {
    padding: 30px 0px;
}

#ClMcont-Tabs .journalBox {
    border: 0px;
    overflow-y: unset;
    overflow-x: unset;
}

    #ClMcont-Tabs .journalBox .fc-content {
        margin-top: 5px;
    }

        #ClMcont-Tabs .journalBox .fc-content .fc-view {
            margin-top: 0px;
        }

#calendar .fc-border-separate thead th, #staff-editpage #Schedules #calendar .fc-border-separate thead th {
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.card-block {
    margin: 10px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 40px rgba(8, 18, 109, 0.1);
    -moz-box-shadow: 0px 0px 40px rgba(8, 18, 109, 0.1);
    -ms-box-shadow: 0px 0px 40px rgba(8, 18, 109, 0.1);
    -o-box-shadow: 0px 0px 40px rgba(8, 18, 109, 0.1);
    box-shadow: 0px 0px 40px rgba(8, 18, 109, 0.1);
}

.EmailGear {
    float: right;
    padding: 10px;
    position: relative;
}

    .EmailGear .SpanEmailPopup {
        display: none;
        position: absolute;
        top: 35px;
        z-index: 20000;
        right: 0px;
        color: #333;
        cursor: pointer;
        font-family: arial;
        font-weight: normal;
        background: #F1F1F1;
        border-radius: 5px;
        padding: 15px 10px;
        box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
        background-clip: padding-box;
        text-align: left;
        width: 300px;
    }

    .EmailGear:hover .SpanEmailPopup {
        display: block;
    }

        .EmailGear:hover .SpanEmailPopup:after {
            content: " ";
            position: absolute;
            top: -10px;
            right: 8px;
            pointer-events: none;
            border-bottom: solid 10px #F1F1F1;
            border-left: solid 8px transparent;
            border-right: solid 8px transparent;
            z-index: 10;
        }

        .EmailGear:hover .SpanEmailPopup input[type=checkbox] {
            position: relative;
            top: 3px;
        }
/*09 Aug 2016 Add by Mayur Sahu*/

#Div_AddNewDocument .btn.btn-primary.btn-newDoc-section {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #3380ff;
    border: solid 1px #3380ff;
}

    #Div_AddNewDocument .btn.btn-primary.btn-newDoc-section i {
        color: #3380ff;
    }

#AddNewDocument {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: right;
    margin-right: -33px;
    margin-top: -30px;
    padding: 7px 9px;
}

.inlineRadio {
    display: block;
    padding: 0 20px 0 0;
}

tr.tdDocName td {
    line-height: 32px !important;
    padding-bottom: 5px;
}

    tr.tdDocName td label {
        line-height: normal !important;
        display: block;
        font-weight: 400;
        margin-bottom: 3px;
        margin-top: 3px;
    }

.step-content {
    font-weight: 500;
    line-height: normal;
}

    .step-content p {
        font-size: 13px;
        line-height: normal;
    }

    .step-content .accordion {
        padding-top: 0px;
    }

    .step-content .step-message {
        font-size: 12px;
        margin-top: -13px;
        color: red;
        font-family: Verdana;
        margin-top: 10px;
    }

    .step-content #s2id_autogen6 {
        width: 100% !important;
        height: 70px;
    }

    .step-content .form-horizontal .control-label {
        margin-bottom: 5px;
    }

    .step-content .table.table-bordered &gt; thead:first-child &gt; tr &gt; .room-col {
        width: 20% !important;
    }

    .step-content .table.table-bordered th {
        background-color: #e5e5e5;
        line-height: normal !important;
    }

    .step-content .steps-input select {
        width: 56%;
    }

    .step-content .form-horizontal .SeeDeatils .add-input {
        width: 100%;
        max-width: 100px;
    }

#SettingsPage .accordion .panel {
    border: none;
}

#SettingsPage .selectize-input {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#SettingsPage .fuelux .wizard &gt; .actions {
    z-index: 999;
}

#SettingsPage #datatable_wrapper .row:first-child .col-sm-10 {
    width: 70%;
    margin-top: 10px;
}

#SettingsPage .accordion .panel-heading a {
    padding-left: 10px;
}

#SettingsPage .profile-info .avatar {
    text-align: center;
    padding-top: 0px;
}

    #SettingsPage .profile-info .avatar img {
        max-height: 110px;
        max-width: 110px;
    }

#SettingsPage .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
#SettingsPage .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    padding-bottom: 2px;
}

#LedgerTable_wrapper table td input:not(.form-control),
#datatable_wrapper table td input:not(.form-control) {
    padding: 3px;
}

#LedgerTable_wrapper table td select:not(.form-control),
#datatable_wrapper table td select:not(.form-control) {
    padding: 1px;
}

.btn-dollar {
    border-radius: 50% !important;
    background-color: #60C060;
    padding: 4px 8px !important;
    color: #fff;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.modal-content {
    line-height: 16px;
}

.accordion.accordion-semi .panel-collapse .panel-body {
    padding-left: 20px !important;
}
/*17Aug*/

#md-BatchAttendance {
    max-width: 450px;
}

    #md-BatchAttendance .md-content h3 {
        color: #fff;
    }

.social-block a {
    padding: 2px;
    font-size: 14px;
    margin-right: 0px;
    width: 26px;
    background-color: #2494F2;
    color: #fff;
    text-align: center;
    display: inline-block;
}

    .social-block a:last-of-type {
        margin-right: 0px;
    }

.social-block .meal-icon {
    background: #2494F2 url("/images/meal-icon.png") no-repeat center center;
    font-size: 0px;
    height: 24px;
    line-height: 30px;
    margin-right: 1px;
    margin-top: -3px;
}

    .social-block .meal-icon + .custom-tooltip {
        bottom: -35px;
        width: 110px;
        margin-left: -58px;
    }

    .social-block .meal-icon:hover + .custom-tooltip {
        display: block;
    }

        .social-block .meal-icon:hover + .custom-tooltip:after {
            bottom: initial;
            top: -6px;
            border-bottom: solid 6px #17365d;
            border-top: transparent;
        }

.social-block .slot-availability-icon {
    background: #2494F2 url("/images/slot-availability-icon.png") no-repeat center center;
    font-size: 0px;
    height: 24px;
    line-height: 30px;
    margin-right: 0px;
    margin-top: 0px;
    margin-right: 3px;
}

    .social-block .slot-availability-icon + .custom-tooltip {
        bottom: -35px;
        width: 205px;
        margin-left: -98px;
    }

    .social-block .slot-availability-icon:hover + .custom-tooltip {
        display: block;
    }

        .social-block .slot-availability-icon:hover + .custom-tooltip:after {
            bottom: initial;
            top: -6px;
            border-bottom: solid 6px #17365d;
            border-top: transparent;
        }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    z-index: 10000;
}

.bars-widget p {
    margin-top: 10px;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

.bars-widget h3 {
    color: #333;
}

.bars-widget .search-section {
    padding: 10px 0px;
    display: block;
    border-bottom: 1px solid #CCCCCC;
}

    .bars-widget .search-section .block-el {
        margin: 5px 0px;
    }

.StaffImageMobileFooter .fa-check,
.bars-widget .fa-check {
    position: absolute;
    right: 12px !important;
    top: 18px !important;
    background-color: #3380FF;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    padding: 3px;
    width: 16px;
    height: 16px;
}

.StaffImageMobileFooter .fa-check1,
.bars-widget .fa-check1 {
    position: absolute;
    right: 12px !important;
    top: 18px !important;
    background-color: #3380FF;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    padding: 3px;
    width: 16px;
    height: 16px;
}

.bars-widget .friend-widget .fa-check {
    top: 10px !important;
}

.mrg20 {
    margin-right: 20px;
}

.StatusComplete {
    color: green;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
}

.StatusInComplete {
    color: red;
    font-weight: 600;
    font-size: 11px;
}

#trDocInfo .ValignTop {
    vertical-align: top;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin: 1px 0 0 -20px;
    position: absolute;
}

.Upbtn {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 0 0 0px;
    padding: 6px 8px 4px;
}

.ColumnNameContainer {
    position: relative;
    margin-right: 40px;
}

    .ColumnNameContainer:hover div.editEDoc {
        display: inline-block;
    }

div.editEDoc {
    display: none;
}

.Width100 {
    width: 100%;
}

.addDoc-section {
    float: left;
    width: 30%;
}

.width100 {
    width: 100%;
}
/*css added by Tarun at 23-08-16*/

.download_form_btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #666;
    color: #666;
}

    .download_form_btn:hover {
        background: #fff;
        color: #666;
    }

.form_radio {
    line-height: 12px !important;
    vertical-align: top;
}

.radio_height {
    margin-bottom: 0;
}

#AddNewDocument.check_btn {
    margin-right: -32px;
    padding: 8px 9px 7px;
}

#CancelNewDocument.cut_btn {
    margin-right: -64px !important;
    padding: 8px 10px 7px;
}

.IsFormButtons button {
    width: 250px;
    padding: 10px 0px 5px 0px;
}

.BtnfFormUpload {
    min-width: 158px;
}
/*For Pivot*/

/*.btnPivotCustomize.accordion {
    background-color: #fff;
    border: 1px solid #2494f2;
    border-radius: 50%;
    color: #2494f2;
    cursor: pointer;
    font-size: 15px;
    line-height: 2px;
    margin-bottom: 0px !important;
    outline: medium none;
    padding: 10px 5px 10px 17px;
    text-align: left;
    transition: all 0.4s ease 0s;
    width: 20px;
    position: relative;
}

    .btnPivotCustomize.accordion.active,
    #btnCustomize.accordion:hover {
        background-color: #fff;
    }

    .btnPivotCustomize.accordion:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-left: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        transform: rotate(45deg);
    }

    .btnPivotCustomize.accordion.active:after {
        content: "\2796";
    }*/

.block-wizard .btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.block-wizard th a {
    color: #333;
}

.table &gt; tbody &gt; tr &gt; td {
    padding-bottom: 5px;
    padding-top: 5px;
}

.moredetails {
    display: none;
}

.reportcenter-page .nav-tabs &gt; li &gt; a {
    border: 0 !important;
}

.datatable_wrapper .dataTables_filter label {
    margin-left: 0;
}

.HeadCalendar {
    margin-right: 15px;
}

.ui-timepicker-standard .ui-widget-content {
    border: 0;
    padding: 0;
}

.ui-timepicker-standard .ui-menu-item {
    width: 100% !important;
}

    .ui-timepicker-standard .ui-menu-item a {
        padding: 0;
        text-align: left;
    }

        .ui-timepicker-standard .ui-menu-item a:hover,
        .ui-timepicker-standard .ui-menu-item .ui-state-hover {
            background: #4e9dff;
            border: 0;
            color: #fff;
            border-radius: 0;
        }

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

.md-content &gt; div {
    font-size: 13px;
    font-weight: normal;
}

#md-DayClick .btn-group {
    margin-left: 0;
}

#md-DayClick .multiselect {
    padding: 3px 11px;
    border: 0;
}

#md-DayClick .row {
    margin-left: -7px;
    margin-right: -7px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-left: 0;
    border-right: 0;
}

#home .row {
    margin-right: -8px;
    margin-left: -8px;
}
/*Payment popup redesign*/

#PaymentFrame {
    border: none;
    background: transparent;
    box-shadow: none;
    width: 100%;
    max-width: 700px;
}

    #PaymentFrame .ui-draggable {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        cursor: move;
    }

    #PaymentFrame .modal-body {
        max-height: 410px;
        overflow-y: auto;
        width: 100%;
    }


    #PaymentFrame &gt; .modal-body {
        width: 100%;
    }

    /*#PaymentFrame .content {
    padding: 15px;
}*/

    #PaymentFrame .content .tab-pane .accordion,
    #PaymentFrame .content .tab-pane .tab-content {
        margin-bottom: 0;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 .panel-default,
    #PaymentFrame .content .bGPopupSeeDetails1 .panel-collapse .panel-body {
        border-top: 1px solid #f7f7f7;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 {
        position: static;
        text-align: left;
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
        color: #333;
    }

/*#PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td {
            width: 100%;
            display: block;
            padding: 0;
        }

            #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td.category {
                padding-bottom: 10px;
            }

            #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table {
                display: table;
                width: 100%;
            }

                #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table tr {
                    display: table-row;
                    width: 100%;
                }

                #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td:first-child {
                    width: 25% !important;
                    padding-right: 15px;
                }

                    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td:first-child.one-col {
                        padding-right: 0 !important;
                    }

                #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td {
                    width: 75% !important;
                    display: table-cell;
                    padding-bottom: 5px;
                }*/

#Schedules &gt; div {
    background-color: transparent;
}

#datatable_wrapper .dataTables_filter label input[type="text"] {
    margin-left: 0;
}

#md-BatchAttendance .radio-inline + .radio-inline {
    margin-left: 0;
}

#md-BatchAttendance .radio-inline + .radio-inline {
    margin-left: 0;
}

#mod-warning1 {
    z-index: 99999;
    box-shadow: none;
}

    #mod-warning1:focus {
        outline: none;
    }

#mod-warning {
    z-index: 3300;
    box-shadow: none;
    outline: none;
}

    #mod-warning .alert-white {
        background: #fff;
        padding: 30px 20px;
        position: relative;
    }

        #mod-warning .alert-white.rounded {
            padding: 15px 35px 15px 61px;
        }

        #mod-warning .alert-white .close {
            position: absolute;
            right: 10px;
            top: 10px;
        }

    #mod-warning .modal-content {
        border-radius: 5px;
    }

        #mod-warning .modal-content .alert-white {
            border-radius: 5px;
        }

.support-admin.sd-page .dashbord-nav {
    border: none;
    position: relative;
    padding: 6px 8px 0 0;
    box-shadow: none;
}

    .support-admin.sd-page .dashbord-nav input {
        margin: 0;
        width: 100% !important;
    }

.support-admin.sd-page .select2-results {
    border: 1px solid #b9b7b7;
    border-bottom: none;
    background-color: #F6F6F6;
    max-height: 300px;
    position: relative;
    overflow-y: auto;
}

.support-admin.sd-page .clearable-input {
    position: relative;
}

    .support-admin.sd-page .clearable-input &gt; input {
        padding-right: 1.4em;
    }

    .support-admin.sd-page .clearable-input &gt; [data-clear-input] {
        display: none;
        position: absolute;
        top: 0;
        right: 14px;
        font-weight: bold;
        font-size: 1.4em;
        padding: 5px 0.2em;
        line-height: 1em;
        cursor: pointer;
    }

    .support-admin.sd-page .clearable-input &gt; input::-ms-clear {
        display: none;
    }

.support-admin.sd-page .dashbord-nav ul li {
    border-top: 0;
    border-bottom: 1px solid #b9b7b7;
}

.support-admin.sd-page .sd-block h3 {
    margin-top: 12px;
}

#replyQuestion #suggestion-answer,
#replyQuestion #suggestion-answer div,
#replyQuestion #suggestion-answer p {
    line-height: 24px !important;
    color: #333 !important;
}

.multiselect.dropdown-toggle {
    overflow: hidden;
}

.search-form {
    width: 280px;
    transition: width 0.3s linear;
    z-index: 10;
}

    .search-form #search-txt {
        width: 100%;
        padding: 5px;
        height: 24px;
    }

        .search-form #search-txt:focus {
            box-shadow: none;
        }

    .search-form .easy-autocomplete {
        width: 100% !important;
        position: relative;
        right: -3px;
        top: -1px;
    }

.social-block {
    text-align: right;
    padding-top: 15px;
}

    .social-block #ClearSearchBoxFilter {
        position: absolute;
        right: 2px;
        top: 0px;
        padding: 0px;
        text-align: center;
        display: none;
        color: #fff;
        width: 22px;
        height: 22px;
        cursor: pointer;
        background: none;
    }

        .social-block #ClearSearchBoxFilter #spnCrossSearchAll {
            color: #2494F2;
            right: 0px;
            top: 0px;
        }

.search-form .fa-search {
    position: absolute;
    right: 11px;
    padding: 5px 7px;
    cursor: pointer;
    font-size: 14px;
    background-color: #3380FF;
    color: #fff;
    transition: background 1s linear;
}
/*.search-form .fa-search:hover,
.search-form .fa-search.active {
    background-color: #3380FF;
    color: #fff;
}*/

.search-form .easy-autocomplete-container {
    left: 0px;
    margin-top: 1px;
    z-index: 999;
}

    .search-form .easy-autocomplete-container ul {
        border: 0 !important;
        width: 350px !important;
    }

        .search-form .easy-autocomplete-container ul li:last-child {
            border-radius: 0;
        }

.familybtn {
    text-align: left;
    margin: 10px 0px;
    font-size: 16px;
}

.familybtn a {
    display: block;
    text-align: left;
    position: relative;
}

.familybtn a i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.tab-container .tab-content {
    border-bottom: none !important;
}

.panel-footer#divsendmessage {
    padding: 0;
    border-top: none;
}

#divsendmessage .textArea {
    display: block;
    margin: 0;
}

    #divsendmessage .textArea .message {
        position: relative !important;
        display: inline-block;
        height: auto !important;
        min-height: 62px;
    }

    #divsendmessage .textArea .input-group-btn {
        position: absolute;
        right: 0;
        display: inline-block;
        width: auto;
    }

#userTyping {
    padding-left: 8px;
    color: #2494F2;
    margin-bottom: 2px;
    font-size: 12px;
}

.showDeleteButton {
    display: none;
}

.partialReceiptClass {
    display: none;
}

#list-controls {
    margin-bottom: 10px;
}

    #list-controls a {
        display: inline-block;
        padding: 5px 3px;
        background: #2494F2;
        color: #fff;
        text-align: center;
        width: 26px;
        margin-right: 7px;
    }

    #list-controls .rmvPointerEvent {
        background: none;
        color: #2494F2;
    }

.list-control {
    position: absolute;
    top: 17px;
}

.program-edit td {
    height: 20px;
    padding: 10px;
}

#schTable .timeEntry-control {
    display: none !important;
}

.tablestardEnd.oneday-time-scheduler #schTable .timeEntry-control {
    display: none !important;
}

.tablestardEnd #schTable.oneday-time-scheduler {
    width: auto !important;
}

    .tablestardEnd #schTable.oneday-time-scheduler th:first-child {
        width: 117px !important;
    }

.profileInfo .tablestardEnd thead tr th,
#div_ActionSlotResult_PC .tablestardEnd thead tr th {
    font-weight: 600;
}
    .profileInfo .tablestardEnd thead tr th:first-child,
    #div_ActionSlotResult_PC .tablestardEnd thead tr th:first-child {
        width: 11% !important;
    }
.profileInfo .tablestardEnd tbody tr td:first-child,
#div_ActionSlotResult_PC .tablestardEnd tbody tr td:first-child {
    font-size: 12px;
    width: 80px;
    text-align: left;
    padding-left: 8px;
}

    #mod-warningc,
    #mod-warningnew,
    #mod-warningj, #mod-warningnote, #mod-warningtemp, #mod-warningEmailchange, #mod-ArticleMessage {
        box-shadow: none;
    }

#txtAreaQuestion {
    min-height: 70px;
    resize: vertical;
}

#scroller .accordion .panel {
    border: 0;
    margin-bottom: 0px;
}

.Journal-checkBoxActive {
    background-color: rgba(12, 156, 29, 0.94) !important;
}

.journalBlinkMessage {
    animation: blinker 1s linear infinite;
    color: red !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#mod-UpdateWallet {
    z-index: 9999;
    top: 50%;
    margin-top: -95px;
}

header .img-responsive {
    max-width: 110px;
}

header h2 span {
    font-size: 15px;
}

.tab-content .input-group .form-control {
    padding-left: 8px;
    padding-right: 8px;
}

.tab-content select.form-control {
    padding: 5px 0px 6px 4px;
}

.custom-color-checkbox {
    position: relative;
}

    .custom-color-checkbox label {
        display: inline-block;
        width: 35px;
        height: 35px;
    }

    .custom-color-checkbox img {
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .custom-color-checkbox a {
        position: absolute;
        right: 11px;
        top: 12px;
    }

.profile_menu a {
    display: block;
    position: relative;
}

    .profile_menu a img {
        float: left;
    }

    .profile_menu a .profildrp {
        padding-left: 40px;
        font-size: 12px;
        text-align: left;
        padding-right: 10px;
    }

        .profile_menu a .profildrp span {
            display: block;
            padding: 0px 10px 0px 0px;
            margin: 0px;
            line-height: 18px;
            overflow: hidden;
            height: 20px;
        }

    .profile_menu a .caret {
        position: absolute;
        top: 23px;
        right: 5px;
    }

.ddlselectlist {
    position: relative;
}

    .ddlselectlist a {
        min-width: 150px;
    }

    .ddlselectlist .dropdown-menu {
        width: 100%;
    }

        .ddlselectlist .dropdown-menu li a {
            display: block;
            position: relative;
        }

            .ddlselectlist .dropdown-menu li a i {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 27px;
                height: 27px;
            }

        .ddlselectlist .dropdown-menu li:hover a i {
            background: #e6e6e6;
            color: #2494f2;
        }

        .ddlselectlist .dropdown-menu li a i:before {
            top: 9px;
            position: absolute;
            right: 6px;
        }

.modal-body .container-fluid {
    padding-right: 8px;
    padding-left: 8px;
}

.subsidy-split {
    font-size: 13px;
    font-weight: 400;
}

    .subsidy-split label {
        font-weight: normal;
        margin-bottom: 0px;
    }

    .subsidy-split .row {
        margin-bottom: 20px;
    }

        .subsidy-split .row#SubsidyEntrydiv + .row {
            margin-bottom: 0px;
        }

.subsidy-charge {
    text-align: right;
}

    .subsidy-charge strong {
        display: block;
        font-weight: normal;
    }

.bg-table-btns {
    text-align: right;
}

    .bg-table-btns a {
        display: inline-block;
        font-size: 14px;
        color: #2494f2;
        margin: 2px 10px 2px 0px;
    }

        .bg-table-btns a:last-of-type {
            margin-right: 0px;
        }

.bg-table tr {
    background: #f8f8f8;
}

.bg-table td {
    border-color: #fff;
}

.bg-table.table &gt; tbody &gt; tr &gt; td {
    border-color: #fff;
}

.bg-table.table td:last-child {
    border-color: #fff;
}

.save-mark {
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    /* border-radius: 2px;*/
    display: block;
    width: 30px;
    height: 30px;
    border: solid 1px #2494f2;
    background: #2494f2;
    text-align: center;
    padding-top: 4px;
}

    .save-mark:hover {
        color: #fff;
    }

.split-controls {
    background: #f8f8f8;
    padding: 6px 4px 5px 2px;
    border: solid 1px #ccc;
}
#mod-SplitChildChargePayment .split-controls {
    background: #f8f8f8;
    padding: 6px 8px;
    margin-bottom: 5px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
}

    .subsidy-split .split-controls .row {
        margin-bottom: 0px;
    }

#mdlsplitMessage .modal-footer {
    text-align: left;
    padding-left: 25px;
}

#mdlsplitMessage .modal-body {
    padding-bottom: 0px;
}

a.save-mark {
    position: absolute;
    right: 8px;
    top: 0px;
    height: 42px;
    width: 45px;
    padding-top: 10px;
}

#subsidyEntryMsg {
    color: red;
    margin-bottom: 0px;
    height: 20px;
    padding-top: 2px;
    font-size: 12px;
}

.subsidy-split .bg-table.table input[type='text'] {
    height: 22px;
}

.SeeDeatils .colPeriod {
    position: relative;
}

.SeeDeatils .noselect.open {
    position: relative;
}

.SeeDeatils ul.dropdown-menu {
    padding: 0px;
}

.SeeDeatils .ContactsEditList {
    margin-top: 0px;
}

    .SeeDeatils .ContactsEditList td {
        vertical-align: top;
        background: #fff;
    }

    .SeeDeatils .ContactsEditList.ContactsEditList tr:first-child &gt; td {
        vertical-align: middle;
        background: #2494F2;
        color: #fff;
    }

    .SeeDeatils .ContactsEditList tr:first-child &gt; td label {
        margin-bottom: 0px;
    }

.SeeDeatils td ul {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
}

    .SeeDeatils td ul li {
        list-style: none;
    }

.SeeDeatils .dropdown-toggle {
    position: relative;
    display: block;
    padding: 4px 20px 4px 5px;
    text-align: left;
    border: solid 1px #CCCCCC;
}

    .SeeDeatils .dropdown-toggle::after {
        content: '';
        position: absolute;
        top: 11px;
        right: 5px;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

#subsidydatatable tr td {
    word-break: break-all;
}

.program-create .btn-group {
    margin-left: 0px;
    margin-right: 0px;
}

.getting-process-block {
    border-radius: 3px;
    border: solid 2px #2394F2;
    width: 158px;
    height: 72px;
    color: #000;
    margin-bottom: 2px;
    padding: 0px 5px;
    display: table-cell;
    vertical-align: middle;
}

.getting-process-block-pending {
    border-radius: 3px;
    border: solid 2px #2394F2;
    width: 158px;
    height: 72px;
    color: #000;
    margin-bottom: 2px;
    padding: 0px 5px;
    display: table-cell;
    vertical-align: middle;
}

.welcome-msg {
    border-top: 5px solid #2394f2;
    padding: 20px;
    background-color: #fff;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 700px;
    border-radius: 3px;
}

.information-msg {
    border-top: 5px solid #2394f2;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 0px;
}

    .information-msg .md-close {
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 15px;
    }

    .information-msg h4 {
        padding-right: 15px;
    }


.welcome-msg h2 {
    font-size: 26px;
    color: #2394f2;
    border-bottom: solid 1px #d4d4d4;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
}

    .welcome-msg h2 span {
        display: block;
        font-size: 14px;
        color: #838383;
        text-transform: uppercase;
    }

.welcome-msg ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

    .welcome-msg ul li {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        position: relative;
        padding-left: 60px;
    }

        .welcome-msg ul li span {
            display: inline-block;
            margin-right: 10px;
            width: 50px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

.welcome-msg .note {
    font-size: 12px;
    color: #505050;
    border-top: solid 1px #d4d4d4;
}

.welcome-msg .btn-continue {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    background-color: #0c810c;
    color: #fff;
    border-radius: 3px;
    margin: 0px auto;
}

.welcome-msg .modal-body {
    padding: 0px 20px;
}

#form-primary-ProgClasChange .checkbox, #form-primary-ProgClasChange .radio, #form-primary-ResetSessionSchedule .checkbox {
    display: inline-block;
    margin: 0px 5px 0 0;
    min-height: unset;
}

#form-primary-ProgClasChange .form-group {
    margin-bottom: 10px;
}

#form-primary-ProgClasChange .modal-header h3 {
    color: white;
    font-size: 20px;
    font-weight: 400;
}

    #form-primary-ProgClasChange .modal-header h3 span {
        font-weight: 300;
    }

#form-primary-ProgClasChange .modal-footer #btnOkDis {
    min-width: 80px;
}

#form-primary-ProgClasChange .modal-footer .form-group {
    margin: 0px;
}

#form-primary-ProgClasChange label {
    margin-bottom: 0px;
    font-weight: 500;
}

#form-primary-ProgClasChange #maindiv_Message p {
    margin-bottom: 0px;
}

.common-buttons {
    text-align: right;
}

.step-content-container {
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

    .step-content-container:before, .step-content-container:after {
        content: " ";
        display: table;
    }

    .step-content-container:after {
        clear: both;
    }

#program-editpage .profileInfo .row {
    margin-bottom: 0px;
}

#gettingstarted .name_name {
    margin-top: 12px !important;
}

#gettingstarted .profile-info &gt; .row {
    margin-bottom: 0px;
}

#timeline-status .col-sm-1 p {
    margin-top: 30px;
}

#timeline-hours p {
    font-size: 12px;
    font-weight: 400;
}

.datatable-container {
    position: relative;
}

    .datatable-container #setting-btns {
        position: absolute;
        top: 0px;
        right: 0px;
        margin-right: 0px;
    }

        .datatable-container #setting-btns .btn {
            margin-left: 5px;
        }

        .datatable-container #setting-btns .dropdown-menu {
            left: initial;
            right: 0px;
        }

.step-content h4 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
}

.step-content h5 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
}

.step-content .accordion h4 {
    margin-top: 0px;
}

.step-content .accordion.accordion-semi .panel-collapse .panel-body {
    padding: 20px 0px 20px 0 !important;
}

.step-content .accordion .panel-body .form-horizontal .form-group {
    margin-right: -8px;
    margin-left: -8px;
}

.alpha-listing {
    list-style-type: upper-alpha;
}

.step-content-container .btn-danger, .step-content-container .btn-success {
    display: inline-block;
    padding: 5px 5px;
}

.help-icon-container {
    position: relative;
}

    .help-icon-container .fa-question-circle {
        position: absolute;
        top: 8px;
        right: 0px;
        font-size: 20px;
    }

.accordion .help-icon-container .fa-question-circle {
    color: #fff;
    right: 10px;
}

.AddThis .fa-check {
    margin-right: 5px;
}

#md-selfRegistration {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    left: 50%;
    max-width: 700px;
    margin-left: -350px;
    font-weight: 400;
}

    #md-selfRegistration p {
        font-weight: 400;
        color: #000;
        font-size: 13px;
    }

    #md-selfRegistration h5 {
        padding-bottom: 10px;
        line-height: normal;
        font-weight: normal;
        color: #000;
    }

    #md-selfRegistration ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        #md-selfRegistration ul li {
            position: relative;
            padding-left: 50px;
            margin-bottom: 10px;
            font-size: 13px;
        }

            #md-selfRegistration ul li strong {
                position: absolute;
                left: 0px;
                top: 0px;
            }

.step-content-container .multiselect-container {
    width: 222px;
}

.multiselect-container &gt; li &gt; a &gt; label.checkbox {
    padding-left: 0px;
    padding-top: 4px;
}

.multiselect-container &gt; li &gt; a &gt; label .icheckbox_square-blue {
    margin-right: 5px;
}

.icheckbox_square-blue.checked {
    background-position: -52px -4px;
}

.step-content-container .bootstrap-switch {
    margin-right: 5px;
}

.account-detail .account-content-block {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    background: #efefef;
    padding: 20px;
    position: relative;
}

.account-detail h2 {
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    color: #505050;
    position: relative;
}

.account-detail h3 {
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #505050;
}

.account-detail h4 {
    font-weight: bold;
    color: #505050;
    margin-top: 0px;
    font-size: 14px;
}

.account-detail .account-content-block .editbutton {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: bold;
    color: #2cb801;
    z-index: 1;
    font-size: 13px;
}

.account-detail .row {
    margin-bottom: 0px;
}

.account-detail label {
    font-weight: 500;
    font-size: 13px
}

.account-detail .account-detail-email {
    position: absolute;
    top: 15px;
    right: 0px;
    font-size: 18px;
}

.block-with-icon {
    margin: 30px 0 10px 0;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

    .block-with-icon li {
        margin: 0px;
        padding: 0px 10px;
        list-style: none;
        float: left;
        width: 50%;
    }

        .block-with-icon li a {
            color: #414141;
        }

        .block-with-icon li .block-with-icon-list {
            width: 30%;
            display: table-cell;
            background: #143966;
            text-align: center;
            vertical-align: middle;
            font-size: 50px;
            color: #ffffff;
            padding: 30px 20px;
        }

.push-edit-bottom {
    margin-bottom: 20px !important;
}

.block-with-icon li .block-with-icon-list-content {
    width: 70%;
    display: table-cell;
    background: #efefef;
    text-align: center;
    vertical-align: middle;
    padding: 30px 20px;
}

    .block-with-icon li .block-with-icon-list-content p {
        padding-left: 30px;
        padding-right: 30px;
    }

.add-card {
    position: absolute;
    top: 4px;
    right: 10px;
}

    .add-card i {
        color: #2394f2;
        font-size: 16px;
    }

.account-content-block p {
    font-size: 14px;
    color: #414141;
    line-height: normal;
    margin-bottom: 0px;
    margin-top: 6px;
}

    .account-content-block p#spnError {
        font-size: 13px;
        margin-top: 5px;
    }

    .account-content-block p strong {
        color: #555;
        font-weight: normal;
        display: block;
    }

.account-content-block table th {
    font-size: 12px;
    font-weight: normal;
    padding: 6px;
    background-color: #e5e5e5;
}

.account-content-block.calculationcondition {
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
}

    .account-content-block.calculationcondition::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0px;
        box-sizing: border-box;
        border: 8px solid black;
        border-color: transparent transparent #efefef #efefef;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    }

    .account-content-block.calculationcondition p {
        font-size: 13px;
    }

    .account-content-block.calculationcondition h3 {
        font-size: 14px;
    }

.info-control-block + .popover .popover-content {
    font-size: 13px;
}

#suggestion-form {
    font-weight: 400;
}

.coming-soon-overlay {
    position: relative;
    width: 100%;
    height: 100%;
}

    .coming-soon-overlay .coming-soon {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0, 0.3);
        color: #fff;
        text-align: center;
    }

        .coming-soon-overlay .coming-soon span {
            position: absolute;
            top: 50%;
            left: 0px;
            width: 100%;
            text-align: center;
            margin-top: -10px;
            font-size: 60px;
            transform: rotate(350deg);
        }

.user-online {
    position: relative;
    padding: 0px;
    margin: 0px 5px !important;
    cursor: pointer;
}

    .user-online:after {
        content: '';
        position: absolute;
        bottom: -1px;
        right: -6px;
        background-color: #60C060;
        width: 9px;
        height: 9px;
        border: solid 1px #fff;
        border-radius: 50%;
    }

.user-offine {
    position: relative;
    padding: 0px;
    margin: 0px 5px !important;
    cursor: pointer;
}

    .user-offine:after {
        content: '';
        position: absolute;
        bottom: -1px;
        right: -6px;
        background-color: red;
        width: 9px;
        height: 9px;
        border: solid 1px #fff;
        border-radius: 50%;
    }

.program-class-create .form-horizontal .form-group {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.program-class-create .tableCenter {
    width: 100%;
    padding: 5px 0px 5px 8px !important;
    position: relative;
    height: auto !important;
    margin-bottom: 5px;
}

.program-class-create .form-control.inputTimeCreate {
    height: 20px;
}

.program-class-create .tableCenter table td {
    height: 20px;
}

.program-class-create .parent-option-area .row {
    margin-bottom: 0px;
}

.program-class-create .multiselect {
    width: 100% !important;
}

.program-class-create .btn-group {
    width: 100%;
}

#trDocStart .category {
    padding-bottom: 5px;
}

div.dataTables_info {
    padding-bottom: 8px;
    font-weight: 500;
}

.add-edit-program-type table tr th:nth-child(1) {
    width: 15% !important;
}

.add-edit-program-type table tr th:nth-child(2) {
    width: 70% !important;
}

.add-edit-program-type table tr th:nth-child(3) {
    width: 15% !important;
}

.add-edit-program-type table tr th::after {
    top: 5px !important;
}

.add-edit-program-type .dataTables_info {
    float: left;
    width: 50%;
}

.add-edit-program-type .dataTables_paginate {
    float: left;
    width: 50%;
    margin-top: 3px;
}

.add-edit-program-type .dataTables_info td input {
    height: 30px;
}

.add-edit-program-buttons {
    position: relative;
    width: 100%;
    padding-right: 20px;
}

    .add-edit-program-buttons a {
        position: absolute;
        top: 8px;
        right: 0px;
    }

.carrier .add-edit-program-buttons input {
    float: left;
    width: 48%;
    margin-right: 10px;
}

.add-edit-program-type table.carrier tr th:nth-child(1) {
    width: 15% !important;
}

.add-edit-program-type table.carrier tr th:nth-child(2) {
    width: 43% !important;
}

.add-edit-program-type table.carrier tr th:nth-child(3) {
    width: 42% !important;
}

.add-edit-program-buttons.carrier input:last-of-type {
    margin-right: 0px;
}

.DynamicScroll .selectize-input::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px;
    border: 0px;
}

.DynamicScroll .selectize-input::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
    border-radius: 0px;
    border: 0px solid rgba(0,0,0,0.2);
}

    .DynamicScroll .selectize-input::-webkit-scrollbar-track:hover {
        background-color: #f1f1f1;
    }

.DynamicScroll .selectize-input::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 0px;
    border: 0px;
}

    .DynamicScroll .selectize-input::-webkit-scrollbar-thumb:hover {
        background-color: #777777;
    }

.gritter-top {
    background: transparent;
}

.gritter-title {
    text-shadow: none;
}

.gritter-item {
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    color: #FFF;
    padding: 2px 20px 12px;
    padding-right: 35px;
    padding-left: 10px;
}

.gritter-close {
    display: block !important;
    top: 0;
    right: 0;
    left: auto;
    height: 30px;
    width: 35px;
    font-size: 0;
    background: transparent;
    text-indent: inherit;
}

.gritter-bottom {
    background: transparent;
}

.gritter-without-image, .gritter-with-image {
    padding-left: 7px;
    width: 220px;
}

.input-control-area {
    position: relative;
    padding-right: 15px;
}

.help-icon {
    position: absolute;
    top: 6px;
    right: -6px;
}

.block-flat #subscription-model .content {
    padding-top: 0px;
    padding-bottom: 10px;
}

#subscription-model .modal-header {
    font-size: 16px;
}

#subscription-model .myradio {
    padding-bottom: 10px;
}

.myradio label input[type=radio] {
    margin-right: 5px;
    position: relative;
    top: 2px;
    margin-top: 0px;
}

#subscription-model .modal-footer {
    width: 100%;
    float: left;
}

#subscription-model .modal-body {
    height: 400px;
    overflow: auto;
}

.account-content-block #subscription-model .content .input-group {
    width: 50%;
}

#spnError {
    padding: 0px;
    margin: 0px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px;
    border: 0px;
}

    ::-webkit-scrollbar:vertical {
        width: 8px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 8px;
    }

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 0px;
    border: 0px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #777777;
    }

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #f1f1f1;
    border-radius: 0px;
    border: 0px solid rgba(0,0,0,0.2);
}

    ::-webkit-scrollbar-track:hover {
        background-color: #f1f1f1;
    }

#switchhelp {
    font-size: 11px;
}

.site-block .BtnEdit {
    position: relative;
    padding-right: 30px;
    width: 100%;
}

    .site-block .BtnEdit .settingEditbtn {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.site-block .spanlheight1 {
    padding-right: 0px;
    max-height: 108px;
    overflow-y: auto;
    display: block;
}

    .site-block .spanlheight1 span {
        display: block;
        margin: 0px 3px 3px 0px;
        padding: 3px 6px;
        background: #f8f8f8;
        width: 49%;
        float: left;
    }

#DivEditFeesTable .SeeDeatils .dropdown-toggle {
    padding: 6px 20px 6px 5px;
    background: #fff;
}
    #DivEditFeesTable .SeeDeatils .dropdown-toggle .caret {
        display: none;
    }
    #DivEditFeesTable .SeeDeatils .dropdown-toggle#btnMenuclick {
        padding: 5px 14px;
        border: 0px;
        background: #2394f2;
    }
        #DivEditFeesTable .SeeDeatils .dropdown-toggle#btnMenuclick .caret {
            display: inline-block;
        }
        #DivEditFeesTable .SeeDeatils #btnAccountType {
            border: solid 1px #CCCCCC !important;
        }
.sibling-text {
    padding-left: 8px;
}

.alert-box {
    position: relative;
    margin-bottom: 20px;
}

    .alert-box .alert-zoom {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
    }

    .alert-box .alert-box-head {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #143966;
        color: #fff;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        padding: 12px;
    }

    .alert-box .alert-box-content {
        padding: 15px;
        background-color: #ebe9e9;
    }

        .alert-box .alert-box-content .alert-box-content-inner {
            height: 155px;
            overflow-y: auto;
        }

            .alert-box .alert-box-content .alert-box-content-inner h5 {
                margin: 10px 0px 3px 0px;
                padding: 0px;
                font-size: 13px;
                font-weight: normal;
            }

            .alert-box .alert-box-content .alert-box-content-inner h3 {
                margin-bottom: 15px;
            }

            .alert-box .alert-box-content .alert-box-content-inner h5 strong {
                font-size: 13px;
                color: #555;
            }

            .alert-box .alert-box-content .alert-box-content-inner h5:first-of-type {
                margin-top: 0px;
            }

            .alert-box .alert-box-content .alert-box-content-inner p {
                font-size: 13px;
                margin-bottom: 0px;
                padding-left: 18px;
                position: relative;
                line-height: 20px;
            }

                .alert-box .alert-box-content .alert-box-content-inner p:before {
                    content: '';
                    position: absolute;
                    left: 5px;
                    top: 8px;
                    border-radius: 50%;
                    height: 5px;
                    width: 5px;
                    background: #555;
                }

.alert-modal .md-content h4 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 3px;
}

    .alert-modal .md-content h4:first-of-type {
        margin-top: 0px;
    }

.alert-box .alert-box-content .alert-box-content-inner .title-head {
    margin: 10px 0px 3px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
}

    .alert-box .alert-box-content .alert-box-content-inner .title-head:before {
        display: none;
    }

.alert-box .alert-box-content .alert-box-content-inner .date-text {
    font-size: 11px;
    color: #868686;
    font-style: italic;
    display: block;
}

.alert-modal p {
    font-size: 13px;
    margin-bottom: 0px;
    padding-left: 15px;
    position: relative;
    line-height: 18px;
}

    .alert-modal p:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 7px;
        border-radius: 50%;
        height: 5px;
        width: 5px;
        background: #555;
    }

.alert-modal .title-head {
    margin: 10px 0px 3px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
}

    .alert-modal .title-head:before {
        display: none;
    }

.alert-modal .date-text {
    font-size: 11px;
    color: #868686;
    font-style: italic;
    display: inline-block;
}

.alert-modal ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

    .alert-modal ul:last-of-type {
        margin-bottom: 0px;
    }

    .alert-modal ul li {
        font-size: 13px;
        margin-bottom: 5px;
        line-height: normal;
        position: relative;
        padding-left: 20px;
    }

        .alert-modal ul li:before {
            content: '';
            position: absolute;
            left: 6px;
            top: 8px;
            width: 5px;
            height: 5px;
            background: #555;
            border-radius: 50%;
        }

.alert-modal .modal-body h3 {
    margin-bottom: 15px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #555;
}

.alert-modal .modal-body strong {
    color: #555;
    font-size: 13px;
}

.alert-box .alert-box-content h3 {
    font-size: 13px;
    color: #4a4a4a;
    margin: 0px 0px 7px 0px;
    padding: 0px;
    font-weight: bold;
}

.alert-box .alert-box-content ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

    .alert-box .alert-box-content ul:last-of-type {
        margin-bottom: 0px;
    }

    .alert-box .alert-box-content ul li {
        font-size: 13px;
        margin-bottom: 5px;
        line-height: normal;
        position: relative;
        padding-left: 18px;
    }

        .alert-box .alert-box-content ul li:before {
            content: '';
            position: absolute;
            left: 5px;
            top: 8px;
            width: 5px;
            height: 5px;
            background: #555;
            border-radius: 50%;
        }

.alert-link {
    font-weight: bold;
    text-align: right;
}

.form-horizontal .form-group {
    margin-left: -8px;
    margin-right: -8px;
}

.dash-error {
    color: #ff0000;
    font-size: 13px;
}

.edit-leads-detail label {
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 5px;
}

.note-contact-info {
    position: relative;
}

    .note-contact-info span {
        float: left;
    }

    .note-contact-info .note-label-value {
        width: 100%;
        max-width: 300px;
        line-height: normal;
    }

.edit-report {
    position: absolute;
    right: 0px;
    bottom: 5px;
}

.drop-in h2 {
    font-size: 22px;
    margin-bottom: 2px;
}

.drop-in .title-tag {
    color: #8a8a8b;
}

.drop-in-sub-title {
    margin-top: 20px;
}

    .drop-in-sub-title h3 {
        font-size: 18px;
        font-weight: bold;
        margin: 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: solid 1px #ccc;
        color: #464646;
    }

.thumb-img-list {
    margin: 0px 0 0 0;
    padding: 0px;
    list-style: none;
    max-height: 180px;
    overflow-y: auto;
}

    .thumb-img-list li {
        margin: 0px;
        padding: 8px 6px;
        border-bottom: solid 1px #f2f2f2;
        list-style: none;
        display: table;
        width: 100%;
        cursor: pointer;
        position: relative;
    }
        .thumb-img-list li input[type=checkbox] {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 5;
            opacity: 0;
        }

        .thumb-img-list li:last-child {
            border-bottom: 0px;
        }

        .thumb-img-list li:before, .thumb-img-list li:after {
            content: '';
            display: table;
        }

        .thumb-img-list li:after {
            clear: both;
        }

        .thumb-img-list li:hover {
            background: #f2f2f2;
        }

        .thumb-img-list li .thumb-image {
            display: table-cell;
            width: 40px;
            position: relative;
            z-index: 1;
        }

            .thumb-img-list li .thumb-image a {
                border-radius: 50%;
                color: #fff;
                font-size: 12px;
                font-weight: normal;
                padding: 3px;
                width: 18px;
                height: 18px;
                position: absolute;
                left: -3px;
                top: 0px !important;               
                right: initial !important;
                /* display: none;*/
            }

            .notessidebar .thumb-img-list li .thumb-image a {
                display: none
            }

            .notessidebar .thumb-img-list li input[type=checkbox]:checked + .thumb-image a {
                display: block;
            }

        .thumb-checkBoxActive {
            background: #1AA22A !important;
        }

.thumb-img-list li .thumb-image img {
    border: 2px solid #999;
    border-radius: 50%;
    float: left;
    margin-right: 0px;
    max-height: 40px;
    max-width: 40px;
    transition: border-color 300ms ease-in-out 0s;
    width: 100%;
}

.thumb-img-list li:hover .thumb-image img {
    border-color: #4d90fd;
}

.thumb-img-list li .thumb-image-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 13px;
    line-height: normal;
}

.miscellaneous-detail-content {
    display: none;
}

.bootstrap-switch-on .bootstrap-switch-handle-on.bootstrap-switch-success + .bootstrap-switch-label {
    background: #5CB85C;
}

    .bootstrap-switch-on .bootstrap-switch-handle-on.bootstrap-switch-success + .bootstrap-switch-label:after {
        border-color: #5CB85C;
    }

.drop-in-accountinfo {
    padding-top: 10px;
}

    .drop-in-accountinfo .accountinfo-list {
        font-size: 14px;
        margin-bottom: 20px;
    }

        .drop-in-accountinfo .accountinfo-list .agebalance {
            position: relative;
            padding-right: 20px;
            display: inline-block;
            width: 80px;
        }

            .drop-in-accountinfo .accountinfo-list .agebalance i {
                position: absolute;
                top: 10px;
                right: 0px;
            }

        .drop-in-accountinfo .accountinfo-list span {
            display: block;
            font-weight: bold;
            margin-top: 10px;
        }

        .drop-in-accountinfo .accountinfo-list select {
            display: block;
            margin-top: 10px;
        }

        .drop-in-accountinfo .accountinfo-list.main-balance span {
            color: #00a40f;
        }

.drop-in-total {
    background: #e0e0e0;
    padding: 10px;
}

    .drop-in-total ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        text-align: right;
    }

        .drop-in-total ul li {
            list-style: none;
            display: inline-block;
            font-size: 14px;
            margin-left: 20px;
            font-weight: 500;
            position: relative;
            color: #000;
            padding-left: 20px;
        }

            .drop-in-total ul li label {
                font-weight: 500;
            }

            .drop-in-total ul li a {
                color: #5c5c5c;
            }

            .drop-in-total ul li:before {
                content: '';
                position: absolute;
                top: 1px;
                left: 0px;
                width: 1px;
                height: 12px;
                background: #5c5c5c;
            }

            .drop-in-total ul li:first-child {
                margin-left: 0px;
                padding-left: 0px;
            }

.drop-in-table table td input[type="text"], .drop-in-table table td select {
    display: block;
    width: 100%;
    height: 26px;
    padding: 6px 12px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.drop-in-table table td select {
    padding: 1px;
}

.drop-in-total ul li:first-child:before, .drop-in-total ul li:last-child:before {
    display: none;
}

.drop-in-total .btn {
    color: #fff;
}

.miscellaneous-detail {
    padding-top: 20px;
}

    .miscellaneous-detail &gt; a {
        font-weight: 500;
    }

    .miscellaneous-detail table {
        margin-top: 20px;
    }

.drop-in-buttons {
    padding-top: 20px;
}

    .drop-in-buttons:before, .drop-in-buttons:after {
        content: " ";
        display: table;
    }

    .drop-in-buttons:after {
        clear: both;
    }

    .drop-in-buttons a {
        margin-left: 10px;
    }

    .drop-in-buttons .dropdown-menu a {
        margin-left: 0px;
    }

    .drop-in-buttons .circle_liveratio {
        margin: 0px 5px;
    }

#dv_managesubsidy {
    z-index: 999999;
}

    #dv_managesubsidy #addRowid {
        position: absolute;
        top: 20px;
        right: 15px;
    }

.filter-dropdown {
    width: 280px;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px;
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 999;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
}

    .filter-dropdown .checkbox-row, .filter-dropdown .filter-category {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: solid 1px #c6c6c6;
    }

        .filter-dropdown .checkbox-row:before, .filter-dropdown .checkbox-row:after {
            content: " ";
            display: table;
        }

        .filter-dropdown .checkbox-row:after {
            clear: both;
        }

        .filter-dropdown .checkbox-row .checkbox-col {
            width: 45%;
            float: left;
        }

        .filter-dropdown .checkbox-row label {
            width: 100%;
            margin-bottom: 0px;
        }

            .filter-dropdown .checkbox-row label .checkbox {
                display: inline-block;
                margin: 5px 4px 0px 0px;
                top: -2px;
            }

        .filter-dropdown .filter-category:before, .filter-dropdown .filter-category:after {
            content: " ";
            display: table;
        }

        .filter-dropdown .filter-category:after {
            clear: both;
        }

        .filter-dropdown .filter-category .filter-col {
            float: left;
            width: 100%;
            margin-bottom: 10px;
            position: relative;
        }

            .filter-dropdown .filter-category .filter-col label {
                width: 60px;
            }

                .filter-dropdown .filter-category .filter-col label.checkbox {
                    position: relative;
                    width: auto;
                    word-break: break-word;
                    white-space: normal;
                    padding-left: 25px;
                    padding-top: 0px;
                }

                    .filter-dropdown .filter-category .filter-col label.checkbox .icheckbox_square-blue {
                        position: absolute;
                        left: 0px;
                        top: 0px;
                    }

            .filter-dropdown .filter-category .filter-col .multiselect-container {
                width: 180px;
            }

            .filter-dropdown .filter-category .filter-col .btn-group {
                max-width: 180px;
                width: 100%;
            }

                .filter-dropdown .filter-category .filter-col .btn-group .dropdown-toggle {
                    box-shadow: none;
                    background: #fff;
                    border-radius: 3px;
                    border: solid 1px #c6c6c6;
                    width: 100%;
                    text-align: left;
                    position: relative;
                }

                    .filter-dropdown .filter-category .filter-col .btn-group .dropdown-toggle .caret {
                        position: absolute;
                        right: 10px;
                        top: 12px;
                    }

            .filter-dropdown .filter-category .filter-col:last-of-type {
                padding-right: 0px;
            }

            .filter-dropdown .filter-category .filter-col select {
                display: block;
            }

            .filter-dropdown .filter-category .filter-col .SumoSelect {
                width: 100%;
            }

                .filter-dropdown .filter-category .filter-col .SumoSelect &gt; .CaptionCont {
                    font-size: 13px;
                }

                .filter-dropdown .filter-category .filter-col .SumoSelect.open &gt; .optWrapper {
                    width: 200px;
                }

                    .filter-dropdown .filter-category .filter-col .SumoSelect.open &gt; .optWrapper .select-all {
                        height: auto;
                        background-color: #f8f8f8;
                    }

                .filter-dropdown .filter-category .filter-col .SumoSelect &gt; .optWrapper.multiple &gt; .MultiControls &gt; p {
                    background: #f4f4f4;
                    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
                    background-image: linear-gradient(to bottom, #ffffff 50%, #f4f4f4 100%);
                }

.alwaysfullheight {
    height: 100%;
}

#lblpoSite.spanlheight1 {
    width: 170px;
}

.fileupload-list {
    position: relative;
    background: #ededed;
    border: solid 1px #cacaca;
    padding: 6px 15px 6px 5px;
    font-size: 12px;
    font-weight: normal;
    color: #2394F2;
    margin-bottom: 5px;
}

    .fileupload-list .fileclose {
        position: absolute;
        top: 7px;
        right: 10px;
        font-size: 14px;
        font-weight: bold;
        color: black;
    }

    .fileupload-list:last-of-type {
        margin-bottom: 0px;
    }

.late-pickup-fee {
    margin-top: 20px;
}

    .late-pickup-fee input {
        width: 70px;
        text-align: center;
        padding: 5px 4px;
        border: 1px solid #ccc;
        font-size: 12px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    }

.note-text {
    margin-bottom: 20px;
    color: #555;
}

    .note-text p {
        margin-bottom: 2px;
        font-size: 13px;
    }

.note-textPrevBill {
    margin-bottom: 10px;
    color: #555;
    font-size: 10px;
}

#divRowCountCustom {
    margin-bottom: 10px;
    color: #555;
    font-size: 13px;
}



.tagged-note {
    position: absolute;
    font-size: 10px;
    right: 10px;
    top: 6px;
    display: inline-block;
    cursor: pointer;
    border: solid 1px #cacaca;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    color: #cacaca;
    padding-top: 5px;
}

    .tagged-note span {
        position: absolute;
        left: 10px;
        top: -6px;
        margin: 0px;
    }

.tag-dropdown {
    display: inline-block;
    position: relative;
}

.tag-dropdown-list {
    border-radius: 4px;
    background: #f6f6f6;
    padding: 10px;
    position: absolute;
    right: -45px;
    top: 33px;
    width: 120px;
    z-index: 50;
    display: none;
}

    .tag-dropdown-list:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 50%;
        display: block;
        margin-left: -3px;
        border-bottom: solid 6px #f6f6f6;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }

    .tag-dropdown-list ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .tag-dropdown-list ul li {
            margin: 0px;
            padding: 5px 0px;
            list-style: none;
            border-bottom: solid 1px #dcdcdc;
            font-size: 12px;
        }

            .tag-dropdown-list ul li a {
                display: block !important;
                border: solid 0px #b5b5b5 !important;
                width: auto !important;
                height: auto !important;
                border-radius: 0px !important;
                text-align: left !important;
                color: #5a5a5a !important;
                padding-top: 0px !important;
                position: relative;
            }

                .tag-dropdown-list ul li a i {
                    position: absolute;
                    top: 5px;
                    right: 0px;
                    color: #4CAF50;
                }

#DivSiteType.BtnEdit {
    position: relative;
    padding-right: 32px;
}

    #DivSiteType.BtnEdit .settingEditbtn {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.help-links-dropdown {
    position: relative;
    display: inline-block;
}

    .help-links-dropdown a {
        padding-left: 8px;
        padding-right: 8px;
        width: auto;
    }

    .help-links-dropdown .dropdown-menu {
        right: 0px;
        top: 22px;
        left: initial;
        padding: 5px;
        border-top-right-radius: 0px;
    }

        .help-links-dropdown .dropdown-menu a {
            text-align: left;
            background: none;
            font-size: 11px;
            text-transform: uppercase;
        }

.advaned-search-block {
    position: relative;
}

#idQueryBuilder {
    position: absolute;
    top: 78px;
    right: 24px;
    z-index: 100;
    background: rgba(255, 255, 255, 1) !important;
    border: solid 1px #ccc !important;
    padding: 10px;
    border-radius: 3px;
    max-width: 400px;
}

    #idQueryBuilder .query-builder .rules-group-container {
        background: rgba(255, 255, 255, 1) !important;
        border: solid 1px #ccc !important;
    }

    #idQueryBuilder .query-builder .rule-value-container {
        padding-left: 0px;
        border-left: 0px;
    }

        #idQueryBuilder .query-builder .rule-value-container input, #idQueryBuilder .query-builder .rule-operator-container select {
            margin-top: 5px;
        }


@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinnernextgen {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.spinnernextgen:before {
    content: 'Loading…';
    position: absolute;
    top: 50%;
    right: -2px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
}

.spinnernextgen:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 2px solid #2494f2;
    border-top-color: #fff;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}

/*#md-QueryFilterSql {
    position: fixed;
    left: 0px;
    top: 150px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
}*/


#datatable_filter label, #MealDataTable_wrapper label {
    position: relative;
}

    #datatable_filter label #CleartextFilter {
        position: absolute;
        top: 1px;
        right: 55px;
        display: inline-block;
        color: #9d9b9b;
        text-decoration: none;
        font-size: 14px;
        width: 30px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        cursor: pointer;
    }

    #datatable_filter label .search_filter {
        position: absolute;
        top: 1px;
        right: 30px;
        display: inline-block;
        color: #9d9b9b;
        text-decoration: none;
        font-size: 14px;
        width: 30px;
        height: 28px;
        text-align: center;
        line-height: 27px;
    }

#MealDataTable_wrapper .search_filter {
    position: absolute;
    top: 0px;
    right: 5px;
    display: inline-block;
    color: #9d9b9b;
    text-decoration: none;
    font-size: 14px;
    width: 30px;
    height: 28px;
    text-align: center;
    line-height: 27px;
}

#datatable_filter label .search_advance_filter {
    position: absolute;
    top: 1px;
    right: 0px;
    display: inline-block;
    color: #2494F2;
    text-decoration: none;
    font-size: 14px;
    z-index: 0;
    height: 28px;
    width: 30px;
    text-align: center;
    line-height: 27px;
}

.custom-select-drop {
    position: relative;
}

    .custom-select-drop .dropdown-toggle {
        border: 0px;
        border-radius: 0px;
        background: #f2f2f2;
        text-align: left;
        position: relative;
        min-height: 30px;
        min-width: 110px;
        padding: 5px 30px 5px 10px;
        color: #555;
        font-size: 13px;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    }

    .custom-select-drop.open .dropdown-toggle {
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    }

    .custom-select-drop .dropdown-toggle i {
        margin-right: 6px;
        color: #999;
    }

    .custom-select-drop button:after {
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 5px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-bottom-color: #afafaf;
        border-top-color: #afafaf;
    }

    .custom-select-drop .dropdown-menu {
        width: 100%;
        background: #f2f2f2;
        color: #555;
        font-size: 13px;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        border: 0px;
        margin-top: 1px;
        padding: 0px;
        border-radius: 0px;
    }

.addnewbillinglink {
    margin-top: 8px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
}

.ratechart-tag {
    position: relative;
    display: inline-block;
    background: #f3f3f3;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 10px;
}

    .ratechart-tag a {
        display: inline-block;
        padding: 10px 10px 5px 10px;
        border-right: solid 1px #e6e6e6;
        min-height: 34px;
        color: #333333;
    }

    .ratechart-tag i {
        color: #afafaf;
        padding: 5px 10px 5px 7px;
        cursor: pointer;
    }

#frmBillingGrid .fa-exclamation-triangle:before {
    color: #f0ad4e;
}

.fa-exclamation-triangle.warning-triangle {
    font-family: inherit;
}

    .fa-exclamation-triangle.warning-triangle:before {
        color: #f0ad4e;
        font-family: FontAwesome;
    }

.drop-arrow-caret:after {
    top: 8px !important;
    right: 10px !important;
}

.refresh-page {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 20px;
    color: #60C060;
}

    .refresh-page:focus {
        color: #60C060;
    }

.footerBottom a {
    color: #555;
}

.context-help-popup {
    border-radius: 3px;
    background: #fff;
}

    .context-help-popup .md-content {
        background: #fff;
    }

        .context-help-popup .md-content .accordion .panel {
            border: 0px;
            background: #f2f2f2;
        }

            .context-help-popup .md-content .accordion .panel:last-of-type {
                margin-bottom: 0px;
            }

            .context-help-popup .md-content .accordion .panel .panel-heading {
                border-radius: 0px;
                background: #f2f2f2;
                font-weight: 500;
            }

                .context-help-popup .md-content .accordion .panel .panel-heading a {
                    color: #333333;
                }

                .context-help-popup .md-content .accordion .panel .panel-heading h4 {
                    position: relative;
                    padding-left: 15px;
                    font-weight: 500;
                }

                    .context-help-popup .md-content .accordion .panel .panel-heading h4 i {
                        position: absolute;
                        top: 10px;
                        right: 5px;
                        color: #848484;
                        transform: rotate(180deg);
                    }

                .context-help-popup .md-content .accordion .panel .panel-heading .collapsed i {
                    transform: rotate(0deg);
                }

            .context-help-popup .md-content .accordion .panel .collapse.in {
                border-top: solid 1px #cbc9c9;
            }

            .context-help-popup .md-content .accordion .panel .panel-body {
                padding: 10px 15px 10px 15px;
                border-radius: 0px;
            }

                .context-help-popup .md-content .accordion .panel .panel-body ul {
                    margin-left: 20px;
                }

                    .context-help-popup .md-content .accordion .panel .panel-body ul li {
                        list-style-position: outside;
                        margin-top: 10px;
                    }

.submenudatefilter {
    position: absolute !important;
    right: 168px !important;
    top: 11px !important;
    z-index: 1000 !important;
}

    .submenudatefilter ul {
        padding: 10px 10px 5px 15px;
    }

        .submenudatefilter ul li {
            padding-bottom: 10px;
            padding-right: 20px;
            font-size: 13px;
            cursor: pointer;
            position: relative;
        }

            .submenudatefilter ul li::after {
                content: '';
                display: block;
                position: absolute;
                top: 9px;
                right: 0px;
                border-left: solid 4px #939393;
                border-bottom: solid 4px transparent;
                border-top: solid 4px transparent;
            }

            .submenudatefilter ul li input[type="radio"] {
                position: relative;
                top: 2px;
                margin-right: 5px;
            }

#showDivBillCount {
    position: absolute;
    width: 375px;
    top: 0px;
    right: 200px;
    z-index: 1000;
    background: #fff;
}

    #showDivBillCount table tr th {
        padding: 7px 8px;
        background: #2494f2;
        color: #fff;
    }

    #showDivBillCount .closediv {
        color: #777777;
        position: absolute;
        right: -10px;
        top: -10px;
        width: 22px;
        height: 22px;
        border: solid 2px #2494f2;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        background: #fff !important;
        z-index: 1001;
    }

        #showDivBillCount .closediv i {
            font-size: 12px;
            position: absolute;
            right: 4px;
            top: 3px;
        }

#curriculum {
    font-size: 13px;
}

    #curriculum p {
        font-size: 13px;
    }

    #curriculum h3, #curriculum h4 {
        font-weight: 500;
    }

.grey-accordion {
    padding-top: 0px;
}

    .grey-accordion .panel {
        background: #eaeaea;
        margin-bottom: 5px !important;
    }

        .grey-accordion .panel h3 {
            font-weight: bold;
            font-size: 16px;
        }

        .grey-accordion .panel h5 {
            font-weight: 500;
            font-size: 14px;
            margin: 7px 0px 5px 0px;
            padding-right: 40px;
        }

        .grey-accordion .panel hr {
            border-top: solid 1px #d2d2d2;
        }

        .grey-accordion .panel .panel-heading {
            background: #eaeaea;
            border-radius: 0px;
            border-bottom: solid 1px #fff;
            position: relative;
            padding-left: 15px;
            padding-right: 100px;
        }

            .grey-accordion .panel .panel-heading a {
                font-weight: bold;
                color: #333;
            }

                .grey-accordion .panel .panel-heading a:hover {
                    color: #333;
                }

            .grey-accordion .panel .panel-heading .over-icons {
                display: none;
                position: absolute;
                top: 10px;
                right: 15px;
            }

        .grey-accordion .panel:first-of-type .panel-heading .over-icons {
            display: block;
        }

        .grey-accordion .panel .panel-heading .panel-title &gt; a[aria-expanded=false] + .over-icons {
            display: none;
        }

        .grey-accordion .panel .panel-heading .panel-title &gt; a[aria-expanded=true] + .over-icons {
            display: block;
        }

        .grey-accordion .panel .panel-heading .over-icons a {
            margin-left: 10px;
            display: inline-block;
            padding: 0px;
        }

            .grey-accordion .panel .panel-heading .over-icons a i {
                transform: none;
                margin: 0px;
            }

        .grey-accordion .panel .timepicker-container {
            position: relative;
            display: inline-block;
        }

        .grey-accordion .panel .btn-default {
            background-color: #FFFFFF;
            border: solid 1px #CCCCCC;
            outline: none;
            font-size: 13px;
            padding: 4px 11px;
            background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
        }

        .grey-accordion .panel .timepicker-container input {
            max-width: 100px;
            text-align: left !important;
        }

        .grey-accordion .panel .timepicker-container i {
            position: absolute;
            right: 8px;
            top: 5px;
            font-size: 16px;
        }

.accordion.grey-accordion .panel-heading + .panel-collapse .panel-body {
    padding: 0px 15px 15px 15px;
    max-height: 400px;
    overflow-y: auto;
    margin: 0px 15px 15px 0px;
    font-weight: 400;
    width: 100%;
}

.activities-list {
    background: #f5f5f5;
    border-radius: 5px;
    border: solid 1px #e1e1e1;
    padding: 10px 50px 10px 10px;
    margin-bottom: 10px;
    position: relative;
    max-width: 600px;
}

    .activities-list:last-of-type {
        margin-bottom: 0px;
    }

    .activities-list p:last-of-type {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .activities-list .activities-icons {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .activities-list .activities-icons a {
            margin-left: 6px;
            color: #545454;
        }

.glossary-filter label {
    display: inline-block;
    margin: 0px 10px;
    cursor: pointer;
}

    .glossary-filter label span {
        position: relative;
        top: -2px;
        font-weight: 600;
    }

#dv_ContactPaneList, #dv_PartialSibling, #Schedulelist, #div_SiblingPanelList, #div_ContactPanelList {
    max-height: 250px;
    overflow-y: auto;
}

table th, table td, .table th, .table td, .pagination &gt; li &gt; a, .pagination &gt; li &gt; span {
    font-weight: 500;
}

#spnSelectedRow {
    font-weight: 500;
}

.datetimepicker th.switch {
    font-weight: bold;
}

#divRecurringBody {
    min-height: 220px;
}

    #divRecurringBody .coming-soon-overlay {
        position: relative;
        width: 100%;
        height: 100%;
    }

        #divRecurringBody .coming-soon-overlay .panel-body {
            position: relative;
        }

        #divRecurringBody .coming-soon-overlay .coming-soon {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0, 0.3);
            color: rgba(255,255,255, 0.8);
            text-align: center;
            z-index: 2;
        }

            #divRecurringBody .coming-soon-overlay .coming-soon span {
                position: absolute;
                top: 50%;
                left: 0px;
                width: 100%;
                text-align: center;
                font-size: 30px;
                transform: rotate(350deg);
            }

    #divRecurringBody .accordion .panel-heading a .fa {
        margin-left: 10px;
    }

.tab-container .userProfileView td.category {
    width: 22%;
}

#ChildContact {
    width: 85%;
}

.md-modal #child__edit_table_res, .md-modal #ChildContact {
    width: 100%;
}

#mod-success {
    z-index: 99999;
    box-shadow: none;
}

.ContactsEditList .margtableTd label {
    font-weight: bold;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    top: 50%;
    margin-top: -8px;
    font-size: 10px;
    right: 5px;
}

#dv_CustomBilling .container-tab {
    box-shadow: none;
}

.billingperiods {
    border: solid 1px #ddd;
}

    .billingperiods table {
        table-layout: fixed;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .billingperiods table tr {
            width: 100%;
        }

        .billingperiods table thead.fixedHeader tr {
            position: relative;
        }

        .billingperiods table thead.fixedHeader {
            display: table;
            overflow: auto;
        }

        .billingperiods table tbody.scrollContent {
            display: block;
            max-height: 112px;
            overflow: auto;
            width: 100%
        }


.flat-tab {
    border-bottom: solid 1px #cccccc;
    margin-top: 7px;
}

    .flat-tab + .tab-content {
        border: 0px;
        padding: 0px;
        box-shadow: none;
        margin-top: 0px;
    }

    .flat-tab li {
        margin-right: 20px;
    }

        .flat-tab li a {
            color: #333333;
            padding-top: 15px;
            padding-bottom: 15px;
            font-weight: bold;
            position: relative;
        }

            .flat-tab li a:hover, .flat-tab li.active a, .flat-tab li.active a:focus, .flat-tab li.active a:hover {
                background: none;
                color: #333333;
            }

                .flat-tab li.active a:after {
                    display: block;
                    content: '';
                    position: absolute;
                    bottom: -2px;
                    left: 0px;
                    height: 3px;
                    width: 100%;
                    background: #2494f2;
                }


/*udpation of journal section*/
.edit-activity-list {
    border-top: solid 1px #c7c7c7;
    display: none;
    margin-top: 15px;
    padding-top: 7px;
}

.activities-list .form-group:last-of-type {
    margin-bottom: 0px;
}

.curriculum-edit {
    display: none;
    position: relative !important;
    float: left;
    width: 100%;
    background: #eaeaea;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
}


.full-row:before, .full-row:after {
    content: " ";
    display: table;
}

.full-row:after {
    clear: both;
}

.block-grade-report {
    display: none;
    margin-top: 10px;
    position: relative;
    background: #eaeaea;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
}

.block-grade-report-selection {
    margin-top: 20px;
    position: relative;
}

    .block-grade-report-selection .row {
        margin-bottom: 10px;
    }

    .block-grade-report-selection select {
        border-radius: 3px;
    }

.block-grade-report-table {
    display: none;
    margin-top: 0px;
    position: relative;
    padding-bottom: 10px;
}

.select-add-date {
    position: relative;
    /*padding-right: 40px;*/
}

    .select-add-date .datetime {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
    }

        .select-add-date .datetime .btn-primary {
            border-radius: 3px;
        }

        .select-add-date .datetime input {
            display: none;
        }

.block-grade-report-table .col-sm-1, .block-grade-report-table .col-sm-11 {
    min-height: initial;
}

.datatableInfo &gt; tbody &gt; tr &gt; td {
    line-height: 14px !important;
    /*height: 49px;*/
}

.datatableInfo thead tr th {
    border-bottom-width: 0px;
    line-height: 18px !important;
    font-weight: 600 !important;
    font-size: 12px;
    color: #515151;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.table.no-border tr td {
    line-height: 14px;
}

.editable-input {
    border: solid 1px transparent;
    background: transparent;
    box-shadow: none;
}

.grade-table table i {
    font-size: 14px;
    color: #808080;
}

.grade-table table.dataTable thead &gt; tr &gt; th {
    padding: 7px 10px !important;
    line-height: normal;
}

.grade-table table tr td {
    padding: 7px 10px !important;
    line-height: normal;
    font-size: 12px !important;
}

.grade-table table .action-icons i {
    margin: 0px 3px;
}

.block-grade-report .dash-error {
    color: #ff0000;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 10px;
    font-weight: 400;
    display: inline-block;
}

.grade-table #SpinGradeId {
    text-align: center;
}

.grade-table table.dataTable thead &gt; tr &gt; th.add-remove-col {
    position: relative;
    padding-right: 25px !important;
}

.grade-table table .add-remove-col a {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    color: #1374c5;
    display: none;
}

.grade-table table .add-remove-col span {
    font-size: 12px;
    min-height: 28px;
    line-height: normal;
    padding: 6px 0px;
    min-width: 100px;
}

.grade-table table .input-sm {
    height: 28px;
    line-height: 28px;
    font-weight: normal;
}

.grade-table table .add-remove-col:hover a {
    display: block;
}

.grade-table table .add-remove-col .remove-icon:hover i {
    color: #ee0101;
}

.loader-action-msg {
    text-align: center;
    height: 20px;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}

.grade-table .loader-action-msg .add-icon {
    position: absolute;
    right: 0px;
    top: 6px;
    font-size: 13px;
}

    .grade-table .loader-action-msg .add-icon i {
        font-size: 16px;
    }

.action-loader {
    background: #fff url("/images/LoaderIcon.gif") no-repeat 95% center;
    background-size: 12px;
}

.action-loader-center {
    /*background: #fff url("/images/LoaderIcon.gif") no-repeat center center;
    background-size: 14px;*/
    position: relative;
}

    .action-loader-center:before {
        content: '';
        display: block;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 10;
    }

    .action-loader-center:after {
        content: url(/images/LoaderIcon.gif);
        background-size: 14px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 9;
        margin-left: -10px;
        margin-top: -10px;
    }

.dropdown-menu li hr {
    margin: 2px 0px;
}

.tab-container {
    position: relative;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    width: 20% !important;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
    width: 33% !important;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
    width: 47% !important;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    width: 20% !important;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
    width: 47% !important;
}

#DivChildGrid .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
    width: 33% !important;
}

.childsearch-panel {
    padding: 10px;
}

    .childsearch-panel .tab-pane {
        padding-top: 0px !important;
    }

    .childsearch-panel .childsearchinput {
        position: relative;
    }

        .childsearch-panel .childsearchinput input {
            padding-right: 25px;
            background: #f6f6f6;
        }

        .childsearch-panel .childsearchinput .fa-search {
            position: absolute;
            top: 6px;
            right: 8px;
            font-size: 16px;
            color: #929292;
        }

    .childsearch-panel .accordion {
        padding-top: 0px;
    }
.immustatus {
    display: inline-block;
    margin-right: 20px;
}
.immustatus span {
    display: inline-block;
}

.immustatus .immulavel {
    width: 146px;
    text-align: left;
}

.immustatus .immudate {
    margin-left: 20px;
}

.immustatus .immulavel, .immustatus .immudate {
    font-weight: bold;
}

    .immustatus .immulavel span, .immustatus .immudate span {
        font-weight: normal;
    }

.table.no-strip.immu-table &gt; tbody &gt; tr {
    border-bottom: solid 1px #f2f2f2;
    background: #fff;
}

    .table.no-strip.immu-table &gt; tbody &gt; tr &gt; td {
        padding: 0px !important;
    }

        .table.no-strip.immu-table &gt; tbody &gt; tr &gt; td table td {
            padding: 10px 8px;
        }

.immu-block, .immu-block .table {
    background: #f8f8f8 !important;
}

.immu-table .trColapsible td .anchor-toggle {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #555555;
}
    .immu-table .trColapsible td .anchor-toggle &gt; span, .immu-table .trColapsible td .anchor-toggle &gt; strong {
        /*white-space: nowrap;*/
        word-break: normal;
    }

    .immu-table .trColapsible td .anchor-toggle:before {
        position: absolute;
        top: 0px;
        left: 0px;
        content: '+';
        font-size: 16px;
    }

.immu-table .trColapsible.immu-block td .anchor-toggle:before {
    position: absolute;
    top: -2px;
    left: 0px;
    content: '-';
    font-size: 18px;
}

.immu-block .table &gt; tbody &gt; tr:first-child {
    background: #337ab7 !important;
    color: #fff;
}

    .immu-block .table &gt; tbody &gt; tr:first-child .anchor-toggle {
        color: #fff;
    }

.immu-table .trColapsible.immu-block td .BtnEdit {
    border-color: #dadada;
    min-width: 80px;
    text-align: center;
    background: #fff;
}

.immu-block .table &gt; tbody &gt; tr:first-child .green-text {
    color: #fff;
}

.immu-setting .fa-cog {
    display: none;
}

.immu-block .immu-setting .fa-cog {
    display: block;
    display: inline;
}

.immu-table tbody .remove td span#SpanNewSectionMessage {
    float: left;
    color: #ff0000;
    font-size: 12px;
    font-weight: 400;
}

    .immu-table tbody .remove td span#SpanNewSectionMessage + span {
        float: right;
    } 

    .contact-udf .accordion .panel {
        border: 0px;
        border-bottom: solid 1px #f8f8f8;
        margin: 0px;
    }

    .contact-udf .accordion .panel-heading + .panel-collapse .panel-body {
        padding: 0px;
    }

        .contact-udf .accordion .panel-heading + .panel-collapse .panel-body .row {
            margin-bottom: 15px;
        }

    .contact-udf .accordion .panel .panel-title a {
        /*background: #337ab7 !important;
        color: #fff;*/
        position: relative;
        padding-left: 35px;
    }

        .contact-udf .accordion .panel .panel-title a.collapsed:before {
            position: absolute;
            top: 5px;
            left: 10px;
            content: '+';
            font-size: 16px;
        }

        .contact-udf .accordion .panel .panel-title a:before {
            position: absolute;
            top: 3px;
            left: 10px;
            content: '-';
            font-size: 18px;
        }

        .contact-udf .accordion .panel .panel-title a.collapsed {
            background: transparent !important;
            color: #555;
        }

.contact-udf .accordion .panel .panel-collapse {
    background: #fcfcfc !important;
    margin-bottom: 10px;
}

        .contact-udf .accordion .panel .panel-collapse .panel-body {
            padding: 15px;
        }

    .contact-udf .accordion .panel .collapse.in .BtnEdit {
        border-color: #dadada;
        min-width: 80px;
        text-align: center;
        background: #fff;
    }

.requiredField1px {
    border: 1px solid red !important;
}

.tag-dropdown-listimmu {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .tag-dropdown-listimmu .FieldValueUpdateBtn, .tag-dropdown-listimmu .FieldValueCancelBtn {
        padding: 7px 10px !important;
    }

.immu-table .btn-new-section {
    margin: 10px 0px;
}

.immu-table .add-section {
    margin: 10px 0px;
}

.custom-tooltip {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 36px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

    .custom-tooltip:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -3px;
        border-top: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }

.custom-tooltip-waitlist {
    background-color: #ea5656;
}

    .custom-tooltip-waitlist:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -3px;
        border-top: solid 6px #ea5656;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }

.overlay-div:hover .custom-tooltip {
    display: block;
}

.overlay-div {
    position: relative;
}

.overlay-div-normal:hover .custom-tooltip {
    display: block;
}

.overlay-div-normal {
    position: relative;
}

.overlay-div:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.overlay-div-normal:hover .custom-tooltip {
    display: block;
}

.overlay-div-normal {
    position: relative;
}

.dropdown-toggle.overlay-div:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.step-content #frmTimeValidate #Step3Time .timeEntry-control {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.info-control-block {
    position: relative;
    background: #e0e0e0;
    padding-right: 40px;
    border-radius: 2px;
}

.account-content-block .form-control {
    border-radius: 2px;
    box-shadow: none;
    padding: 5px 8px;
    height: auto;
    border: solid 1px #e0e0e0;
    font-size: 14px;
    background: #fff;
}

.info-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 12px;
    cursor: pointer;
}

    .info-icon i {
        font-size: 18px;
        color: #868585;
    }

    .info-icon .description {
        display: none;
        position: absolute;
        right: 0px;
        top: 32px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        padding: 10px;
        width: 272px;
        background-color: #17365d;
        z-index: 10;
        margin-top: 10px;
        text-align: left;
        line-height: normal;
    }

        .info-icon .description:before {
            content: '';
            position: absolute;
            top: -10px;
            right: 10px;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
            border-bottom: solid 10px #17365d;
            -webkit-transition: all 2s;
            transition: all 2s;
        }

        .info-icon .description a,
        .info-icon .description a:hover {
            color: #2494f2;
            line-height: normal;
        }

        .info-icon .description h3 {
            color: #fff;
            margin: 15px 0px 5px 0px;
            font-size: 14px;
        }

        .info-icon .description ul {
            list-style: none;
            margin: 0px 0 0 0;
            padding: 0px;
        }

        .info-icon .description h3:first-of-type {
            margin: 0px 0 5px 0;
        }

        .info-icon .description ul li {
            margin: 0px 0 8px 0px;
        }

.account-content-block .amount-detail {
    border-left: solid 2px #d8d8d8;
    padding: 10px 0 13px 20px;
    min-height: 125px;
}

    .account-content-block .amount-detail p {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: 500;
    }

    .account-content-block .amount-detail .btn {
        padding: 5px 20px;
        margin-right: 10px;
    }

.popup-pay-myaccount-edit {
    width: 600px;
}

.default-table tr th {
    padding: 8px 8px;
}

.default-table tr td .fa-pencil {
    color: #2494f2;
}

.default-table tr td .fa-trash-o {
    color: #fd6c6c;
}

.credit-voidpopup p {
    font-size: 13px !important;
    margin-bottom: 0px;
}

    .credit-voidpopup p#SpanVoidChargebill {
        color: #ff0000;
    }

    .credit-voidpopup p#SpanNewChargebill {
        color: green;
    }

.credit-voidpopup .table-responsive:first-of-type {
    margin-bottom: 15px;
}

.credit-voidpopup .modal-footer ul {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px;
}

.credit-voidpopup .modal-footer button {
    margin-top: 20px;
}

.transactionDesTypeChDrop_chcommon {
    position: relative;
}

.transactionDesType, .transactionDesType_chcommon {
    width: 100%;
    top: 30px;
    left: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
}

.transactionDesType_chcommon {
    top: 27px;
}

    .transactionDesType li ul, .transactionDesType_chcommon li ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        max-height: 90px;
        overflow: auto;
        border-radius: 0px;
    }

        .transactionDesType li ul li a, .transactionDesType_chcommon li ul li a {
            padding: 4px 5px;
        }

.overylay-inside-popup {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    display: none;
}

    .overylay-inside-popup i {
        font-size: 24px;
        color: #c8c8c8;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -10px;
        margin-top: -10px;
    }

.transaction-desc-grid table tr td select {
    font-size: 12px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    display: block;
    height: 30px;
    width: 100%;
    padding: 5px 0px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    vertical-align: middle;
}

.transaction-desc-grid table .accountIdCredit {
    position: relative;
    padding-right: 42px;
}

    .transaction-desc-grid table .accountIdCredit div {
        position: absolute;
        top: 10px;
        right: 0px;
        width: 100%;
        text-align: center;
    }

        .transaction-desc-grid table .accountIdCredit div a {
            cursor: pointer;
            font-size: 16px;
            display: inline-block;
            margin: 0px 2px;
        }

.transaction-desc-grid .dataTables_info {
    width: 50%;
    float: left;
}

.transaction-desc-grid .dataTables_paginate {
    width: 50%;
    float: right;
}

.ChildChargesPopOut-radio {
    padding-top: 4px;
}

    .ChildChargesPopOut-radio .radio-inline {
        padding-left: 0px;
    }

.input-wrapper {
    position: relative;
}

    .input-wrapper:after {
        content: '';
        position: absolute;
        top: 13px;
        right: 7px;
        display: block;
        border-top: solid 6px #555555;
        border-left: solid 3px transparent;
        border-right: solid 3px transparent;
    }

.amount-dollar {
    position: relative;
    padding-left: 20px !important;
}

    .amount-dollar span {
        position: absolute;
        left: 5px;
        top: 13px;
    }

.email-notification {
    position: relative;
}

    .email-notification span {
        position: absolute;
        left: 13px;
        top: -6px;
        border-radius: 50%;
        background: #fa9e32;
        color: #fff;
        font-size: 8px !important;
        font-weight: normal;
        line-height: 12px;
        width: 12px;
        height: 12px;
        z-index: 1;
        text-align: center;
    }

        .email-notification span.last-mailread {
            position: absolute;
            left: -7px;
            top: -8px;
            border-radius: 50%;
            background: none;
            color: #505050;
            font-size: 14px !important;
            font-weight: normal;
            line-height: 13px;
            width: 13px;
            height: 13px;
            z-index: 1;
        }

            .email-notification span.last-mailread i {
                font-size: 14px;
                color: #505050;
            }

#menucc #rightclickmenu li a {
    position: relative;
}

#md-lobbyQuestionNote .tab-content .tab-pane {
    padding-top: 0px;
}

#md-lobbyQuestionNote .flat-tab {
    margin: 0px 15px;
}

#md-lobbyQuestionNote .tab-content {
    margin-bottom: 0px;
    margin-top: 1px;
    font-weight: 500;
}

#md-lobbyQuestionNote .modal-footer {
    margin: 0px 15px;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 58px;
}

#md-lobbyQuestionNote .wizard-btns {
    position: relative;
    bottom: -40px;
    float: right;
}

    #md-lobbyQuestionNote .wizard-btns .btn-success {
        margin-left: 10px;
    }

#md-lobbyQuestionNote .modal-footer .btn + .btn {
    margin-left: 0px;
}

#md-lobbyQuestionNote .step-pane p {
    position: relative;
    padding: 8px 10px 8px 85px;
    margin-bottom: 0px;
    background: #f2f2f2;
    border-radius: 5px;
    min-height: 30px;
    display: inline-block;
}

#md-lobbyQuestionNote .step-pane .form-group {
    margin-bottom: 5px;
}

#md-lobbyQuestionNote .step-pane p .lobby-message-text {
    border-left: solid 1px #c6c6c6;
    display: block;
    padding-left: 10px;
}

#md-lobbyQuestionNote .step-pane p strong {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 4px;
    padding: 3px 6px;
    width: 80px;
    font-weight: bold;
}

#md-lobbyQuestionNote .step-pane p.lobby-message {
    display: block;
    min-height: 50px;
}

    #md-lobbyQuestionNote .step-pane p.lobby-message .lobby-message-text {
        min-height: 50px;
    }

#md-lobbyQuestionNote .modal-body {
    position: relative;
}

    #md-lobbyQuestionNote .modal-body .lobby-message-count {
        position: absolute;
        left: 45%;
        bottom: -45px;
        font-weight: bold !important;
    }

#md-lobbyQuestionNote .notepopup .add-note-list {
    overflow-y: visible;
}

#md-lobbyQuestionNote #LobbyQuestions #lobby-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#md-lobbyQuestionNote #LobbyQuestions label {
    font-weight: 500;
}

#md-lobbyQuestionNote .tab-content {
    min-height: 100px;
}

#md-lobbyQuestionNote .notepopup .modal-footer p {
    font-size: 13px;
}

#md-lobbyQuestionNote .notepopup .add-note-list .media-body .hovericon {
    width: auto;
    padding: 0px;
}

#md-lobbyQuestionNote .notepopup .note-media-content {
    padding-right: 65px;
}

#md-lobbyQuestionNote .notepopup .add-note-list .media-body .hovericon a {
    margin-bottom: 0px;
}

.switch-true {
    position: relative;
    display: inline-block;
    padding: 0px 30px 1px 5px;
    font-size: 10px;
    text-align: left;
    line-height: 18px;
    background: #44a001;
    color: #fff;
    border-radius: 2px;
    width: 56px;
}

    .switch-true span {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 19px;
        height: 19px;
        background: #fc5656;
        color: #fff;
        line-height: 18px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        text-align: center;
        font-size: 10px;
        cursor: pointer;
    }

.switch-true-cross {
    display: inline-block;
    position: relative;
    right: 0px;
    top: 0px;
    width: 19px;
    height: 18px;
    background: #fc5656;
    color: #fff;
    line-height: 18px;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
}

.switch-false {
    position: relative;
    display: inline-block;
    padding: 0px 5px 1px 5px;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    background: #7f7f7f;
    color: #fff;
    border-radius: 2px;
    width: 56px;
}

.pc-slot-table th, .pc-slot-table td {
    padding: 8px !important;
}

    .pc-slot-table td span {
        background: #f2f2f2;
        border-radius: 2px;
        display: inline-block;
        padding: 4px 3px;
        font-size: 10px;
        margin-bottom: 5px;
    }

.table.pc-slot-table tr {
    background: #fff !important;
}

.dropin-icon {
    display: inline-block;
    height: 28px;
    width: 28px;
    /*background: url("/images/dropin-icon.png") no-repeat;*/
    background: url("/images/dropin-blue.jpg") no-repeat;
    background-position: 0px 0px;
}

.dropin-icon-common {
    display: inline-block;
    height: 24px;
    width: 26px;
    /*background: url("/images/dropin-icon.png") no-repeat;*/
    background: url("/images/dropin-common.jpg") no-repeat;
    background-position: 0px 0px;
}

    .dropin-icon-common + .custom-tooltip {
        bottom: -33px;
        width: 130px;
        margin-left: -65px;
    }

    .dropin-icon-common:hover + .custom-tooltip {
        display: block;
    }

        .dropin-icon-common:hover + .custom-tooltip:after {
            bottom: initial;
            top: -6px;
            border-bottom: solid 6px #17365d;
            border-top: transparent;
        }
/*.dropin-icon:hover {
    background-position: -30px 0px;
}*/

.icon-monthly-schedule {
    display: inline-block;
    height: 24px;
    width: 26px;
    background: url("/images/icon-monthly-schedule.jpg") no-repeat;
    background-position: 0px 0px;
    margin-left: 2px;
}

    .icon-monthly-schedule + .custom-tooltip {
        bottom: -33px;
        width: 130px;
        margin-left: -65px;
    }

    .icon-monthly-schedule:hover + .custom-tooltip {
        display: block;
    }

        .icon-monthly-schedule:hover + .custom-tooltip:after {
            bottom: initial;
            top: -6px;
            border-bottom: solid 6px #17365d;
            border-top: transparent;
        }

#divOtherspayType1 {
    margin-bottom: 15px;
}

.drop-in-table table.dataTable {
    margin-bottom: 0px !important;
}

.drop-in-table table.dataTable {
    margin-bottom: 0px !important;
}

.circle-right-mark {
    display: inline-block;
    cursor: pointer;
    border: solid 1px #44a001;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    color: #44a001;
    padding-top: 5px;
}

    .circle-right-mark:hover {
        color: #44a001;
    }

.custom-dropdown {
    position: relative;
    display: inline-block;
}

    .custom-dropdown .custom-dropdown-content {
        position: absolute;
        left: 50%;
        right: -10px;
        margin-top: 15px;
        margin-bottom: 0px;
        z-index: 1000;
        float: left;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        width: 100%;
        width: 295px;
        padding: 10px;
        border-radius: 2px;
        border: 0px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    }

        .custom-dropdown .custom-dropdown-content::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 0px;
            right: 36%;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
        }

.billposting-dropdown {
    position: relative;
    display: inline-block;
}

    .billposting-dropdown .billposting-dropdown-content {
        display: none;
        position: absolute;
        left: 50%;
        margin-top: 10px;
        margin-left: -193px;
        z-index: 1000;
        float: left;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #e3e3e3;
        background-clip: padding-box;
        width: 387px;
        padding: 5px;
        border-radius: 2px;
        border: solid 1px #dbdbdb;
    }

        .billposting-dropdown .billposting-dropdown-content::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 0px;
            margin-right: -25px;
            right: 50%;
            box-sizing: border-box;
            border: 8px solid black;
            border-color: transparent transparent #e3e3e3 #e3e3e3;
            transform-origin: 0 0;
            transform: rotate(135deg);
        }

        .billposting-dropdown .billposting-dropdown-content a {
            display: inline-block;
            padding: 3px 6px;
            width: 100%;
            max-width: 115px;
            background: #fff;
            text-align: center;
            font-size: 12px;
            color: #787878;
            border-radius: 2px;
            float: left;
            margin: 5px;
            position: relative;
            line-height: 20px;
        }

            .billposting-dropdown .billposting-dropdown-content a:hover, .billposting-dropdown .billposting-dropdown-content a.active-day {
                background: #2494f2;
                color: #fff;
            }

            .billposting-dropdown .billposting-dropdown-content a:before {
                display: none;
                content: "\f00c";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 9px !important;
                position: absolute;
                left: 5px;
                top: 6px;
                z-index: 0;
                cursor: pointer;
                border: solid 1px #fff;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                text-align: center;
                color: #fff;
                padding-top: 1px;
            }

            .billposting-dropdown .billposting-dropdown-content a:hover:before, .billposting-dropdown .billposting-dropdown-content a.active-day:before {
                display: inline-block;
            }

.billposting-count-dropdown {
    position: relative;
    display: inline-block;
}

    .billposting-count-dropdown .billposting-count-dropdown-content {
        display: none;
        position: absolute;
        left: 50%;
        margin-top: 10px;
        margin-left: -35px;
        z-index: 1000;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #e3e3e3;
        background-clip: padding-box;
        width: 70px;
        border-radius: 2px;
        border: solid 1px #dbdbdb;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .billposting-count-dropdown .billposting-count-dropdown-content-inner {
        max-height: 200px;
        overflow-y: auto;
        padding: 0px 10px;
    }

    .billposting-count-dropdown .billposting-count-dropdown-content::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 0px;
        margin-right: -27px;
        right: 50%;
        box-sizing: border-box;
        border: 8px solid black;
        border-color: transparent transparent #e3e3e3 #e3e3e3;
        transform-origin: 0 0;
        transform: rotate(135deg);
    }

    .billposting-count-dropdown .billposting-count-dropdown-content a {
        display: block;
        padding: 3px 6px;
        width: 100%;
        background: #fff;
        text-align: center;
        font-size: 12px;
        color: #787878;
        border-radius: 2px;
        margin: 5px 0px;
    }

        .billposting-count-dropdown .billposting-count-dropdown-content a:hover, .billposting-count-dropdown .billposting-count-dropdown-content a.active-day {
            background: #2494f2;
            color: #fff;
        }

.program-class-child-edit {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

    .program-class-child-edit h4 {
        font-size: 12px;
        margin: 0px;
    }

        .program-class-child-edit h4 a {
            padding: 6px 8px 5px 8px;
            display: inline-block;
            margin: 0px !important;
            font-size: 13px !important;
            font-weight: 400;
        }

    .program-class-child-edit p {
        margin-top: 0px;
        s
    }

.pph-record table td .fa {
    font-size: 16px;
    margin: 0px 3px;
}

    .pph-record table td .fa.fa-trash-o {
        color: #ff0000;
    }

.prepaid-hrs-drop {
    padding-right: 30px;
    position: relative;
}

    .prepaid-hrs-drop .info-icon {
        position: absolute;
        right: 0px;
        top: 7px;
        padding: 0px;
    }

        .prepaid-hrs-drop .info-icon .description {
            top: 20px;
            right: -13px;
            width: 250px;
        }

        .prepaid-hrs-drop .info-icon:hover .description {
            display: block;
        }

    .prepaid-hrs-drop, .prepaid-hrs-drop .btn-group {
        width: 100%;
    }

        .prepaid-hrs-drop .dropdown-toggle {
            width: 100%;
            background: #fff;
            box-shadow: none;
            border-radius: 2px;
            position: relative;
            padding-top: 6px;
            padding-bottom: 5px;
            color: #555;
            border: solid 1px #ccc;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
            text-align: left;
        }

            .prepaid-hrs-drop .dropdown-toggle:hover, .prepaid-hrs-drop.open .dropdown-toggle.btn-primary {
                background: #fff;
                color: #555;
                border-color: #ccc;
            }

            .prepaid-hrs-drop .dropdown-toggle:focus {
                background: #fff;
                color: #555;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
            }

            .prepaid-hrs-drop .dropdown-toggle::after {
                content: '';
                position: absolute;
                top: 12px;
                right: 10px;
                width: 0;
                height: 0;
                vertical-align: middle;
                border-top: 4px dashed;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
            }

        .prepaid-hrs-drop .dropdown-menu {
            width: 100%;
            padding: 0px;
        }

            .prepaid-hrs-drop .dropdown-menu li a {
                padding: 5px 10px 5px 20px;
                border-radius: 0px;
            }

            .prepaid-hrs-drop .dropdown-menu li.main-selection a {
                font-weight: bold;
                padding: 5px 10px;
            }

            .prepaid-hrs-drop .dropdown-menu li.main-selection.cursor-disabled a {
                cursor: not-allowed;
            }

            .prepaid-hrs-drop .dropdown-menu li:first-child {
                border-bottom: solid 1px #ccc;
            }

.datatableInfo.table tr {
    border: 2px transparent;
    height: 45px !important;
}

#datatablePPH_wrapper .row:first-child {
    display: none;
}


/* iCare Ding Notification */
.icare-ding-notification {
    position: relative;
    padding-left: 80px;
    min-height: 80px;
    margin-top: 20px;
}

    .icare-ding-notification .icare-ding-img {
        position: absolute;
        left: 0px;
        top: 0px;
        border: solid 2px #ccc;
        height: 50px;
        width: 50px;
        overflow: hidden;
        border-radius: 50%;
    }

    .icare-ding-notification .icare-ding-detail {
        background: #f2f2f2;
        border-radius: 5px;
        padding: 10px;
        position: relative;
    }

        .icare-ding-notification .icare-ding-detail:before {
            content: '';
            position: absolute;
            left: -10px;
            top: 10px;
            border-top: solid 10px transparent;
            border-right: solid 14px #f2f2f2;
            border-bottom: solid 10px transparent;
        }

        .icare-ding-notification .icare-ding-detail h3 {
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .icare-ding-notification .icare-ding-detail p {
            font-size: 13px;
            margin-bottom: 0px;
        }

.hovereffectedit {
    position: relative;
    padding: 0px 8px;
    height: 30px;
    line-height: 28px;
    border: solid 1px #f2f2f2;
    background: #f2f2f2;
    margin-bottom: 4px;
}

    .hovereffectedit:hover {
        border: solid 1px #ccc;
    }

    .hovereffectedit a, .hovereffectsave a {
        position: absolute;
        background: #ccc;
        width: 30px;
        height: 28px;
        top: 0px;
        right: 0px;
        text-align: center;
        line-height: 28px;
        color: #333;
        margin-left: 0px;
        float: none;
    }

        .hovereffectedit a.EditFields {
            right: 31px;
        }

.hovereffectsave {
    position: relative;
    padding-right: 61px;
    border: solid 1px #ccc;
    margin-bottom: 4px;
}

    .hovereffectsave a.saveFields {
        right: 31px;
    }

    .hovereffectsave a.saveFieldsContact {
        right: 31px;
    }

    .hovereffectsave input {
        width: 100%;
        border: 0px;
        height: 28px;
        line-height: 26px;
        padding: 8px;
        border: solid 1px #fff;
    }

        .hovereffectsave input.requiredField {
            border: solid 1px #ff0000;
        }

#udfSetting table tbody &gt; tr &gt; td {
    padding: 0px;
}

.modal-header h4 {
    color: #fff;
}

.icare-ding-notification-photo .icare-ding-photoimg {
    margin: 20px 0px 10px 0px;
    text-align: center;
    max-width: 100%;
    height: 250px;
    overflow: hidden;
}

    .icare-ding-notification-photo .icare-ding-photoimg img {
        max-width: 100%;
    }

.icare-ding-notification-photo h3 {
    font-size: 18px;
    font-weight: 300;
}

.icare-ding-notification-photo p {
    font-size: 13px;
}

.child-status-search-dropin {
    position: relative;
    /*padding-right: 30px;*/
}

    .child-status-search-dropin .dropdown-toggle {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #f2f2f2;
        display: inline-block;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
        border-left: 0px;
        color: #929292;
    }

    .child-status-search-dropin .dropdown-menu {
        left: initial;
        right: 0px;
        top: 38px;
        width: 100%;
        width: 100px;
        padding: 0px;
        border-radius: 0px;
        border: 0px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    }

        .child-status-search-dropin .dropdown-menu::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 0px;
            right: -5%;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
        }

        .child-status-search-dropin .dropdown-menu &gt; li {
            border-bottom: solid 1px #ccc;
        }

            .child-status-search-dropin .dropdown-menu &gt; li:last-child {
                border-bottom: 0px;
            }

            .child-status-search-dropin .dropdown-menu &gt; li &gt; a {
                padding: 8px;
            }

            .child-status-search-dropin .dropdown-menu &gt; li.active &gt; a {
                background-color: #2391ed;
            }

.account-detail #datatable th:nth-child(1) {
    width: 100px !important;
}

.account-detail #datatable th:nth-child(2) {
    width: 100px !important;
}

.account-detail #datatable th:nth-child(3) {
    width: 70px !important;
}

.account-detail #datatable th:nth-child(4) {
    width: 90px !important;
}

.account-detail #datatable th:nth-child(5) {
    width: 170px !important;
}

.account-detail #datatable th:nth-child(6) {
    width: 80px !important;
}

.account-detail #datatable th:nth-child(7) {
    width: 120px !important;
}

.account-detail #datatable th:nth-child(8) {
    width: 50px !important;
}

.account-detail #datatable th:nth-child(9) {
    width: 200px !important;
}

.account-detail #datatable th:nth-child(10) {
    width: 60px !important;
}

.account-detail #datatable td:nth-child(10) {
    text-align: center;
}

.account-detail #datatable tbody tr:nth-child(1) {
    background: #e3effe;
}

.right-sub-dropdown {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    display: none;
    position: absolute;
    right: -8px;
    top: 38px;
    width: auto;
    z-index: 1000;
    padding: 10px;
}

    .right-sub-dropdown .inner-list {
        max-height: 300px;
        overflow-y: auto;
        padding-right: 10px;
    }

    .right-sub-dropdown .frmSearch {
        padding-bottom: 10px;
    }

    .right-sub-dropdown .ContactsEditListview {
        max-height: 200px;
        overflow-y: auto;
    }

    .right-sub-dropdown .ContactsEditListlinks {
        width: 100%;
        padding-top: 10px;
    }

    .right-sub-dropdown::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 0px;
        right: -6px;
        box-sizing: border-box;
        border: 6px solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    }

    .right-sub-dropdown .inner-list table tr td table tr td {
        padding: 5px;
    }

    .right-sub-dropdown .inner-list a {
        color: #505050;
    }

.not-applicable-data, .not-applicable-data p {
    color: #d7d7d7;
}

.btn-disabled {
    background: #ccc;
    border: solid 1px transparent;
    cursor: not-allowed;
}

.dropdown-menu label.radio input[type=radio] {
    visibility: hidden;
}

.dropdown-menu label.radio {
    padding-left: 10px;
}

#dynamicTable_filter {
    width: 78%;
}

.modal-header {
    min-height: 44px;
}

.modal-header, .modal-footer {
    cursor: move;
}

#helplinks .fa-question-circle {
    display: none;
}

#form-primary-Discharge .form-horizontal .checkbox {
    min-height: unset;
    margin-right: 4px;
}

    #form-primary-Discharge .form-horizontal .checkbox + span {
        font-weight: bold;
    }

#form-deletestaff .form-horizontal .checkbox, #form-deletedeactive .form-horizontal .checkbox {
    min-height: unset;
}

#form-deletestaff .form-horizontal .form-group:last-of-type, #form-deletedeactive .form-horizontal .form-group:last-of-type {
    margin-bottom: 0px;
}
/* For Support forum */
.supportEditThread {
    position: relative;
    padding-right: 30px;
}

    .supportEditThread textarea {
        height: 59px;
    }

    .supportEditThread a {
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 0px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px;
    }

    .supportEditThread .BtnHeaderCancel {
        top: 29px;
    }

.dropin-child-status-search ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    margin: 10px 0 0px 0;
}

    .dropin-child-status-search ul li {
        flex-grow: 1;
        border-right: solid 1px #ccc;
    }

        .dropin-child-status-search ul li:first-child {
            border-left: solid 1px #ececec;
        }

        .dropin-child-status-search ul li:last-child {
            border-right: solid 1px #f6f6f6;
        }

        .dropin-child-status-search ul li a {
            background: #f6f6f6;
            font-size: 12px;
            display: block;
            padding: 8px 5px;
            display: block;
            position: relative;
            border-top: solid 2px #f6f6f6;
            color: #505050;
        }

            .dropin-child-status-search ul li.active-dropin-child a, .dropin-child-status-search ul li a:hover {
                background: #fff;
                border-top: solid 2px #2494f2;
                font-weight: 500;
            }

            .dropin-child-status-search ul li a span {
                display: inline-block;
                font-size: 9px;
                background: #eea200;
                color: #fff;
                padding: 0px 3px 0px 2px;
                border-radius: 3px;
                margin-left: 5px;
                position: absolute;
                right: 8px;
                top: 7px;
            }

.security-check-block {
    position: relative;
    padding-right: 160px;
}

    .security-check-block input {
        max-width: 165px;
    }

    .security-check-block .error-msg {
        position: absolute;
        top: 6px;
        left: 170px;
        padding-left: 22px;
        font-size: 12px;
    }

        .security-check-block .error-msg:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 9px !important;
            position: absolute;
            top: 3px;
            left: 5px;
            color: #fff;
            width: 12px;
            height: 12px;
            border-radius: 100%;
            font-size: 9px;
            text-align: center;
            line-height: 11px;
        }

        .security-check-block .error-msg.security-check {
            color: rgba(12, 156, 29, 0.94);
        }

        .security-check-block .error-msg.security-cross {
            color: red;
        }

        .security-check-block .error-msg.security-check:before {
            content: "\f00c";
            background: rgba(12, 156, 29, 0.94);
        }

        .security-check-block .error-msg.security-cross:before {
            content: "\f00d";
            background: red;
        }

.defferdeposit-block {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    padding-left: 25px;
    padding-top: 2px;
}

    .defferdeposit-block #spnDeferedDepositBalace {
        display: inline-block;
        font-weight: bold;
        position: absolute;
        width: 170px;
        right: 0px;
    }

    .defferdeposit-block .control-custom {
        position: absolute;
        left: 0px;
        top: -1px;
    }

.drop-journal-template {
    position: relative;
    display: inline-block;
}

.drop-journal-template {
    position: relative;
    display: inline-block;
}

    .drop-journal-template .dropdown-menu {
        left: 50%;
        top: 30px;
        margin-left: -75px;
        min-width: 150px;
        width: 100%;
        padding: 5px;
        border-radius: 2px;
        border: 0px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    }

        .drop-journal-template .dropdown-menu ul {
            list-style: none;
        }

        .drop-journal-template .dropdown-menu li &gt; a, .drop-journal-template .dropdown-menu &gt; li &gt; a {
            white-space: normal;
        }

        .drop-journal-template .dropdown-menu ul {
            max-height: 200px;
            overflow-y: auto;
        }

        .drop-journal-template .dropdown-menu::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 1px;
            right: 36%;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
        }

    .drop-journal-template .submenu li a {
        position: relative;
        padding-left: 20px;
    }

        .drop-journal-template .submenu li a:before {
            content: '';
            position: absolute;
            left: 7px;
            top: 10px;
            width: 5px;
            height: 5px;
            border-right: solid 1px #8a8a8a;
            border-top: solid 1px #8a8a8a;
            transform: rotate(45deg);
        }

.journal-template-btns {
    text-align: right;
    padding-top: 8px;
}

    .journal-template-btns .btn {
        font-size: 12px;
        background: none;
        color: #555;
        padding: 0px;
    }

        .journal-template-btns .btn i {
            font-size: 12px;
        }

    .journal-template-btns .btn-group {
        margin-left: 0px;
        margin-right: 0px;
        /* width: 130px;Updated by hari 13/02/2020*/
    }

        .journal-template-btns .btn-group .dropdown-toggle {
            width: 100% !important;
        }

    .journal-template-btns #SpanProgramTitle, .journal-template-btns &gt; .btn {
        margin-left: 25px;
        position: relative;
        overflow: visible !important;
    }

        .journal-template-btns #SpanProgramTitle:before, .journal-template-btns &gt; .btn:before {
            content: '';
            position: absolute;
            left: -12px;
            top: 4px;
            width: 1px;
            height: 12px;
            background: #ccc;
        }

    .journal-template-btns #SpanProgramSelecterTitle, .journal-template-btns &gt; .btn {
        margin-right: 25px; /*Updated by hari 13/02/2020 (margin-left: 25px;)*/
        position: relative;
        overflow: visible !important;
    }

        .journal-template-btns #SpanProgramSelecterTitle:before, .journal-template-btns &gt; .btn:before {
            content: '';
            position: absolute;
            right: -12px; /*Updated by hari 13/02/2020 (left :-12px)*/
            top: 4px;
            width: 1px;
            height: 12px;
            background: #ccc;
        }

    .journal-template-btns button .caret {
        margin-left: 2px;
    }

    .journal-template-btns button:active {
        background: none;
        box-shadow: none;
    }

    .journal-template-btns .open .dropdown-toggle.btn-primary {
        background: none;
        box-shadow: none;
        color: #555;
    }

    .journal-template-btns .multiselect-container.dropdown-menu, .journal-action-btns .multiselect-container.dropdown-menu {
        max-width: 250px;
        margin-left: -60px;
        top: 30px;
        padding: 5px;
        border-radius: 2px;
        border: 0px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    }

        .journal-template-btns .multiselect-container.dropdown-menu::after, .journal-action-btns .multiselect-container.dropdown-menu::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 1px;
            right: 36%;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
        }

        .journal-template-btns .multiselect-container.dropdown-menu ul, .journal-action-btns .multiselect-container.dropdown-menu ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

        .journal-template-btns .multiselect-container.dropdown-menu li &gt; a,
        .journal-template-btns .multiselect-container.dropdown-menu &gt; li &gt; a,
        .journal-action-btns .multiselect-container.dropdown-menu li &gt; a,
        .journal-action-btns .multiselect-container.dropdown-menu &gt; li &gt; a {
            white-space: normal;
            padding-right: 0px;
        }

        .journal-template-btns .multiselect-container.dropdown-menu li .checkbox, .journal-action-btns .multiselect-container.dropdown-menu li .checkbox {
            padding-left: 25px;
            margin-top: 3px;
            margin-bottom: 3px;
            white-space: normal;
        }

            .journal-template-btns .multiselect-container.dropdown-menu li .checkbox .icheckbox_square-blue.iradio_square-blueb,
            .journal-action-btns .multiselect-container.dropdown-menu li .checkbox .icheckbox_square-blue.iradio_square-blueb {
                position: absolute !important;
                left: 0px;
            }

.normal-custom-tooltip {
    display: inline-block;
    position: relative;
}

    .normal-custom-tooltip:hover .custom-tooltip {
        display: block;
    }

.nbd_tooltip span {
    font-weight: normal;
    font-size: 13px !important;
    color: #fff !important;
}

.nbd_tooltip .custom-tooltip {
    top: 22px;
    bottom: initial;
    width: 270px;
    margin-left: -138px;
}

    .nbd_tooltip .custom-tooltip:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        bottom: initial;
        margin-left: -3px;
        border-bottom: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
        border-top: none;
    }

.control-custom {
    position: relative;
    padding-left: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
}

.control--checkbox input:focus {
    background-color: red;
    border: 1px solid red
}

.control-custom input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin-top: 0px;
}

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    border: 2px solid #d0d0d0;
    display: block;
    background: #fff;
}

    .control__indicator:after {
        content: '';
        position: absolute;
        display: none
    }

.control-custom input:checked ~ .control__indicator:after {
    display: block;
    border-color: #fff;
}

.control-custom input:checked ~ .control__indicator {
    background: #2489c5;
    border-color: #2489c5;
}

.control-custom.greenbg input:checked ~ .control__indicator {
    background: #44a001;
    border-color: #44a001;
}

.control--checkbox .control__indicator:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid #8b8989;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #fff;
}

.checkbox-button:focus + .control.control--checkbox:before {
    outline: #000 solid 1px;
    border: 1px solid red
}

.JournalNoteInfo-popup .modal-body h3 {
    font-size: 18px;
    line-height: normal;
}

.journalTemplate-add-replace .modal-body, .journalTemplate-add-replace .modal-body p {
    font-size: 13px;
    line-height: normal;
}

.icon-arrow-left, .icon-arrow-right {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon-arrow-left:before {
        content: "\e091";
    }

    .icon-arrow-right:before {
        content: "\e092";
    }

.change-mail-note {
    padding-left: 18px;
    list-style-position: outside;
    margin-top: 5px;
}

div.dataTables_processing {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 0px;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    border: solid 1px #fff;
    z-index: 999;
}

    div.dataTables_processing:before {
        font-family: FontAwesome;
        content: "\f110";
        font-size: 32px;
        position: absolute;
        top: 50%;
        font-weight: normal;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    div.dataTables_processing:before {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

.datatableInfo .child-Checked {
    margin-top: 0px;
}

.attendance-roundup select {
    max-width: 70px;
}

.attendance-roundup .pull-left {
    margin-right: 25px;
}

.attendance-roundup .btn {
    margin-left: 20px;
    margin-top: 20px;
}

.attendance-roundup .control-label {
    margin-top: 25px;
}

.step-content-container #DayendingBilTime {
    border-radius: 2px;
    border: 0px;
    padding: 3px 2px;
}

.dropdown-menu table.ContactsEditList tr {
    height: 35px !important;
}

#ClearTimeText {
    display: inline-block;
    background: #dadada;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    border-radius: 50%;
    cursor: pointer;
    color: #9a9a9a;
    margin-left: 3px;
    font-weight: bold;
}

    #ClearTimeText:hover {
        color: #fff;
        background: #2494f2;
    }

        #ClearTimeText:hover span {
            color: #fff;
        }

#md-BatchAttendance label {
    font-weight: 400;
}

#md-BatchAttendance .check-in-out .btn-group .info-circle {
    display: inline-block;
    background: #dadada;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    border-radius: 50%;
    cursor: pointer;
    color: #9a9a9a;
    font-weight: bold;
}

#md-BatchAttendance .check-in-out .btn-group:hover .custom-tooltip {
    width: 200px;
    left: 25%;
}


.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


#ModelPrepaidHours .md-content label {
    font-weight: 400;
}

.pph-record {
    position: relative;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

    .pph-record .additionalhrsinfo {
        font-size: 12px;
        top: 0px;
        left: 0px;
    }

.drop-in-buttons .btn-disabled {
    border: 0px;
}

.drop-in-buttons .btn-group {
    margin-left: 0px;
    margin-right: 2px;
}

.bootbox.modal.fade.bootbox-prompt .modal-dialog {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

    .bootbox.modal.fade.bootbox-prompt .modal-dialog .checkbox {
        font-size: 14px;
    }

.step-content .normal-custom-tooltip .custom-tooltip {
    width: 230px;
    margin-left: -115px;
}

.tab-container .add-custom-report {
    position: absolute;
    top: 10px;
    right: 0px;
}

.skip-billing-link {
    float: right;
    font-size: 13px;
}

.skipBilling-info {
    float: right;
    font-size: 13px;
    margin-left: 6px;
}

#DivScheduleList h4 {
    margin: 0px;
    font-weight: 500;
}

#DivScheduleList .form-group {
    margin: 0px 0px 10px 0px;
}

#md-3dRotateUp .form-horizontal .control-custom {
    padding-left: 25px;
}

#md-3dRotateUp .fa-spinner.fa-spin {
    font-size: 16px;
}

#PaymetSetupAdminParentKey &gt; span {
    margin-right: 12px;
    display: inline-block;
}
.inline-radio-gap &gt; span {
    margin-right: 12px;
    display: inline-block;
}

#DivScheduleList .profileInfo .spanlheight2 {
    font-size: 12px;
}

#datatablePPH tr {
    background: #f8f8f8;
}

    #datatablePPH tr th, #datatablePPH tr td {
        padding: 5px 3px;
    }

    #datatablePPH tr td {
        position: relative;
    }

    #datatablePPH tr.additional {
        background: #fff;
        color: #7d7d7d;
    }

        #datatablePPH tr.additional td:first-child {
            position: relative;
            padding-left: 20px;
        }

            #datatablePPH tr.additional td:first-child:before {
                content: "\f178";
                position: absolute;
                left: -1px;
                top: 50%;
                margin-top: -8px;
                font-family: FontAwesome;
                font-size: 7px;
                color: #ccc;
            }

    #datatablePPH tr td:last-child span {
        display: flex;
        justify-content: center;
    }

#datatablePPH .UpdatePPH-Icon {
    background: #fff;
    border: 1px solid #2494f2;
    bottom: -14px;
    display: block;
    left: 50%;
    padding: 3px;
    position: absolute;
    width: 50px;
    z-index: 3;
    text-align: center;
    margin-left: -25px;
}

    #datatablePPH .UpdatePPH-Icon a .fa {
        font-size: 12px;
    }

.frequency-billing .radio-inline {
    padding: 0px;
    position: relative;
    top: -3px;
    min-width: 120px;
}

.frequency-billing .iradio_square-blue {
    margin-right: 3px;
}

.frequency-billing .form-group {
    margin-bottom: 25px;
}

    .frequency-billing .form-group .col-sm-3, .frequency-billing .form-group .col-sm-12 {
        padding-left: 0px;
    }

.unvoidicon {
    background: url("../img/icon-restore.png") no-repeat left top;
    display: inline-block;
    width: 16px;
    height: 13px;
}

#md-3dRotateUp hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #d6d6d6;
}

#md-3dRotateUp .checkbox-inline, #md-3dRotateUp .radio-inline {
    padding-left: 0px;
    margin-right: 20px;
    padding-top: 0px;
}

    #md-3dRotateUp .radio-inline .iradio_square-blue {
        margin-right: 5px;
    }

#md-3dRotateUp .form-group {
    margin-top: 0px;
    margin-bottom: 10px;
}

    #md-3dRotateUp .form-group p {
        margin-bottom: 0px;
    }

.ratechart {
    min-height: 400px;
    position: relative;
}

    .ratechart h2 {
        margin-bottom: 20px;
    }

    .ratechart .form-group label {
        font-weight: 400;
        display: block;
    }

    .ratechart .add-rate-name-block {
        padding-right: 50px;
        position: relative;
    }

        .ratechart .add-rate-name-block a {
            position: absolute;
            color: #555;
            top: 8px;
        }

    .ratechart .add-rate-name-btn {
        right: 20px;
    }

    .ratechart .delete-rate-name-btn {
        right: 0px;
    }

    .ratechart .add-rate-name-enter {
        padding-right: 130px;
        position: relative;
        display: none;
    }

        .ratechart .add-rate-name-enter .btn {
            position: absolute;
            top: 0px;
            right: 0px;
        }

        .ratechart .add-rate-name-enter .btn-primary {
            right: 70px;
        }

    .ratechart #ddlFactors + .btn-group {
        width: 100%;
        margin-left: 0px;
        max-width: 220px;
        margin-right: 10px;
    }

        .ratechart #ddlFactors + .btn-group button {
            width: 100%;
            max-width: 220px;
            background: #fff;
            position: relative;
            text-align: left;
            padding-left: 5px;
        }

            .ratechart #ddlFactors + .btn-group button .caret {
                position: absolute;
                top: 13px;
                right: 8px;
            }

    .ratechart .rate-chart-table {
        margin-top: 30px;
        position: relative;
    }

        .ratechart .rate-chart-table #btnAddNewRow {
            position: absolute;
            top: 0px;
            right: 0px;
            z-index: 10;
        }

        .ratechart .rate-chart-table #DeleteAllAmtbyZero {
            position: absolute;
            top: 0px;
            right: 115px;
            z-index: 10;
        }

        .ratechart .rate-chart-table .btn-shorting {
            position: absolute;
            top: 0px;
            right: 263px;
            z-index: 10;
        }

.rate-chart-table #datatable tr td {
    position: relative;
}

    .rate-chart-table #datatable tr td i {
        font-size: 14px;
    }

    .rate-chart-table #datatable tr td:last-child {
        text-align: center;
    }

    .rate-chart-table #datatable tr td .fa-times-circle {
        color: #ED5B56;
    }

    .rate-chart-table #datatable tr td .fa-check {
        color: #09e008;
    }

    .rate-chart-table #datatable tr td .fa-trash-o {
        color: #ED5B56;
    }

.rate-chart-table #datatable #ASaveData {
    position: absolute;
    top: 15px;
    right: 22px;
}

.rate-chart-table #datatable #Acancel {
    position: absolute;
    top: 15px;
    right: 5px;
}

.billing-plan-addbtn {
    text-align: center;
    padding: 0px !important;
}

    .billing-plan-addbtn a {
        font-size: 16px;
        margin: 0px 3px;
    }

.commonExistemail-info {
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
}

#BillingPlanDetail_Div {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    display: block;
}

.factors-area .factor-list .selectAll {
    font-weight: bold;
    margin-bottom: 20px;
}

.factor-list-item ul li {
    list-style: none;
    float: left;
    width: 25%;
    margin-bottom: 15px;
    position: relative;
    padding-right: 25px;
    min-height: 20px;
    padding-left: 25px;
}

    .factor-list-item ul li a:first-of-type {
        display: inline-block;
        position: relative;
        top: 2px;
        color: #555;
    }

    .factor-list-item ul li #ASiteIDInfo {
        display: none;
        position: absolute;
        top: 2px;
        font-size: 16px;
        margin-left: 20px;
    }

    .factor-list-item ul li .control-custom {
    }

    .factor-list-item ul li:hover #ASiteIDInfo {
        display: inline-block;
    }

.factors-area .factors-area-tooltip {
    display: inline-block;
    position: relative;
}

    .factors-area .factors-area-tooltip .ratechart-tooltip {
        background-color: #17365d;
        padding: 6px;
        color: #fff;
        font-size: 12px;
        line-height: normal;
        position: absolute;
        text-align: center;
        bottom: 100%;
        left: 50%;
        width: 150px;
        margin-left: -75px;
        margin-bottom: 5px;
        border-radius: 3px;
        display: none;
        z-index: 999;
    }

        .factors-area .factors-area-tooltip .ratechart-tooltip:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -6px;
            margin-left: -3px;
            border-top: solid 6px #17365d;
            border-left: solid 6px transparent;
            border-right: solid 6px transparent
        }

        .factors-area .factors-area-tooltip .ratechart-tooltip:before {
            content: '';
            position: absolute;
            left: 0%;
            bottom: -6px;
            width: 100%;
            height: 8px;
            background: transparent;
        }

    .factors-area .factors-area-tooltip:hover .ratechart-tooltip {
        display: block;
    }

    .factors-area .factors-area-tooltip .ratechart-tooltip a {
        cursor: pointer;
        color: #fff;
        margin: 0px 10px;
        display: inline-block;
        position: relative;
    }

        .factors-area .factors-area-tooltip .ratechart-tooltip a:hover {
            color: #2494f2;
        }

        .factors-area .factors-area-tooltip .ratechart-tooltip a:first-of-type::after {
            content: '';
            width: 1px;
            background: #fff;
            height: 10px;
            position: absolute;
            right: -11px;
            top: 4px;
        }

.factor-list-item ul li .control-custom {
    padding-left: 20px;
    padding-top: 2px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ratechart .form-horizontal .checkbox, .ratechart .form-horizontal .radio {
    min-height: initial;
    display: inline-block;
}

#dynamicTable_BillingPlanDetail .SeeDeatils .addRowIcon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -28px;
    display: none;
    left: 100%;
    padding: 6px 0px;
    position: absolute;
    width: 40px;
    z-index: 3;
}

    #dynamicTable_BillingPlanDetail .SeeDeatils .addRowIcon a {
        display: inline-block;
        margin: 0px 3px;
    }

#dynamicTable_BillingPlanDetail .SeeDeatils:hover .addRowIcon {
    display: block;
}

.factors-area #selectFactors, #dv_FactorSetupDll #DllListing {
    background: #f2f2f2;
    color: #555;
    padding: 8px 30px 8px 8px;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 209px;
    border: solid 1px #ccc;
    border-radius: 2px;
}

#dv_FactorSetupDll #DllListing {
    margin-bottom: 15px;
}

.factors-area #selectFactors:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 11px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-bottom-color: #555;
    border-top-color: #555;
}

.factors-area #selectFactors.rate-toggle-on:before {
    border-bottom: 6px dashed;
    border-top: 6px transparent;
}

.add-rate-name-block a span {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: -35px;
    left: 50%;
    width: 130px;
    margin-left: -65px;
    border-radius: 3px;
    display: none;
    z-index: 999;
}

    .add-rate-name-block a span:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -3px;
        border-top: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }

.add-rate-name-block a:hover span {
    display: block;
}

.reportcenter-page .tab-content .report-list .report-action-btn {
    position: absolute;
    top: 5px;
    right: 10px;
}

    .reportcenter-page .tab-content .report-list .report-action-btn a {
        display: inline-block;
        margin-right: 7px;
        color: #959595;
        font-size: 16px;
    }

        .reportcenter-page .tab-content .report-list .report-action-btn a:last-of-type {
            margin-right: 0px;
        }

.reportcenter-page .tab-content .report-list .report-action-btn {
    display: none;
}

.reportcenter-page .tab-content .report-list:hover .report-action-btn {
    display: block;
}

.update-room-child .radio-inline {
    padding-left: 0px;
    margin-right: 20px;
    min-width: 150px;
}

.update-room-child .control-custom {
    padding-left: 27px;
    margin-right: 25px;
    padding-top: 2px;
    min-width: 158px;
}

.payment-plan-info-popup .modal-body, .Payment-plan-Info-PopUp .modal-body p {
    font-family: 13px;
    line-height: normal;
}

    .payment-plan-info-popup .modal-body ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .payment-plan-info-popup .modal-body ul li {
            padding-left: 15px;
            position: relative;
            margin-bottom: 10px;
        }

            .payment-plan-info-popup .modal-body ul li:last-child {
                margin-bottom: 0px;
            }

            .payment-plan-info-popup .modal-body ul li:before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 7px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #505050;
            }

.update-room-child .move-child .selectAll {
    display: block;
    background: #f2f2f2;
    padding: 10px 10px 5px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: solid 1px #ccc;
    border-bottom: 0px;
}

.number-bullets {
    list-style: none;
    counter-reset: li
}

    .number-bullets li {
        position: relative;
        counter-increment: li;
        padding-left: 15px;
        margin-bottom: 5px;
        line-height: normal;
    }

        .number-bullets li::before {
            content: '';
            display: block;
            position: absolute;
            left: 3px;
            top: 7px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #505050;
        }

.normal-bullets {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}

    .normal-bullets li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 8px;
        line-height: normal;
    }

        .normal-bullets li:last-child {
            margin-bottom: 0px;
        }

        .normal-bullets li:before {
            content: '';
            display: block;
            position: absolute;
            left: 0px;
            top: 7px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #505050;
        }

.info-content h4 {
    font-weight: 400;
    margin-top: 20px;
    color: #555;
}

.info-content p {
    font-size: 13px;
    line-height: normal;
}

.md-modal p {
    font-size: 13px;
    line-height: normal;
}

.md-modal label {
    font-weight: 400;
}

.drop-in-accountinfo .accountinfo-list .agebalance-block {
    display: block;
}

    .drop-in-accountinfo .accountinfo-list .agebalance-block select {
        width: 75px;
        display: inline-block;
    }

.role-management .datatableInfo.table tr {
    height: 38px !important;
}

    .role-management .datatableInfo.table tr td .control-custom {
        margin-bottom: 15px;
    }

.role-management .view-role .fa-pencil-square-o {
    font-size: 16px;
    color: #787878;
}

.role-management .view-role table tr th:last-child, .role-management .view-role table tr th:nth-last-child(2), .role-management .view-role table tr td:nth-last-child(2) {
    text-align: center;
}

.role-management .view-role table tr td:last-child, .role-management .view-role table tr td:nth-last-child(2) {
    width: 100px;
    text-align: center;
}

    .role-management .view-role table tr td:last-child .fa-check, .role-management .view-role table tr td:last-child .fa-times-circle {
        font-size: 16px;
    }

.role-management .role-data table tr th:last-child {
    width: 120px;
    text-align: center;
}

.role-management .role-data table tr td:last-child {
    text-align: center;
}

.role-management .role-data table tr th:nth-child(3) {
    width: 150px;
}

.role-management .role-data table tr th:nth-child(4) {
    width: 150px;
}

.active-label {
    border-radius: 2px;
    font-size: 11px;
    width: 60px;
    display: inline-block;
}

.inactive-label {
    border-radius: 2px;
    font-size: 11px;
    width: 60px;
    display: inline-block;
}

.role-action-buttons a {
    display: inline-block;
}

#privacyicon_id h3 .fa-shield {
    cursor: pointer;
}

.custom-checkbox-withtext {
    padding-left: 25px;
    padding-top: 3px;
    position: relative;
}

    .custom-checkbox-withtext .control--checkbox {
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .custom-checkbox-withtext .control--checkbox .control__indicator {
            background: #fff;
        }

.add-role {
    display: none;
    padding-top: 10px;
}

    .add-role .custom-checkbox-withtext {
        margin-top: 7px;
    }

    .add-role .add-role-box {
        background: #f2f2f2;
        padding: 10px 15px 18px 15px;
        border: solid 1px #ddd;
        border-bottom: 0px;
    }

    .add-role .add-role-box-bottom {
        background: #f2f2f2;
        padding: 15px 15px;
        border: solid 1px #ddd;
        border-top: 0px;
        text-align: right;
    }

        .add-role .add-role-box-bottom .btn, .add-role .add-role-box .btn {
            margin: 0px 2px;
        }

    .add-role .add-role-box h4 {
        font-weight: 500;
        margin-top: 0px;
    }

.label-text {
    font-weight: 500;
    padding-top: 7px;
}

.control-custom input[disabled] + input + .control__indicator, .control-custom input[disabled] + .control__indicator {
    cursor: not-allowed;
    border-color: #e5e5e5;
}

.control-custom input[disabled="disabled"]:checked + input + .control__indicator, .control-custom input[disabled]:checked + .control__indicator {
    cursor: not-allowed;
    border-color: #2489c5;
    opacity: 0.5;
}

.make-current {
    color: #44a001;
}

.md-modal .datatableInfo.table tr {
    height: 38px !important;
}

.view-role table tr th:first-child, .view-role table tr td:first-child, .add-role table tr th:first-child + th, .add-role table tr td:first-child + td {
    width: 60px;
}

.view-role .assign-role table tr th:first-child, .view-role .assign-role table tr td:first-child {
    width: 20px;
}

.view-role table tr th {
    line-height: 14px !important;
}

.add-role table tr th:first-child, .add-role table tr td:first-child {
    width: 0px;
    padding: 0px;
    border: 0px;
    background: none;
}

.view-role .assign-role table tr th:first-child .control-custom {
    top: -5px;
}

.role-management .view-role .assign-role table tr th, .role-management .view-role .assign-role table tr td {
    text-align: left;
}

#dv_FactorSetupDll .factor-list-item ul li {
    width: 33.33%;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dv_FactorSetupDll .factor-list-item #divHeaderTitle {
    margin-bottom: 10px;
}

.select-all-factors {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}

    .select-all-factors .control-custom {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.role-management .custom-select-drop {
    top: -3px;
}

    .role-management .custom-select-drop .dropdown-menu li &gt; a {
        white-space: normal;
    }

#dv_FactorSetupInputFeilds .form-group .control-label {
    padding-top: 5px;
}

#dv_FactorSetupInputFeilds h4 {
    margin-bottom: 20px;
}

#dv_FactorSetupInputFeilds tr th:first-child, #dv_FactorSetupInputFeilds tr td:first-child {
    width: 30px;
}

#dv_FactorSetupInputFeilds tr td:last-child, #dv_FactorSetupInputFeilds tr th:last-child {
    width: 70px;
    text-align: center;
}

    #dv_FactorSetupInputFeilds tr td:last-child .fa-trash-o {
        font-size: 14px;
        color: #ED5B56;
    }

#divRecurringString1 .createnewcard.btn {
    white-space: normal;
}

#divRecurringString1 .createnewcard .custom-tooltip {
    word-break: normal;
}

.transactionDesTypeChDrop {
    position: relative;
}

    .transactionDesTypeChDrop .dropdown-menu {
        width: 100%;
    }

.sorting-dropdown {
    width: 280px;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px 0px 10px 10px;
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 999;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
}

    .sorting-dropdown .form-group {
        margin-top: 0px;
        margin-bottom: 10px;
    }

.add-type {
    font-size: 12px;
}

.sorting-dropdown .fa-trash-o {
    font-size: 13px;
    margin-top: 10px;
    margin-right: 3px;
    color: #ED5B56;
}

.sorting-dropdown .fa-plus {
    font-size: 12px;
}

.sorting-dropdown .form-group .col-sm-1 {
    padding-left: 0px;
    padding-right: 0px;
}

.sorting-dropdown .overflow-div {
    max-height: 200px;
    min-height: 60px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.sorting-dropdown-lbls {
    font-size: 12px;
    margin-bottom: 0px !important;
}
/*#TransNormalGrid #datatable_wrapper #datatable .even.SeeDeatils td {
    position: relative;
}
#TransNormalGrid #datatable_wrapper #datatable .even.SeeDeatils td::after {
    background: red;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}*/
#DivDiscountTypevalue {
    position: relative;
}

    #DivDiscountTypevalue .SumoSelect {
        width: 100%;
    }

        #DivDiscountTypevalue .SumoSelect .CaptionCont {
            padding: 2px 8px 3px 8px;
        }

    #DivDiscountTypevalue .settingCancelbtn {
        margin-right: -31px !important;
        margin-top: 0px;
    }

    #DivDiscountTypevalue .SumoSelect &gt; .CaptionCont &gt; label {
        margin-bottom: 0px;
    }

    #DivDiscountTypevalue .SumoSelect.open &gt; .optWrapper {
        top: 29px;
    }

#child-editpage #Schedules .nav-tabs, #staff-editpage #Schedules .nav-tabs {
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
}

    #child-editpage #Schedules .nav-tabs a, #staff-editpage #Schedules .nav-tabs a {
        background: #f2f2f2;
    }

    #child-editpage #Schedules .nav-tabs &gt; li, #staff-editpage #Schedules .nav-tabs &gt; li {
        margin-right: 5px;
    }

        #child-editpage #Schedules .nav-tabs &gt; li.active a, #staff-editpage #Schedules .nav-tabs &gt; li.active a {
            background: #fff;
        }

#child-editpage #Schedules .email-notification span, #staff-editpage #Schedules .email-notification span {
    top: -5px;
    left: 50%;
    margin-left: -5px;
}

#child-editpage #Schedules h3, #staff-editpage #Schedules h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

#child-editpage #Schedules #calendar h2, #staff-editpage #Schedules #calendar h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

#child-editpage #PaymentFrame #Schedules .nav-tabs a {
    background: #fff;
}

#child-editpage #PaymentFrame #Schedules .nav-tabs &gt; li {
    margin-right: inherit;
}

#child-editpage #PaymentFrame #Schedules .nav-tabs {
    border-bottom: 1px solid transparent;
    padding-left: 0px;
}

#div_scheduleDetails, #DivStaffScheduledetails {
    padding-top: 10px;
}

.program-schedul-alert {
    padding: 25px;
    margin-bottom: 0px;
}

    .program-schedul-alert .btn {
        margin-right: 10px;
    }

        .program-schedul-alert .btn:last-of-type {
            margin-right: 0px;
        }

    .program-schedul-alert .close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-weight: 600;
    }

    .program-schedul-alert p {
        margin-bottom: 20px;
        font-weight: 400;
    }

.customScheduleSpan {
    background: #f7f7f7;
    border: solid 1px #f1f1f1;
}

    .customScheduleSpan table thead tr th {
        font-weight: 600;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #e2e2e2;
    }

        .customScheduleSpan table thead tr th:first-child {
            border-bottom: solid 1px transparent;
        }

    .customScheduleSpan table tbody tr:first-child td {
        padding-top: 10px;
    }

.schedule-table-details {
    background: #f7f7f7;
    padding: 10px 15px 15px 15px;
    border: solid 1px #f1f1f1;
    border-bottom: 0px;
}

    .schedule-table-details .BtnEdit {
        background: #fff;
        min-width: 60px;
        border: 1px solid #dadada;
    }

#child-editpage #Schedules #calendar .fc-border-separate thead th, #staff-editpage #Schedules #calendar .fc-border-separate thead th {
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#child-editpage #Schedules #calendar .fc-header .fc-button, #staff-editpage #Schedules #calendar .fc-header .fc-button {
    text-transform: capitalize;
}

.role-management .overlay-div {
    display: inline-block;
}

    .role-management .overlay-div:after {
        width: 18px;
        left: 0px;
        border-radius: 3px;
        background: rgba(0, 0, 0, 0.2);
    }

    .role-management .overlay-div .custom-tooltip {
        width: 90px;
        margin-left: -45px;
        bottom: 27px;
    }

ul.role-text-listing {
    margin: 15px 0 30px 0;
}

    ul.role-text-listing li {
        margin-bottom: 8px;
    }

#rate-chart-setup-instruction {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    cursor: pointer;
    color: #2494f2;
}

.rate-chart-setup-instruction-block {
    display: none;
    padding: 0px 0px 10px 0px;
}

    .rate-chart-setup-instruction-block ul li {
        margin-bottom: 8px;
    }

#TransNormalGrid #divButtons .overlay-div:after {
    width: auto;
}

#curriculum #SpanCurriculumProgramMap .multiselect-container {
    max-width: 165px;
}

#curriculum #SpanCurriculumProgramMap .multiselect {
    text-align: left;
}

    #curriculum #SpanCurriculumProgramMap .multiselect .caret {
        position: absolute;
        right: 10px;
        top: 12px;
    }

#curriculum #SpanCurriculumProgramMap .multiselect-container &gt; li &gt; a &gt; label.checkbox {
    white-space: normal;
    position: relative;
    padding-left: 25px;
    padding-top: 0px;
}

    #curriculum #SpanCurriculumProgramMap .multiselect-container &gt; li &gt; a &gt; label.checkbox .icheckbox_square-blue {
        position: absolute;
        left: 0px;
        top: 0px;
    }

#LedgerTable_wrapper.dataTables_wrapper #LedgerTable thead tr th:nth-child(4) {
    width: 100px !important;
}

#LedgerTable_wrapper.dataTables_wrapper #LedgerTable thead tr th:nth-child(6) {
    width: 100px !important;
}

#LedgerTable_wrapper.dataTables_wrapper #LedgerTable thead tr th:nth-child(7) {
    width: 100px !important;
    padding-right: 20px !important;
}

#LedgerTable_wrapper.dataTables_wrapper #LedgerTable thead tr th:nth-child(8) {
    width: 100px !important;
    padding-right: 20px !important;
}

#LedgerTable_wrapper.dataTables_wrapper #LedgerTable thead tr th:last-child {
    width: 100px !important;
    padding-right: 20px !important;
}

.footer-social-icons {
    position: absolute;
    right: 80px;
    top: 3px;
}

    .footer-social-icons a {
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #999;
        border: solid 1px #999;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        margin: 0px 2px;
    }

        .footer-social-icons a:hover {
            color: #2494f2;
            border-color: #2494f2;
        }

.icare-blog {
    background: url("/images/blog-icon.png") no-repeat center 4px;
    background-size: 60%;
    position: relative;
    top: 5px;
}

    .icare-blog:hover {
        background: url("/images/blog-icon.png") no-repeat center -14px;
        background-size: 61%;
    }

.defaultPointerEvent {
    cursor: default !important;
}

.SeeDeatils-session-content {
    position: absolute;
    background: #fff;
    border-radius: 3px;
    width: 90%;
    border-top: solid 2px #2494f2;
    margin: 15px auto 0 -8px;
    padding: 20px;
    display: none;
    z-index: 10;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    .SeeDeatils-session-content::after {
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        width: 16px;
        height: 16px;
        border-left: solid 2px #2494f2;
        border-bottom: solid 2px #2494f2;
        transform: rotate(135deg);
        background: #fff;
    }

    .SeeDeatils-session-content .form-horizontal {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 265px;
    }

    /*table tr:first-child td .SeeDeatils-session-content {
    display: block;
}*/
    .SeeDeatils-session-content h4 {
        margin: 0px 0 20px 0 !important;
        font-weight: bold;
        font-size: 18px;
        /*background: #17365d;*/
        width: 100%;
        color: #555;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

    .SeeDeatils-session-content .form-group:first-of-type {
        margin-top: 0px;
    }

        .SeeDeatils-session-content .form-group:first-of-type .col-sm-12 {
            min-height: initial;
        }

    .SeeDeatils-session-content .close {
        position: absolute;
        top: 12px;
        right: 16px;
        z-index: 20;
        font-size: 22px;
        color: #555;
        font-weight: normal;
        opacity: .5;
    }

        .SeeDeatils-session-content .close:hover {
            opacity: 1;
        }

.datatableInfo.table tr td .SeeDeatils-session-content table tr {
    height: 34px !important;
}

.datatableInfo.table tr td .seedetail-session-schedule-table table tr th {
    padding: 5px 10px !important;
    vertical-align: middle;
    text-align: center;
}

    .datatableInfo.table tr td .seedetail-session-schedule-table table tr th:first-child,
    .datatableInfo.table tr td .seedetail-session-schedule-table table tr td:first-child {
        font-weight: bold;
    }

.session-edit-buttons {
    text-align: left;
    padding: 10px 0px 0px 0px;
}

    .session-edit-buttons .btn {
        margin-right: 10px;
        margin-top: 10px;
    }

.seedetail-session-fees-table {
    margin-top: 20px;
}

.datatableInfo.table tr td .seedetail-session-fees-table table tr th:last-child,
.datatableInfo.table tr td .seedetail-session-fees-table table tr td:last-child {
    border-left: 1px solid #ddd !important;
}

.create-session-table.datatableInfo.table tr {
    height: 34px !important;
}

    .create-session-table.datatableInfo.table tr td:first-child {
        width: 50%;
    }

    .create-session-table.datatableInfo.table tr td:last-child {
        text-align: center;
    }

        .create-session-table.datatableInfo.table tr td:last-child a {
            display: inline-block;
            margin: 0px 5px;
            font-size: 14px;
        }

    .create-session-table.datatableInfo.table tr td .fa-trash-o {
        color: #ED5B56;
    }

    .create-session-table.datatableInfo.table tr td .fa-pencil {
        color: #505050;
    }
.edit-session-table {
    width: 100% !important;
}
.edit-session-table.datatableInfo.table tr {
    height: 34px !important;
}

        .edit-session-table.datatableInfo.table tr td:first-child {
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .edit-session-table.datatableInfo.table tr td:first-child .session-name {
                text-overflow: ellipsis;
                word-break: break-all;
                white-space: normal;
            }

        .edit-session-table.datatableInfo.table tr td:last-child {
            text-align: center;
        }

            .edit-session-table.datatableInfo.table tr td:last-child a {
                display: inline-block;
                margin: 0px 5px;
                font-size: 14px;
            }

        .edit-session-table.datatableInfo.table tr td .fa-trash-o, .edit-session-table.datatableInfo.table tr td .fa-times {
            color: #ED5B56;
        }

        .edit-session-table.datatableInfo.table tr td .fa-pencil {
            color: #505050;
        }

        .edit-session-table.datatableInfo.table tr td .fa-check {
            color: #44a001;
        }

    .edit-session-table.datatableInfo.table tr td {
        position: relative;
    }

        .edit-session-table.datatableInfo.table tr td .disable-row {
            display: block;
        }

            .edit-session-table.datatableInfo.table tr td .disable-row:before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 0px;
                background: rgba(255, 255, 255, 0.7);
                width: 100%;
                z-index: 5;
                height: 100%;
            }

        .edit-session-table.datatableInfo.table tr td .edit-session-info {
            display: inline-block;
        }

    .edit-session-table.datatableInfo.table tr.disable-row td .edit-session-info {
        display: block;
        position: relative;
        z-index: 6;
    }

        .edit-session-table.datatableInfo.table tr.disable-row td .edit-session-info .fa-info-circle {
            color: #ED5B56;
            font-size: 14px;
        }

.edit-session-block {
    margin-bottom: 10px;
}

    .edit-session-block:before, .edit-session-block:after {
        content: " ";
        display: table;
    }

.edit-session-table.datatableInfo.table tr td .edit-session-info .custom-tooltip {
    margin-left: -90px;
    bottom: 34px;
    word-break: break-word;
}

    .edit-session-table.datatableInfo.table tr td .edit-session-info .custom-tooltip a {
        font-size: 12px;
        margin: 0px;
    }

.edit-session-block:after {
    clear: both;
}

.program-class-create .control-label {
    padding-top: 5px;
}

.program-class-create .radio-inline .iradio_square-blue {
    top: -1px;
    margin-right: 6px;
}

.program-class-create #PcSessionTable_wrapper .row:first-of-type, .program-class-create #PcSessionTable_wrapper .row:last-of-type {
    display: none;
}

.program-class-create #PcSessionTable_wrapper .row {
    margin-bottom: 0px;
}

.program-session-dropdown {
    position: absolute;
    background: #fff;
    top: 0px;
    left: 0px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.program-session-dropdown {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 180px;
    padding: 8px;
    border-radius: 2px !important;
    border: 0px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
}

    .program-session-dropdown ul {
        margin: 0px;
        padding: 0px;
        max-height: 200px;
        overflow-y: auto;
        list-style: none;
    }

    .program-session-dropdown li {
        margin-bottom: 8px;
    }

        .program-session-dropdown li:last-child {
            margin-bottom: 0px;
        }

        .program-session-dropdown li &gt; a, .program-session-dropdown &gt; li &gt; a {
            white-space: normal;
            background: #f5f5f5;
            border-radius: 4px !important;
            color: #08c;
            font-size: 13px;
        }

    .program-session-dropdown::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 1px;
        left: 30px;
        box-sizing: border-box;
        border: 6px solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    }

.PCSessionclickclass + div {
    display: block;
}

.edit-session-block #PcSessionEditTable_wrapper .row:first-of-type, .edit-session-block #PcSessionEditTable_wrapper .row:last-of-type {
    display: none;
}

.enroll-session-list {
    position: relative;
    padding: 5px 10px;
    background: #F2F2F2;
    margin-bottom: 5px;
    border-radius: 2px;
}

    .enroll-session-list a {
        color: #555;
    }

    .enroll-session-list:last-of-type {
        margin-bottom: 0px;
    }

.enroll-session-name {
    cursor: pointer;
    position: relative;
    padding: 1px 20px 1px 0px;
    line-height: normal;
}

    .enroll-session-name::after {
        content: '';
        position: absolute;
        right: 10px;
        top: 5px;
        font-size: 18px;
        height: 11px;
        width: 1px;
        background: #888;
    }

    .enroll-session-name::before {
        content: '';
        position: absolute;
        right: 5px;
        top: 10px;
        font-size: 18px;
        height: 1px;
        width: 11px;
        background: #888;
    }

    .enroll-session-name.unselect {
        padding-bottom: 8px;
    }

        .enroll-session-name.unselect::after {
            display: none
        }

.enroll-session-list-view {
    display: none;
    border-top: solid 1px #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .enroll-session-list-view ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .enroll-session-list-view ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .enroll-session-list-view ul li {
            margin-bottom: 6px;
            position: relative;
            padding-left: 10px;
        }

            .enroll-session-list-view ul li:last-child {
                margin-bottom: 0px;
            }

            .enroll-session-list-view ul li:before {
                content: '';
                position: absolute;
                left: 0px;
                top: 7px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #555;
            }

            .enroll-session-list-view ul li a {
                padding: 2px 0px 0px 0px;
                text-overflow: ellipsis;
                font-weight: normal;
                position: relative;
                color: #333;
                font-size: 12px;
            }

                .enroll-session-list-view ul li a:hover {
                    background: none;
                    color: #333;
                }

.pc-create-startdate {
    padding-right: 25px;
}

.pc-create-enddate {
    float: left;
    padding-right: 10px;
}

.circle_liveratio {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    color: #101010;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #555;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.child-ratio-block {
    position: relative;
    overflow: hidden;
}

    .child-ratio-block:before, .child-ratio-block:after {
        content: " ";
        display: table;
    }

    .child-ratio-block:after {
        clear: both;
    }

    .child-ratio-block .controls {
        position: absolute;
        top: 35px;
        width: 30px;
        text-align: center;
        z-index: 100;
        color: #fff;
        font-size: 40px;
    }

        .child-ratio-block .controls.left-side {
            left: 0px;
        }

        .child-ratio-block .controls.right-side {
            right: 0px;
        }

.child-ratio-item {
    width: 150px;
    background: #f2f2f2;
    text-align: center;
    float: left;
    border-top: solid 1px #848484;
    border-right: solid 1px #848484;
}

.child-ratio-calculation {
    font-size: 36px;
    height: 100px;
    line-height: 100px;
}

.child-room-name {
    font-size: 14px;
    padding: 6px;
    font-weight: bold;
    border-top: solid 1px #848484;
    border-bottom: solid 1px #848484;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#md-iCareDingChatPopUp .modal-header h3 {
    font-size: 20px;
    font-weight: 400;
}

#md-iCareDingChatPopUp .iCareChildNameChat-text {
    font-size: 13px;
    color: #6f6f6f;
    position: relative;
    padding-left: 18px;
}

    #md-iCareDingChatPopUp .iCareChildNameChat-text .fa-user {
        position: absolute;
        left: 0px;
        top: 2px;
        color: #6f6f6f;
        font-size: 14px;
    }

#md-iCareDingChatPopUp #txtiCareNotificationChat {
    font-size: 13px;
    background: #435f7a;
    color: #f2f2f2;
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    position: relative;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
}

    #md-iCareDingChatPopUp #txtiCareNotificationChat:before {
        content: '';
        position: absolute;
        left: 0px;
        bottom: -7px;
        border-top: solid 7px #435f7a;
        border-left: solid 7px #435f7a;
        border-right: solid 7px transparent;
        border-bottom: solid 7px transparent;
    }

.update-room-child label {
    font-weight: 400;
}

.update-room-child #SearchEnroll {
    margin-top: 5px;
}

    .update-room-child #SearchEnroll .control-custom .control__indicator {
        border-radius: 50%;
        height: 22px;
        width: 22px;
        border-width: 1px;
        top: -2px;
    }

    .update-room-child #SearchEnroll .control-custom:hover .control__indicator {
        border: solid 2px #2489c5;
    }

    .update-room-child #SearchEnroll .control-custom .control__indicator:after {
        left: 7px;
        top: 3px;
    }

.requiredDoc .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.requiredDoc .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.requiredDoc .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    font-size: 14px;
}

#captionLogoSize {
    position: fixed !important;
    z-index: 1000001 !important;
    left: 20% !important;
    top: 50px !important;
    box-shadow: none;
}

.move-child-roomcapacity {
    position: relative;
}

    .move-child-roomcapacity .move-child-roomcapacity-tooltip {
        background-color: #17365d;
        padding: 10px 10px 10px 10px;
        color: #fff;
        font-size: 12px;
        line-height: normal;
        position: absolute;
        text-align: left;
        bottom: 36px;
        left: 0px;
        width: 100%;
        border-radius: 3px;
        display: block;
        z-index: 999;
        white-space: normal;
        word-break: break-all;
    }

        .move-child-roomcapacity .move-child-roomcapacity-tooltip:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -6px;
            margin-left: -3px;
            border-top: solid 6px #17365d;
            border-left: solid 6px transparent;
            border-right: solid 6px transparent
        }

        .move-child-roomcapacity .move-child-roomcapacity-tooltip .close {
            position: absolute;
            right: 10px;
            top: 4px;
            color: #fff;
            font-weight: normal;
            opacity: 0.5;
            text-shadow: none;
        }

        .move-child-roomcapacity .move-child-roomcapacity-tooltip span {
            display: block;
            margin-bottom: 5px;
        }

.billing-draft tr td.chargeSelect input {
    display: block;
    width: 100% !important;
    height: 30px !important;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.billing-draft-controls {
    position: relative;
    padding-right: 50px;
}

    .billing-draft-controls a {
        position: absolute;
        font-size: 16px;
        top: 5px;
        right: 5px;
        color: #ED5B56;
    }

        .billing-draft-controls a.fa-check {
            right: 25px;
            color: #44a001;
        }

.right-sub-dropdown .nav-tabs &gt; li &gt; a {
    padding: 5px !important;
}

    .right-sub-dropdown .nav-tabs &gt; li &gt; a:hover {
        background: none;
        border-bottom: solid 1px transparent;
    }

.right-sub-dropdown .tab-content {
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    box-shadow: none;
    border-radius: 0px;
    height: 150px;
    overflow-y: auto;
}

.liveratiotext-block-info {
    position: relative;
    display: inline-block;
}

.liveratiotext-tooltip {
    display: none;
    background-color: #17365d;
    padding: 10px 10px 10px 10px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 25px;
    left: 0px;
    width: 240px;
    margin-left: -120px;
    border-radius: 3px;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

    .liveratiotext-tooltip:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        margin-left: -3px;
        border-bottom: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }

.liveratiotext-block-info:hover .liveratiotext-tooltip {
    display: block;
}

.sessionName-tag-title {
    position: relative;
    padding-top: 15px;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
}

.sessionName-tag {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    font-style: italic;
}

.session-siteid {
    font-size: 14px;
}

.profile-payment {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -5px;
}

.add-family-icons {
    position: absolute;
    top: 10px;
    right: 0px;
}

    .add-family-icons a {
        display: inline-block;
        margin: 0px 5px;
        font-size: 14px;
    }

        .add-family-icons a:last-of-type {
            font-size: 26px;
            position: relative;
            top: 5px;
        }

.children-count {
    position: relative;
}

#spnTotalAssignChildCount {
    display: inline-block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

#SpinEditChildPCId {
    font-size: 18px;
    position: absolute;
    top: 11px;
    left: -3px;
}

.enrolldoc-warning {
    position: relative;
    padding-left: 30px;
}

    .enrolldoc-warning .fa-exclamation-triangle {
        position: absolute;
        left: 0px;
        top: 10px;
    }

    .enrolldoc-warning ul, #md-ChildDocPCEditPageWarning ul {
        list-style: none;
        counter-reset: li;
    }

        .enrolldoc-warning ul li, #md-ChildDocPCEditPageWarning ul li {
            counter-increment: li;
            padding-left: 15px;
            position: relative;
            margin-bottom: 5px;
            font-size: 13px;
        }

            .enrolldoc-warning ul li:last-child, #md-ChildDocPCEditPageWarning ul li:last-child {
                margin-bottom: 0px;
            }

            .enrolldoc-warning ul li::before, #md-ChildDocPCEditPageWarning ul li:before {
                content: counter(li);
                color: #555;
                text-align: right;
                direction: rtl;
                position: absolute;
                left: 0px;
                top: 0px;
            }

.shopping-cart-icon {
    display: inline-block;
    position: relative;
}

    .shopping-cart-icon span {
        position: absolute;
        top: -7px;
        left: 3px;
        font-size: 9px;
        width: 20px;
        color: #fff;
        background: #ff7f32;
        border-radius: 2px;
        text-align: center;
    }

.shopping-cart {
    min-height: 400px;
}

    .shopping-cart &gt; h2 {
        position: relative;
        padding-left: 40px;
    }

    .shopping-cart h2 .fa-shopping-cart {
        position: absolute;
        left: 0px;
        top: 0px;
        color: #319926;
        font-size: 34px;
    }

        .shopping-cart h2 .fa-shopping-cart span {
            color: #fff;
            position: absolute;
            left: 9px;
            top: 8px;
            font-size: 10px;
            width: 20px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
        }

.cart-table table {
    margin-bottom: 0px !important;
}

    .cart-table table &gt; thead &gt; tr &gt; th:first-child, .cart-table table &gt; tbody &gt; tr &gt; td:first-child {
        width: 20px !important;
    }

        .cart-table table &gt; thead &gt; tr &gt; th:first-child .control-custom, .cart-table table &gt; tbody &gt; tr &gt; td:first-child .control-custom {
            top: -5px;
        }

    .cart-table table &gt; thead &gt; tr &gt; th:last-child, .cart-table table &gt; tbody &gt; tr &gt; td:last-child {
        width: 100px !important;
    }

    .cart-table table tr td table &gt; thead &gt; tr &gt; th:first-child, .cart-table table tr td table &gt; tbody &gt; tr &gt; td:first-child {
        width: auto !important;
    }

    .cart-table table tr td table &gt; thead &gt; tr &gt; th:last-child, .cart-table table tr td table &gt; tbody &gt; tr &gt; td:last-child {
        width: auto !important;
    }

    .cart-table table tbody tr td:last-child {
        text-align: center;
    }

    .cart-table table tbody tr td .fa.fa-trash-o {
        color: #f36060;
        font-size: 16px;
    }

.cart-table .cart-total {
    background: #e9e9e9;
    text-align: right;
}

    .cart-table .cart-total a {
        width: 100px;
        background: #319926;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        padding: 13px 0;
        display: inline-block;
        margin-left: 20px;
    }

    .cart-table .cart-total .total-amount {
        display: inline-block;
        color: #000;
        font-size: 14px;
    }

.font-bit-big {
    font-size: 14px;
}

.registration-dropdown .dropdown-menu {
    background: #fff;
    padding: 5px;
    color: #555;
    font-size: 12px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    border: 0px;
    margin-top: 1px;
    border-radius: 0px;
}

    .registration-dropdown .dropdown-menu ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .registration-dropdown .dropdown-menu ul li {
            margin-bottom: 5px;
        }

            .registration-dropdown .dropdown-menu ul li:last-child {
                margin-bottom: 0px;
            }

#slottbody .transactionDesType {
    top: 17px;
    padding-top: 0px;
}

#slottbody .transactionDesType {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 112px;
    border-radius: 0px 0px 3px 3px;
}

    #slottbody .transactionDesType li:first-child {
        border-bottom: solid 1px #d4d4d4;
    }

#div_ActionSlotResult_PC #schTable {
    border-collapse: separate;
}
/*#slottbody tr td {
    padding: 0px 5px;
}*/
#slottbody tr td.tdMove:before {
    content: '';
    position: absolute;
    top: 8px;
    right: 6px;
    border-top: solid 4px #555;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
    z-index: 10;
}

#slottbody tr td.tdMove.remove-arrow:before {
    display: none;
}

#slottbody tr td.tdMove input[type=text] {
    padding-right: 15px;
}

#slottbody .transactionDesType::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#SpanAllergyPar {
    position: relative;
    display: inline-block;
    margin-left: 2px;
}

.allergies-tooltip {
    display: inline-block;
    font-size: 13px;
    padding: 5px 11px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: solid 1px #e0e0e0;
}

    .allergies-tooltip:hover .custom-tooltip {
        display: block;
        bottom: 35px;
        text-align: left;
    }

    .allergies-tooltip a {
        margin: 0px;
        font-weight: bold;
        color: #ED5B56;
    }

    .allergies-tooltip:hover a {
        color: #ED5B56;
    }

    .allergies-tooltip .custom-tooltip ul {
        margin-bottom: 3px;
        list-style: none;
        counter-reset: li;
    }

        .allergies-tooltip .custom-tooltip ul li {
            position: relative;
            counter-increment: li;
            margin-left: 15px;
            margin-bottom: 5px;
            line-height: normal;
        }

            .allergies-tooltip .custom-tooltip ul li::before {
                content: counter(li);
                color: #fff;
                display: inline-block;
                width: 1em;
                margin-left: -1.5em;
                margin-right: 0.5em;
                text-align: right;
            }

.control-custom-block {
    position: relative;
    padding-left: 25px;
}

    .control-custom-block .control-custom {
        position: absolute;
        left: 0px;
        top: 0px;
    }
.parent-option-checkboxes .control-custom-block {
    margin-right: 20px;
}

#Section_ALLERGIES table tr td {
    border: 0px !important;
    line-height: 14px !important;
}

    #Section_ALLERGIES table tr td a {
        margin-left: 0px !important;
    }

        #Section_ALLERGIES table tr td a.FieldValueUpdateBtn, #Section_ALLERGIES table tr td a.FieldValueCancelBtn {
            padding: 7px 10px !important;
        }

#Invitelink {
    margin-left: 10px;
}

.social-block .circle_liveratio {
    margin-right: 2px;
    margin-left: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}

.search-dropdown-block {
    position: relative;
    display: inline-block;
}

.mod-warning.warning-enroll-program #mdlWarning {
    width: 100% !important;
}

#LedgerTable_wrapper #LedgerTable {
    width: 100% !important;
}

    #LedgerTable_wrapper #LedgerTable tr td:last-child {
        font-size: 11px !important;
    }

    #LedgerTable_wrapper #LedgerTable #ddlAccNameClone {
        width: 60px !important;
        font-size: 11px !important;
    }

.custom-checkbox-controls, .custom-checkbox-controls-txtinside {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .custom-checkbox-controls li, .custom-checkbox-controls-txtinside li {
        display: inline-block;
        margin-right: 30px;
        position: relative;
        margin-bottom: 10px;
    }

        .custom-checkbox-controls li:last-child, .custom-checkbox-controls-txtinside li:last-child {
            margin-right: 0px;
        }

        .custom-checkbox-controls li .control-custom {
            padding: 7px 0 0 25px;
        }

        .custom-checkbox-controls-txtinside li .control-custom {
            padding: 0px 0 0 25px !important;
        }

        .custom-checkbox-controls li .control__indicator, .custom-checkbox-controls-txtinside li .control__indicator {
            border-radius: 50%;
        }


.custom-checkbox-controls-check, .custom-checkbox-controls-check-txtinside {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .custom-checkbox-controls-check li, .custom-checkbox-controls-check-txtinside li {
        display: inline-block;
        margin-right: 20px;
        position: relative;
        margin-bottom: 10px;
    }

        .custom-checkbox-controls-check li:last-child, .custom-checkbox-controls-check-txtinside li:last-child {
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .custom-checkbox-controls-check li .control-custom {
            padding: 7px 0 0 25px;
        }

        .custom-checkbox-controls-check-txtinside li .control-custom {
            padding: 0px 0 0 25px !important;
        }


#md-setupOverrideDays .custom-checkbox-controls li, #md-setupOverrideDays .custom-checkbox-controls-txtinside li,
#md-setupOverrideDays .custom-checkbox-controls-check li, #md-setupOverrideDays .custom-checkbox-controls-check-txtinside li {
    display: block;
}

table.action-controls tr td .fa {
    font-size: 16px;
    margin: 0px 5px;
}

table.action-controls tr td .fa-trash-o, table.action-controls tr td .fa-times {
    color: #ED5B56;
}

table.action-controls tr td .fa-pencil {
    color: #505050;
}

table.action-controls tr td .fa-check {
    color: #44a001;
}

.setupClosingDays-table {
    min-height: 250px;
}

.scheduler-calendar h2 {
    font-size: 22px;
    margin-bottom: 2px;
}

.scheduler-calendar-block {
    margin-top: 20px;
}

#btnActiveEnrolled + .dropdown-menu {
    width: 100%;
}

#md-setupOverrideDays .modal-body h4 {
    background: #e7e7e7;
    padding: 8px 10px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

.spinner-checkbox {
    position: relative;
    padding-left: 25px;
    font-size: 13px;
}

    .spinner-checkbox .control-custom {
        position: absolute;
        left: 0px;
        top: 2px;
    }

    .spinner-checkbox i {
        position: absolute;
        left: 2px;
        top: 4px;
    }

.service-fee-checkbox-container {
    float: right;
}

#Servicefee-info {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.service-fee-checkbox {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

    .service-fee-checkbox .custom-tooltip {
        display: none;
    }

    .service-fee-checkbox:hover .custom-tooltip {
        display: block;
        bottom: 30px;
    }

.bootbox.modal {
    top: 20%;
    max-width: 1231px;
    margin-left: auto;
    margin-right: auto;
}

    .bootbox.modal .bootbox-body {
        font-size: 14px;
    }

.preview-block {
    position: relative;
    padding: 10px;
}

    .preview-block:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        z-index: 10;
    }

    .preview-block:after {
        content: 'Preview only';
        color: #fff;
        position: absolute;
        left: 52px;
        top: 50%;
        z-index: 12;
        margin-top: -10px;
        /* -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
    transform: rotate(45deg); */
    }

.open .dropdown-toggle.btn-default {
    background: #fff;
}

#md-setupOverrideDays .dropdown-toggle.btn-default {
    text-align: left;
}

.dropdown-toggle.btn-default .caret {
    position: absolute;
    top: 12px;
    right: 8px;
}

#submenuChildDiv.submenuChild-permanant-change:after {
    right: 45%;
}

#LedgerTable .SeeDeatils ul.dropdown-menu, #TransNormalGrid .SeeDeatils ul.dropdown-menu {
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

#RadioForTempParmanentSchedule {
    margin-bottom: 15px;
}

.multiple-selection-calendar {
    position: relative;
    display: inline-block;
}

    .multiple-selection-calendar .mbsc-form {
        position: absolute;
        top: 150%;
        z-index: 105;
        left: 50%;
        margin-left: -150px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
        border-radius: 3px;
    }

        .multiple-selection-calendar .mbsc-form.mbsc-ltr.WKCalShowStart {
            top: 115px;
            left: -80px;
            width: 230px;
        }

        .multiple-selection-calendar .mbsc-form.mbsc-ltr.WKCalShowEnd {
            top: 115px;
            left: 120%;
            width: 230px;
        }

    .multiple-selection-calendar.rightside .mbsc-form {
        left: initial;
        right: 0px;
        margin-left: 0px;
    }

    .multiple-selection-calendar .mbsc-form .mbsc-fr-popup:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,0.2);
        position: absolute;
        top: -6px;
        left: 50%;
    }

    .multiple-selection-calendar .mbsc-form .mbsc-fr-popup:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: 1px;
    }

    .multiple-selection-calendar.rightside .mbsc-form .mbsc-fr-popup:before {
        top: -6px;
        left: initial;
        right: 6px;
    }

    .multiple-selection-calendar.rightside .mbsc-form .mbsc-fr-popup:after {
        top: -5px;
        left: initial;
        right: 7px;
    }

    .multiple-selection-calendar .mbsc-ios.mbsc-fr-inline .mbsc-fr-c {
        border: 0px;
    }

    .multiple-selection-calendar .mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
        border: solid 1px #ccc;
        border-radius: 3px;
    }

    .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr {
        font-size: 12px;
        padding: 10px 5px 8px 5px !important;
        text-align: center;
        color: #333;
        text-transform: none;
        font-weight: normal;
    }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #ankWkCal {
            position: absolute;
            top: 7px;
            right: 4px;
            color: #ED5B56;
            display: inline-block;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 22px;
            font-size: 22px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #semiankWkCal {
            position: absolute;
            top: 7px;
            right: 4px;
            color: #ED5B56;
            display: inline-block;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 22px;
            font-size: 22px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #saveWkCal {
            position: absolute;
            top: 8px;
            left: 6px;
            background-color: #44a001;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #cleareWkCal {
            position: absolute;
            top: 8px;
            right: 26px;
            color: #ED5B56;
            display: inline-block;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 18px;
            font-size: 12px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #saveWkCal_Report {
            position: absolute;
            top: 8px;
            left: 6px;
            background-color: #44a001;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #saveWkCal_ReportRoster {
            position: absolute;
            top: 8px;
            left: 6px;
            background-color: #44a001;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
        }

        .multiple-selection-calendar .mbsc-fr-popup .mbsc-fr-hdr #saveWkCal_PayrollReport {
            position: absolute;
            top: 8px;
            left: 6px;
            background-color: #44a001;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
        }

    .multiple-selection-calendar .mbsc-ios .mbsc-cal .mbsc-cal-btn {
        font-size: 14px;
    }

    .multiple-selection-calendar .mbsc-ios .mbsc-cal-year, .multiple-selection-calendar .mbsc-ios .mbsc-cal-month {
        font-size: 12px;
        line-height: 14px;
    }

    .multiple-selection-calendar .mbsc-ios .mbsc-cal .mbsc-cal-btn {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

.selected-weeks-info {
    position: relative;
    display: inline-block;
    margin-left: 0px;
    top: 1px;
}

    .selected-weeks-info .custom-tooltip {
        display: none;
        top: 22px;
        bottom: initial;
        text-align: left;
        padding: 15px;
        width: 250px;
        margin-left: -128px;
    }

        .selected-weeks-info .custom-tooltip .close {
            position: absolute;
            top: 3px;
            right: 9px;
            font-size: 18px;
        }

        .selected-weeks-info .custom-tooltip:after {
            top: -5px;
            bottom: initial;
            border-top: 0px;
            border-bottom: solid 6px #17365d;
        }

.multiple-selection-calendar .select-weeks-calendar {
    display: inline-block;
}

    .multiple-selection-calendar .select-weeks-calendar a {
        color: #333;
    }

.multiple-selection-calendar .CalToggle {
    position: relative;
    padding-right: 15px;
    left: -3px;
}

    .multiple-selection-calendar .CalToggle:before {
        content: '';
        position: absolute;
        top: 8px;
        right: 3px;
        border-top: solid 5px #5e5e5e;
        border-right: solid 3px transparent;
        border-left: solid 3px transparent;
    }

    .multiple-selection-calendar .CalToggle.calopen:before {
        content: '';
        position: absolute;
        top: 8px;
        right: 3px;
        border-top: 0px;
        border-bottom: solid 5px #5e5e5e;
        border-right: solid 3px transparent;
        border-left: solid 3px transparent;
    }

.multiple-selection-calendar .select-weeks-calendar .control-custom {
    margin: 0px 0 14px 0;
}

#dvChk .control-custom {
    padding-left: 25px;
}

    #dvChk .control-custom input {
        position: absolute !important;
    }

.dvChkIagreeBlock {
    position: relative;
    padding-left: 25px;
}

    .dvChkIagreeBlock .control-custom {
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .dvChkIagreeBlock .control-custom .control__indicator {
            border-color: #2489c5 !important;
        }

#multipleWeekSelection .multipleWeekSelection-block {
    position: relative;
}

    #multipleWeekSelection .multipleWeekSelection-block .info-control-block {
        padding-right: 0px;
    }

    #multipleWeekSelection .multipleWeekSelection-block .overlay-dropdown-multipleWeekSelection {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        padding: 6px;
        z-index: 100;
        margin-top: 11px;
    }

        #multipleWeekSelection .multipleWeekSelection-block .overlay-dropdown-multipleWeekSelection:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 50%;
            margin-left: 6px;
            border: 6px solid #505050;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
            z-index: 5;
        }

        #multipleWeekSelection .multipleWeekSelection-block .overlay-dropdown-multipleWeekSelection:after {
            content: '';
            position: absolute;
            top: -12px;
            left: 0px;
            width: 100%;
            height: 15px;
            background-color: transparent;
            z-index: 4;
        }

    #multipleWeekSelection .multipleWeekSelection-block.show-overlaydrop:hover .overlay-dropdown-multipleWeekSelection {
        display: block;
    }

    #multipleWeekSelection .multipleWeekSelection-block .form-control[readonly] {
        background: #fff;
    }

    #multipleWeekSelection .multipleWeekSelection-block .overlay-dropdown-multipleWeekSelection table thead tr th {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: 600;
    }

    #multipleWeekSelection .multipleWeekSelection-block .overlay-dropdown-multipleWeekSelection table tbody tr td {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.multiple-selection-calendar .mbsc-mobiscroll .mbsc-cal-days &gt; div {
    border-bottom: 0px;
}

select#txtBusType option[value='-5'] {
    background: #f1f1f1 !important;
}

.dropdown-scroll {
    max-height: 94px;
    overflow-y: auto;
}

.schedule-overlapping-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
}

.schedule-overlapping {
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -150px;
    width: 380px;
    max-height: 350px;
    background: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.06) !important;
    border-radius: 5px;
    padding: 15px;
}

    .schedule-overlapping h3 {
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
        border-bottom: solid 1px #ccc;
        padding-bottom: 8px;
        color: #333;
    }

    .schedule-overlapping .schedule-overlapping-button {
        border-top: solid 1px #ccc;
        padding-top: 12px;
        text-align: right;
        margin-top: 12px;
    }

    .schedule-overlapping #DivScheduleOverlapping {
        max-height: 140px;
        overflow-y: auto;
        margin-bottom: 5px;
    }

    .schedule-overlapping .close {
        color: #000;
        font-size: 24px;
    }

    .schedule-overlapping #DivScheduleOverlapping table thead tr th,
    .schedule-overlapping #DivScheduleOverlapping table tbody tr td {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12px;
    }

    .schedule-overlapping #DivScheduleOverlapping table thead tr th {
        font-weight: 600;
    }

#DivToShowChildRoomCapcityDetails {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.content-card {
    border-radius: 5px;
    background: #fff;
    padding: 20px;
    max-width: 300px;
    margin: 10% auto;
}

#DivToShowChildRoomCapcityDetails .btns-block {
    border-top: solid 1px #ccc;
    text-align: right;
    padding-top: 10px;
}

    #DivToShowChildRoomCapcityDetails .btns-block .btn {
        margin-left: 10px;
    }

#divCancelConfirm .btn {
    padding-left: 5px;
    padding-right: 5px;
}

.dropin-icons-btn-grp {
    float: right;
}

    .dropin-icons-btn-grp .btn-dollar {
        width: 30px;
        height: 30px;
    }

#DivToShowInfoChildBatchEnroll {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

    #DivToShowInfoChildBatchEnroll .content-card {
        margin-top: 20%;
    }

    #DivToShowInfoChildBatchEnroll .btns-block {
        border-top: solid 1px #ccc;
        margin-top: 5px;
        padding-top: 15px;
        text-align: right;
    }

.journalBox .programlist {
    width: 250px;
    display: inline-block;
    position: relative;
    top: -11px;
}

.journalBox .programlist {
    margin: 0px 5px;
}

.journalBox .topList .btnaddcategory {
    background: #2394f2;
    color: #fff;
    padding: 6px 10px;
    position: relative;
}

.journalBox #tbl_journal tr th:last-child {
    width: 150px;
}

.customMsgpopup-container {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    color: #fff;
    display: none;
}

    .customMsgpopup-container .customMsgpopup {
        border-radius: 5px;
        background: #fff;
        padding: 15px;
        max-width: 100%;
        width: 100%;
        max-width: 400px;
        margin: 20% auto 0px auto;
        color: #333;
        position: relative;
        text-align: left;
    }

        .customMsgpopup-container .customMsgpopup a.close {
            position: absolute;
            top: 2px;
            right: 10px;
            color: #333;
            font-size: 22px;
        }

#nsfchargeback h3 {
    font-size: 20px;
}

    #nsfchargeback h3 strong {
        font-size: 14px;
        font-weight: normal;
    }

#nsfchargeback h5 {
    font-weight: 600;
    font-size: 14px;
    padding-top: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#nsfchargeback .nsf-paid {
    margin-bottom: 15px;
}

.tbl-action-buttons tr td i {
    font-size: 16px;
}

.tbl-action-buttons tr td:last-child a {
    display: inline-block;
    margin: 0px 5px;
}
    .tbl-action-buttons tr td:last-child span {
        display: flex;
    }

    .tbl-action-buttons tr td:last-child {
        text-align: center;
    }

.tbl-action-buttons tr td .fa-times-circle {
    color: #ED5B56;
}

.tbl-action-buttons tr td .fa-check {
    color: #09e008;
}

.tbl-action-buttons tr td .fa-trash-o {
    color: #ED5B56;
}

.tbl-action-buttons tr td .fa-pencil {
    color: #848484;
}

.meal-setup .datatableInfo.table tr {
    height: 40px !important;
}

.meal-setup label {
    font-size: 13px;
    font-weight: 400;
}

#fillAnotherRoom {
    display: none;
}

.fill-another-room {
    background: #f2f2f2;
    padding: 15px;
    position: relative;
    margin-top: 10px;
}

    .fill-another-room:before {
        content: '';
        position: absolute;
        left: 10px;
        top: -10px;
        border-bottom: solid 10px #f2f2f2;
        border-right: solid 6px transparent;
        border-left: solid 6px transparent;
    }

    .fill-another-room label {
        margin-top: 5px;
    }

.meal-icon-blue {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url("/images/meal-icon-blue.png") no-repeat;
    background-position: 0px 0px;
}

.btn-group:hover &gt; .meal-icon-blue + .custom-tooltip {
    left: 191%;
    bottom: 33px;
}

.discount-type-dropdown {
    position: relative;
    display: inline-block;
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 3px;
    background: #f9f9f9;
}

    .discount-type-dropdown .dropdown-toggle {
        border: 0px;
        background: none;
        padding: 0px 15px 0px 0px;
        margin: 0px;
        position: relative;
        box-shadow: none !important;
    }

        .discount-type-dropdown .dropdown-toggle:focus {
            background: none;
            box-shadow: none !important;
        }

        .discount-type-dropdown .dropdown-toggle:before {
            content: '';
            display: block;
            position: absolute;
            right: -3px;
            top: 5px;
            border-top: solid 5px #969696;
            border-left: solid 4px transparent;
            border-right: solid 4px transparent;
        }

    .discount-type-dropdown label {
        font-weight: 400;
        font-size: 13px;
        position: relative;
        top: 1px;
    }

    .discount-type-dropdown .dropdown-menu {
        width: 150px;
        padding: 0px;
        border-radius: 3px;
        border: solid 1px #ccc;
        border-top: 0px;
        margin-top: 18px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
    }

        .discount-type-dropdown .dropdown-menu::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 1px;
            right: 36%;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
        }

        .discount-type-dropdown .dropdown-menu ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            font-size: 13px;
            max-height: 240px;
            overflow-y: auto;
        }

            .discount-type-dropdown .dropdown-menu ul li {
                padding: 10px 8px;
                cursor: pointer;
                border-bottom: solid 1px #dcdcdc;
            }

                .discount-type-dropdown .dropdown-menu ul li:last-child {
                    border-bottom: 0px;
                }

.table tr.disable-row td {
    position: relative;
}

    .table tr.disable-row td:before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        z-index: 5;
        height: 100%;
    }

.meal-page .datatableInfo.table tr {
    height: 38px !important;
}

    .meal-page .datatableInfo.table tr td .control-custom {
        margin-bottom: 15px;
    }

.meal-page .meal-table table tr th:last-child,
.meal-page .meal-table table tr th:nth-last-child(2),
.meal-page .meal-table table tr th:nth-last-child(3),
.meal-page .meal-table table tr th:nth-last-child(4),
.meal-page .meal-table table tr th:nth-last-child(5),
.meal-page .meal-table table tr th:nth-last-child(6),
.meal-page .meal-table table tr td:last-child,
.meal-page .meal-table table tr td:nth-last-child(2),
.meal-page .meal-table table tr td:nth-last-child(3),
.meal-page .meal-table table tr td:nth-last-child(4),
.meal-page .meal-table table tr td:nth-last-child(5),
.meal-page .meal-table table tr td:nth-last-child(6) {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.meal-page .meal-table table tr th:first-child::after {
    display: none;
}

.btn-custom-range-billing {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
}

    .btn-custom-range-billing button {
        cursor: pointer;
        width: 100%;
        height: 32px;
    }

.billing-custom-range.daterangepicker .ranges {
    float: none;
    width: 100%;
}

.billing-custom-range.daterangepicker .range_inputs {
    padding-right: 5px;
    text-align: right;
}

.pph-hrs-balance-detail {
    display: inline-block;
    position: relative;
    top: 2px;
}

.accountinfo-list #spnPPHblnchour {
    display: inline-block;
}

.pph-hrs-balance-detail .custom-tooltip {
    top: 18px;
    width: 250px;
    margin-left: -122px;
    left: 0px;
    text-align: left;
    bottom: initial;
}

.pph-hrs-balance-detail .fa-ellipsis-h {
    font-size: 12px;
}

.pph-hrs-balance-detail .custom-tooltip ul {
    list-style: none;
    margin: 0px;
}

    .pph-hrs-balance-detail .custom-tooltip ul li {
        margin-bottom: 4px;
    }

        .pph-hrs-balance-detail .custom-tooltip ul li:before {
            color: #fff;
        }

        .pph-hrs-balance-detail .custom-tooltip ul li:last-child {
            margin-bottom: 0px;
        }

.pph-hrs-balance-detail:hover .custom-tooltip {
    display: block;
}

    .pph-hrs-balance-detail:hover .custom-tooltip:after {
        bottom: initial;
        top: -6px;
        border-bottom: solid 6px #17365d;
        border-top: transparent;
    }


.monthly-attendance-calender-popup .ui-widget-header {
    color: #222 !important;
}

.monthly-attendance-calender {
    position: relative;
}

    .monthly-attendance-calender .btn {
        padding-right: 24px;
    }

    /*.monthly-attendance-calender:after {
        content: '';
        position: absolute;
        top: 12px;
        right: 8px;
        border-top: solid 5px #fff;
        border-right: solid 4px transparent;
        border-left: solid 4px transparent;
    }*/

    .monthly-attendance-calender .btn-primary {
        background-image: url('/images/dropdown_arrow_bottom.jpg');
        background-repeat: no-repeat;
        background-position: center right;
    }
        .monthly-attendance-calender .btn-primary:hover {
            background-color: #2394f2;
        }

        .monthly-attendance-calender-popup {
            border-radius: 2px;
            border: 0px;
            -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
            margin-top: 9px;
            padding: 10px 10px 5px 10px;
        }

    .monthly-attendance-calender-popup::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 2px;
        right: 36%;
        box-sizing: border-box;
        border: 6px solid black;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    }

    .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-title {
        margin: 2px 1.8em 0px 1.8em;
    }

        .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-title select {
            margin: 1px 2px;
            border: 0px;
            height: 22px;
            border-radius: 2px;
            cursor: pointer;
        }

    .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-buttonpane {
        padding: 0px;
    }

        .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
            margin-left: 0px;
            margin-right: 0px;
        }

    .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: 6px;
        width: 22px;
        height: 22px;
        text-align: center;
        cursor: pointer;
    }

        .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-prev.ui-state-hover,
        .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-next.ui-state-hover {
            background-color: #17365d;
            border-color: #17365d;
        }

        .monthly-attendance-calender-popup.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            margin-top: -9px;
        }

#ServiceSection .bootstrap-switch {
    border-radius: 15px;
    border: 0px;
}

#ServiceSection .info-icon {
    padding: 7px 12px 4px 12px;
}

    #ServiceSection .info-icon .description {
        right: initial;
        left: 0px;
    }

        #ServiceSection .info-icon .description:before {
            right: initial;
            left: 10px;
        }

    #ServiceSection .info-icon:hover .description {
        display: block;
    }

#SpanparentAccts .multiselect {
    padding-right: 24px;
}

    #SpanparentAccts .multiselect + .multiselect-container &gt; li.active &gt; a {
        background: none;
        color: #333;
    }

        #SpanparentAccts .multiselect + .multiselect-container &gt; li.active &gt; a:hover {
            background: #2391ed;
            color: #fff;
        }

    #SpanparentAccts .multiselect + .dropdown-menu &gt; li &gt; a, #SpanparentAccts .multiselect + .dropdown-menu li &gt; a {
        padding: 2px 5px;
    }

    #SpanparentAccts .multiselect + .multiselect-container &gt; li {
        position: relative;
    }

        #SpanparentAccts .multiselect + .multiselect-container &gt; li.selectall-loader:before {
            content: "\f110";
            display: inline-block;
            position: absolute;
            left: 100px;
            top: 8px;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            animation: spinner .9s linear infinite;
            -webkit-animation: spinner .9s linear infinite;
        }

.nsf-note {
    position: relative;
    padding-left: 50px;
}

    .nsf-note strong {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.dropin-icons-btn-grp .Supportattachfile {
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    color: #ffd800;
    position: relative;
    top: 5px;
}

    .dropin-icons-btn-grp .Supportattachfile #totalChildnotenotify {
        position: absolute;
        left: -6px;
        top: -4px;
        border-radius: 50%;
        background: #fa9e32;
        color: #fff;
        font-size: 8px !important;
        font-weight: normal;
        line-height: 12px;
        width: 12px;
        height: 12px;
        z-index: 1;
        text-align: center;
    }

.editEDoc {
    color: #3380FF;
    position: absolute !important;
    width: auto;
    text-align: center;
    top: 0px;
    right: 0px;
    height: auto;
    line-height: normal !important;
}

    .editEDoc span {
        margin: 0px 8px;
        font-size: 14px;
    }

#trDocInfo .edocCommon .btn-primary {
    min-width: 250px;
}

tr.tdDocName td:first-child b {
    font-weight: bold !important;
    color: #505050;
}

tr.tdDocName td:last-child {
    padding: 7px 10px;
}

.ColumnNameContainer:hover td:last-child {
    background: #f6f6f6;
}

.editEDoc span .fa-times-circle {
    color: #ED5B56;
}

.editEDoc span .fa-check {
    color: #09e008;
}

.editEDoc span .fa-trash-o {
    color: #ED5B56;
}

.editEDoc span .fa-pencil {
    color: #505050;
}

.reports-calendar .mbsc-mobiscroll.mbsc-form {
    width: 232px;
    margin-left: -177px;
    margin-top: -6px;
}

.reports-calendar .btn-primary {
    color: #fff !important;
    padding-right: 24px;
}

.reports-calendar .CalToggle:before {
    content: '';
    position: absolute;
    top: 12px;
    right: 8px;
    border-top: solid 5px #fff;
    border-right: solid 3px transparent;
    border-left: solid 3px transparent;
}

.reports-calendar .CalToggle.calopen:before {
    content: '';
    position: absolute;
    top: 12px;
    right: 8px;
    border-top: 0px;
    border-bottom: solid 5px #fff;
    border-right: solid 3px transparent;
    border-left: solid 3px transparent;
}

.multiple-selection-calendar .mbsc-form .mbsc-fr-popup:before {
    left: initial;
    right: 10%;
}

.multiple-selection-calendar .mbsc-form .mbsc-fr-popup:after {
    left: initial;
    right: 10%;
    margin-right: 1px;
}

.multipleweek-report-dropdown {
    position: relative;
    display: inline-block;
}

    .multipleweek-report-dropdown .overlay-dropdown-multipleWeekSelection {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 300px;
        border-radius: 3px;
        background: #fff;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        padding: 6px;
        z-index: 100;
        margin-top: 11px;
    }

        .multipleweek-report-dropdown .overlay-dropdown-multipleWeekSelection:before {
            content: '';
            position: absolute;
            top: 0px;
            left: 30px;
            margin-left: 6px;
            border: 6px solid #505050;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
            z-index: 5;
        }

        .multipleweek-report-dropdown .overlay-dropdown-multipleWeekSelection:after {
            content: '';
            position: absolute;
            top: -12px;
            left: 0px;
            width: 100%;
            height: 15px;
            background-color: transparent;
            z-index: 4;
        }

        .multipleweek-report-dropdown .overlay-dropdown-multipleWeekSelection table thead tr th {
            font-size: 12px;
            padding-top: 3px;
            padding-bottom: 3px;
            font-weight: 600;
        }

        .multipleweek-report-dropdown .overlay-dropdown-multipleWeekSelection table tbody tr td {
            font-size: 12px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

.advaned-search-block #divMsgpopup-container .customMsgpopup {
    margin-top: -12px;
    top: 50%;
}

#CustTotallCount {
    position: absolute;
    top: 18px;
    right: 50px;
}

.mdBatchEnroll-child-list-grid {
    max-height: 250px;
    overflow-y: auto;
    margin: 10px 0px;
}

.batch-enroll-tooltip .custom-tooltip {
    right: 0px;
    left: initial;
}

    .batch-enroll-tooltip .custom-tooltip:after {
        left: initial;
        right: 20px;
    }

#maindiv_Sch .radio-inline {
    padding: 0 0 0 30px;
    margin: 0px 0 15px 0;
    line-height: normal;
}

    #maindiv_Sch .radio-inline .iradio_square-blue {
        position: absolute;
        left: 0px;
        top: 0px;
    }

#MonhtlyScheduler h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

#MonhtlyScheduler h2 {
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin: 0px;
}

#MonhtlyScheduler .cal-setting-icon {
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    position: relative;
    top: 0px;
}

#MonhtlyScheduler .fc-header tbody {
    width: 100%;
    display: table;
}

#MonhtlyScheduler .fc-header .fc-header-title h2 {
    font-size: 20px;
}

#MonhtlyScheduler .fc-header-right .fc-button {
    display: inline-block !important;
    height: auto !important;
}

#MonhtlyScheduler .fc-header-right .fc-button-today {
    display: none !important;
}

#MonhtlyScheduler .fc-header-right .fc-button-next + .fc-header-space {
    display: none !important;
}

#md-setupCalendarOpenCloseDate h3 {
    font-size: 20px;
}

#md-setupCalendarOpenCloseDate h4 {
    font-size: 18px;
    margin-top: 20px;
}

#md-setupCalendarOpenCloseDate .modal-footer {
    border-top: solid 1px #ccc;
}

#MonhtlyScheduler .monthly-setting-dropdown {
    position: relative;
    display: inline-block;
}

    #MonhtlyScheduler .monthly-setting-dropdown .dropdown-menu {
        border-radius: 3px;
        border: 0px;
        padding: 5px;
        color: #555;
        font-size: 13px;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
        margin-top: 3px;
    }

        #MonhtlyScheduler .monthly-setting-dropdown .dropdown-menu:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 1px;
            left: 25px;
            box-sizing: border-box;
            border: 6px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.05);
        }

#MonhtlyScheduler .fc-view {
    height: auto;
}

#MonhtlyScheduler #calendar .fc-day-header {
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#MonhtlyScheduler #calendar .fc-event {
    background: none !important;
    border: 0px !important;
    display: block;
}

#MonhtlyScheduler #calendar .fc-popover .fc-body .fc-event {
    display: block;
}

#MonhtlyScheduler #calendar .fc-event .fc-title {
    color: #404041;
    position: relative;
    z-index: 1;
    display: inline-block;
}

#MonhtlyScheduler #calendar .fc-event .fc-content {
    margin-bottom: 3px;
    min-height: 18px;
    overflow: unset;
    position: relative;
}

#MonhtlyScheduler #calendar .fc-event .fc-title input {
    position: absolute;
    top: 2px;
    margin-right: 5px;
    margin-top: 0px;
    z-index: 5;
    left: 2px;
    opacity: 0;
    cursor: pointer;
}

#MonhtlyScheduler #calendar .fc-event .fc-title label {
    position: relative;
    z-index: 0;
    left: 0px;
    top: 0px;
    padding-left: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    font-weight: 400;
    display: block;
    min-width: 20px;
    max-width: 100px;
    line-height: 16px;
    font-size: 12px;
    z-index: 9999;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

    #MonhtlyScheduler #calendar .fc-event .fc-title label:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        height: 12px;
        width: 12px;
        background: #fff;
        border: solid 2px #ccc;
        border-radius: 3px;
        cursor: pointer;
    }

#MonhtlyScheduler #calendar .fc-event .fc-title.un-billed label:before {
    border: solid 2px red;
}

#MonhtlyScheduler #calendar .fc-event .fc-title.un-billed label:after {
    content: 'x';
    position: absolute;
    left: 5px;
    top: -1px;
    color: #ff0000;
    font-weight: bold;
}

#MonhtlyScheduler #calendar .fc-event .fc-title input:checked + label:before {
    background: #2489c5;
    border: solid 2px #2489c5;
}

#MonhtlyScheduler #calendar .fc-event .fc-title.billed input:checked + label:before {
    background: #33B679;
    border: solid 2px #33B679;
}

#MonhtlyScheduler #calendar .fc-event .fc-title input:checked + label:after {
    content: "";
    padding: 0px;
    text-align: center;
    position: absolute;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 2px;
    left: 5px;
    cursor: pointer;
}

#MonhtlyScheduler #calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 12px;
    font-weight: bold;
}

#MonhtlyScheduler #calendar .fc-state-default.fc-corner-right {
    border-right: solid 1px rgba(0,0,0,.1);
}

.billing-monthly-scheduler-table #datatable_footer table tr td {
    font-weight: bold;
    font-size: 13px;
    background: #e4e3e3;
    border: 0px;
}

.billing-monthly-scheduler-table table tr td:nth-child(1) {
    width: 35%;
}

.billing-monthly-scheduler-table table tr td:nth-child(2) {
    width: 17%;
}

.billing-monthly-scheduler-table table tr td:nth-child(3) {
    width: 18%;
}

.billing-monthly-scheduler-table table tr td:nth-child(4) {
    width: 15%;
}

.billing-monthly-scheduler-table table tr td:nth-child(5) {
    width: 15%;
}

#MonhtlyScheduler #calendar .fc-event .fc-title label .hover-end {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 23px;
    left: 0px;
    width: 130px;
    margin-left: -65px;
    border-radius: 3px;
    z-index: 9999;
    white-space: normal;
    word-break: break-word;
}

    #MonhtlyScheduler #calendar .fc-event .fc-title label .hover-end:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        margin-left: -3px;
        border-bottom: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }

#MonhtlyScheduler .weekend-sun {
    background-color: #f7f7f7 !important;
}

#MonhtlyScheduler .weekend-sat {
    background-color: #f7f7f7 !important;
}
/*#MonhtlyScheduler .holiday {
    background: #ffe7e7 !important;
}*/
#MonhtlyScheduler #calendar h2 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.9);
}

#MonhtlyScheduler .holiday .fc-day-number {
    width: 18px;
    height: 18px;
    background: #33B679;
    border-radius: 50%;
    color: #fff;
    line-height: 18px;
    text-align: center;
    margin: 2px 2px 0 0;
}

.title-totbill {
    font-size: 12px;
    display: inline-block;
    margin-left: 3px;
    font-weight: bold;
}

.title-holiday {
    font-size: 12px;
    display: inline-block;
    margin-left: 8px;
}

.tooltipevent {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    width: 130px;
    margin-top: -20px;
    border-radius: 3px;
    z-index: 10001;
    white-space: normal;
    word-break: break-word;
}

    .tooltipevent:after {
        content: '';
        position: absolute;
        right: -6px;
        top: 6px;
        border-left: solid 6px #17365d;
        border-top: solid 6px transparent;
        border-bottom: solid 6px transparent;
    }

.fc-unthemed td.fc-today {
    background: #e5fbd1;
}

.color-indication {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .color-indication li {
        position: relative;
        padding: 0px 20px 20px 25px;
        margin: 0px;
        display: inline-block;
        vertical-align: top;
    }

        .color-indication li .custom-tooltip {
            display: none;
            text-align: left;
            bottom: 40px;
        }

        .color-indication li:hover .custom-tooltip {
            display: block;
        }

        .color-indication li:before {
            content: '';
            position: absolute;
            left: 0px;
            top: -1px;
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 50%;
        }

        .color-indication li.color-selected:before {
            background: #2489c5;
            border-radius: 3px;
        }

        .color-indication li.color-selected:after {
            content: "";
            padding: 0px;
            text-align: center;
            position: absolute;
            width: 5px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            top: 1px;
            left: 5px;
            cursor: pointer;
        }

        .color-indication li.color-billed:before {
            background: #33B679;
            border-radius: 3px;
        }

        .color-indication li.color-billed:after {
            content: "";
            padding: 0px;
            text-align: center;
            position: absolute;
            width: 5px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            top: 1px;
            left: 5px;
            cursor: pointer;
        }

        .color-indication li.color-unbilled:before {
            background: #fff;
            border: solid 2px #ff0000;
            border-radius: 3px;
        }

        .color-indication li.color-unbilled:after {
            content: 'x';
            position: absolute;
            left: 4px;
            top: -1px;
            color: #ff0000;
            font-weight: bold;
        }

        .color-indication li.color-today:before {
            background: #fcf8e3;
        }

        .color-indication li.color-holiday:before {
            width: 18px;
            height: 18px;
            background: #33B679;
            border-radius: 50%;
            color: #fff;
            line-height: 18px;
            text-align: center;
        }

        .color-indication li.color-capacity_full:before {
            background: #ED5B56;
            border-radius: 3px;
        }

        .color-indication li.color-capacity_full:after {
            content: "";
            padding: 0px;
            text-align: center;
            position: absolute;
            width: 5px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            top: 1px;
            left: 5px;
            cursor: pointer;
        }

        .color-indication li.color-capacity_full_unchecked:before {
            background: #ED5B56;
            border-radius: 3px;
        }

        .color-indication li.color-capacity_full_unchecked:after {
            content: "";
            padding: 0px;
            text-align: center;
            position: absolute;
            width: 5px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            top: 1px;
            left: 5px;
            cursor: pointer;
            display: none;
        }
/*.color-indication li.color-holiday:after {
    content: '...';
    position: absolute;
    left: 3px;
    top: -2px;
    color: #fff;
    font-weight: bold;
}*/
.colorIndication-container i {
    font-size: 16px;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.totalinfo-container {
    display: none;
    margin-left: 5px;
}

#MonhtlyScheduler .tot-cnt, #MonhtlyScheduler .tot-selected {
    cursor: pointer;
}

#MonhtlyScheduler .tot-cnt {
    margin-left: 3px;
}

#MonhtlyScheduler .cell-info:hover .totalinfo-container {
    display: inline-block;
}

#divtotinfo {
    z-index: 10;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    display: none;
}

    #divtotinfo .divtotinfo-content {
        position: absolute;
        left: 50%;
        top: 30%;
        margin-left: -150px;
        width: 300px;
        max-height: 300px;
        background: #fff;
        color: #404041;
        border-radius: 5px;
        padding: 20px;
    }

        #divtotinfo .divtotinfo-content p {
            font-weight: 500 !important;
            margin-bottom: 0px;
        }

        #divtotinfo .divtotinfo-content .close {
            color: #404041;
            position: absolute;
            top: 4px;
            right: 13px;
            font-size: 22px;
        }

#MonhtlyScheduler .fc-scroller.fc-day-grid-container {
    overflow: visible;
}

.contact-udf .accordion .panel .panel-title {
    position: relative;
}

    .contact-udf .accordion .panel .panel-title .collapsed + a.contact-udf-edit {
        display: none;
        position: absolute;
        right: 0px;
        top: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }

    .contact-udf .accordion .panel .panel-title a.contact-udf-edit {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 6px;
        padding-left: 10px;
        padding-right: 5px;
    }

        .contact-udf .accordion .panel .panel-title a.contact-udf-edit:before {
            display: none;
        }

.contact-udf .FieldDivToDisable .spanlheight1 {
    min-width: 120px;
    text-align: left;
}

#MonhtlyScheduler #calendar .fc-state-default.fc-state-disabled {
    pointer-events: none;
}

#MonhtlyScheduler .monthly-cal-info {
    font-size: 16px;
    position: relative;
    top: 0px;
    color: #abaaaa;
    margin-left: 4px;
    margin-right: 4px;
}

#MonhtlyScheduler .monthly-child-name {
    font-size: 13px;
    color: #33B679;
    font-weight: 600;
    line-height: normal;
    display: block;
    position: relative;
    top: -5px;
}

    #MonhtlyScheduler .monthly-child-name strong {
        display: block;
        line-height: normal;
    }


.home-dashboard #calendar .fc-event {
    border: 0px !important;
    min-height: 20px;
    padding: 3px 20px 3px 3px;
}

.home-dashboard #calendar .delete-cal-event {
    position: absolute;
    top: 1px;
    right: 5px;
    display: none;
    cursor: pointer;
}

.home-dashboard #calendar .fc-event:hover .delete-cal-event {
    display: block;
}

.home-dashboard #calendar .delete-cal-event a {
    color: #fff;
}


.home-dashboard #calendar .edit-cal-event {
    position: absolute;
    top: 2px;
    right: 19px;
    display: none;
    cursor: pointer;
}

.home-dashboard #calendar .fc-event:hover .edit-cal-event {
    display: block;
}

.home-dashboard #calendar .edit-cal-event a {
    color: #fff;
}

.home-dashboard #calendar .fc-event-hori {
    margin-bottom: 2px;
}

#md-DayClick_calEvent .full-row {
    margin-bottom: 8px;
}

#md-DayClick_calEvent .btn-group {
    margin: 0px;
    width: 100%;
}

    #md-DayClick_calEvent .btn-group .dropdown-menu {
        width: 100%;
    }

#md-DayClick_calEvent .multiselect {
    text-align: left;
    padding: 5px 8px;
    width: 100% !important;
}

    #md-DayClick_calEvent .multiselect .caret {
        position: absolute;
        top: 13px;
        right: 8px;
    }

#md-DayClick_calEvent .JbtnTimeDisplay {
    position: relative;
}

    #md-DayClick_calEvent .JbtnTimeDisplay input {
        background: none;
        border: solid 1px #ccc;
        color: #404040;
        padding: 5px 10px 5px 6px;
        text-align: left;
        border-radius: 3px;
        margin-right: 5px;
        width: 90px;
    }

    #md-DayClick_calEvent .JbtnTimeDisplay:after {
        content: '';
        position: absolute;
        top: 8px;
        right: 12px;
        border-top: solid 5px #9e9d9d;
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
    }

#tblEmailCalPreview_wrapper .row:last-of-type .col-sm-5 {
    display: none;
}

#tblEmailCalPreview_wrapper .row:last-of-type .col-sm-7 {
    width: 100%;
}

.preview-icon {
    background: url("/images/preview-icon.png") no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 1px;
}

    .preview-icon + .custom-tooltip {
        bottom: 40px;
        margin-left: -105px;
    }

.preview-email-icons {
    position: relative;
    text-align: center;
}

    .preview-email-icons:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 15px;
        width: 100%;
        height: 2px;
        background: #dbdbdb;
        z-index: 0;
    }

    .preview-email-icons .normal-custom-tooltip {
        background: #dbdbdb;
        padding: 6px;
        border-radius: 5px;
    }

#MonhtlyScheduler .fc-more-popover .fc-event-container {
    overflow-y: auto;
    max-height: 95px;
}

.days-bills {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    background: #ff7f32;
}

table tr td .input-popup {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 8px 40px 8px 10px;
    z-index: 9999;
    background: #fff;
}

    table tr td .input-popup input {
        margin-right: 0px !important;
        width: 100px !important;
    }

.btn-openSPFDirect {
    position: relative;
}

    .btn-openSPFDirect #btnType2 {
        position: absolute;
        right: 170px;
        top: 0px;
    }

#btnActionsMS {
    border: solid 1px rgba(0,0,0,.1);
    border-radius: 4px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    padding: 6px 10px;
}

    #btnActionsMS + .dropdown-menu {
        left: initial;
        right: 0px;
    }

.checkin-tickets-label {
    margin-top: 10px;
}

    .checkin-tickets-label .form-control {
        max-width: 70px;
        display: inline-block;
        padding: 0px 0px 0px 8px;
        height: auto;
        line-height: 26px;
        margin-right: 10px;
    }

    .checkin-tickets-label div {
        display: inline-block;
    }

.disable-block {
    display: inline-block;
    position: relative;
}

    .disable-block:before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        z-index: 5;
        height: 100%;
    }

.help-panel {
    box-shadow: none;
}

    .help-panel h3 {
        margin-bottom: 20px;
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-align: center;
    }

    .help-panel .close {
        font-size: 30px;
        top: 0px;
        position: absolute;
        right: -30px;
    }

    .help-panel .modal-body {
        padding: 0px;
    }

    .help-panel #datatableHelpPanel {
        margin-left: 15px;
        margin-right: 15px;
    }

        .help-panel #datatableHelpPanel tr td {
            padding: 8px 0px 8px 25px;
            position: relative;
        }

            .help-panel #datatableHelpPanel tr td i {
                position: absolute;
                left: 0px;
                top: 10px;
                font-size: 14px;
            }

            .help-panel #datatableHelpPanel tr td a:hover {
                color: #2494F2 !important;
            }

            .help-panel #datatableHelpPanel tr td i.fa-play-circle {
                font-size: 18px;
            }

    .help-panel .dataTables_filter {
        border-bottom: 1px solid #ccc;
        padding-left: 100px;
        padding-right: 110px;
    }

        .help-panel .dataTables_filter input.form-control {
            border: 0px;
            height: 50px;
            line-height: 50px;
            border: 0px;
            border-radius: 0px;
            box-shadow: none;
            padding-left: 35px;
            font-size: 13px;
        }

    .help-panel div.dataTables_filter label {
        margin-left: 0px;
        position: relative;
    }

        .help-panel div.dataTables_filter label:before {
            content: "\f002";
            position: absolute;
            left: 15px;
            top: 17px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #929292;
        }

    .help-panel .modal-footer {
        text-align: left;
        padding: 0px;
        margin-top: 15px;
    }

    .help-panel .help-panel-links {
        padding: 12px 0px 14px 0px;
    }

        .help-panel .help-panel-links ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .help-panel .help-panel-links ul li {
                margin: 0px 45px 0px 15px;
                padding: 0px;
                list-style: none;
                display: inline-block;
                font-size: 13px;
            }

                .help-panel .help-panel-links ul li:last-child {
                    margin-right: 0px;
                }

                .help-panel .help-panel-links ul li i {
                    margin-right: 3px;
                }

                .help-panel .help-panel-links ul li a {
                    color: #2394f2;
                }

    .help-panel .help-panel-support-btn {
        background: #17365d;
        padding: 12px 0px 14px 0px;
    }

        .help-panel .help-panel-support-btn ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .help-panel .help-panel-support-btn ul li {
                margin: 0px 15px;
                padding: 0px;
                list-style: none;
                display: inline-block;
                font-size: 16px;
            }

                .help-panel .help-panel-support-btn ul li i {
                    margin-right: 10px;
                }

                .help-panel .help-panel-support-btn ul li a {
                    color: #fff;
                }

                .help-panel .help-panel-support-btn ul li:last-child {
                    float: right;
                }

    .help-panel .paging_full_numbers {
        text-align: center;
    }

    .help-panel .article-dropdown {
        margin: 0px;
        width: 100px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .help-panel .article-dropdown .dropdown-toggle {
            width: 100%;
            background: #eaeaea;
            color: #333333;
            border: 0px;
            height: 50px;
            text-align: left;
            padding: 0px 15px;
            font-size: 14px;
            border-right: solid 1px #ccc;
        }

            .help-panel .article-dropdown .dropdown-toggle:focus {
                box-shadow: none;
            }

            .help-panel .article-dropdown .dropdown-toggle::after {
                content: '';
                position: absolute;
                top: 50%;
                right: 12px;
                margin-top: -2px;
                border-top: solid 7px #9e9d9d;
                border-left: solid 5px transparent;
                border-right: solid 5px transparent;
            }

        .help-panel .article-dropdown .dropdown-menu {
            width: 100%;
        }

            .help-panel .article-dropdown .dropdown-menu li {
                font-size: 13px;
            }

                .help-panel .article-dropdown .dropdown-menu li a {
                    font-size: 13px;
                }

    .help-panel .help-panel-result {
        width: 110px;
        position: absolute;
        right: 0px;
        top: 14px;
        font-size: 14px;
        text-align: right;
        font-weight: 600;
        padding-right: 15px;
    }

        .help-panel .help-panel-result span {
            color: #57b846;
        }

.search-maincontact .easy-autocomplete-container ul {
    max-height: 180px !important;
    width: 100% !important;
}

#loading_data_icon {
    position: absolute;
    display: block;
    right: 10px;
    top: 5px;
}

.export-to-excel-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("/images/export-to-excel.png") no-repeat;
    background-position: 0px 0px;
    border: 0px;
    position: relative;
    top: -5px;
    margin-right: 3px;
    font-size: 0px;
}

.attend-caretroom {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    width: 100%;
    min-height: 23px;
    line-height: 20px;
    border-radius: 2px;
    text-align: left;
    padding-left: 5px;
    cursor: pointer;
}

    .attend-caretroom:after {
        content: '';
        position: absolute;
        top: 7px;
        right: 5px;
        border-left: 5px solid #656464;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }

.attend-loaderroom {
    display: block;
    right: 10px;
    top: 5px;
}

ul.lobby-new-form-controls {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.lobby-new-form-controls &gt; li {
        display: inline-block;
        margin-right: 20px;
    }

        ul.lobby-new-form-controls &gt; li:last-child {
            margin-right: 0px;
        }

        ul.lobby-new-form-controls &gt; li .dropdown-menu {
            width: 100%;
        }

            ul.lobby-new-form-controls &gt; li .dropdown-menu li {
                display: block;
                margin-right: 0px;
            }

#DivDdlContactSndMsg {
    display: inline-block;
}

    #DivDdlContactSndMsg .multiselect {
        text-align: left;
    }

        #DivDdlContactSndMsg .multiselect .caret {
            position: absolute;
            top: 12px;
            right: 8px;
        }

.add-form-slot-scheduling .slot-custom-radio .control--checkbox .control__indicator {
    border-radius: 50%;
}

.add-form-slot-scheduling .control--checkbox {
    padding-left: 25px;
    /*margin-right: 20px;
    min-width: 60px;*/
    margin-right: 14px;
    min-width: 56px;
}

.add-form-slot-scheduling .btn-group {
    width: 100%;
    margin: 0px;
}

#staffLoading, #childLoading {
    position: absolute;
    right: 30px;
    top: 26px;
    font-size: 20px;
}

.add-form-slot-scheduling .multiselect-container &gt; li &gt; a &gt; label.radio {
    padding-left: 0px;
}

    .add-form-slot-scheduling .multiselect-container &gt; li &gt; a &gt; label.radio input[type=radio] {
        display: none;
    }

#dv_FillFromAttMeal .list-unstyled li {
    display: inline-block;
    width: 30%;
}

#md-dvBatchRemoveMeal .list-unstyled li {
    display: inline-block;
    width: 30%;
}

.child-registration-breadcrumb .reg-sticky-bar .nav-tabs {
    background-color: #D8EFFD;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    counter-reset: section;
    border-radius: 5px;
}

    .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li {
        margin: 0px;
    }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li a {
            border: 0px !important;
            padding: 12px 30px 12px 50px !important;
            font-weight: 400;
            color: #333 !important;
            white-space: nowrap;
            position: relative;
        }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.active a {
            background-color: #5AA8D7;
            color: #fff !important;
            border: 0px !important;
            border-radius: 0px 30px 30px 0px !important;
        }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li:before {
            content: ""counter(section)"";
            counter-increment: section;
            z-index: 1;
            position: absolute;
            left: 15px;
            top: 8px;
            font-size: 16px;
            font-weight: bold;
            color: #2394f2;
            font-weight: 600;
            width: 26px;
            height: 26px;
            text-align: center;
            border-radius: 50%;
            border: solid 2px #5AA8D7;
            background-color: #D8EFFD;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 13px;
            line-height: normal;
        }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.active::before {
            background-color: #fff;
            color: #2394f2;
            font-weight: bold;
        }
        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.process-complete::after {
            content: "✓";
            position: absolute;
            left: 15px;
            top: 8px;
            font-size: 16px;
            font-weight: bold;
            background-color: #fff;
            color: #2394f2;
            font-weight: 600;
            width: 26px;
            height: 26px;
            text-align: center;
            border-radius: 50%;
            border: solid 2px #5AA8D7;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 13px;
            line-height: normal;
            z-index: 2;
        }
        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.process-complete a {
            background-color: #5AA8D7;
            color: #fff !important;
            border: 0px !important;
            border-radius: 0px !important;
        }
        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li:last-child.process-complete a {
            border-radius: 0px 30px 30px 0px !important;
        }
        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.active a:after {
            display: none;
        }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.active:after {
            background-color: #2394f2;
            border-top: solid 2px #fff;
            border-right: solid 2px #fff;
        }

        .child-registration-breadcrumb .reg-sticky-bar .nav-tabs li.active a:hover {
            border: 0px !important;
        }

#programClassEnroll .nav-tabs {
    border-bottom: 1px solid #ddd;
}
.child-registration-breadcrumb .tab-content {
    border: 0px !important;
}
.child-registration-breadcrumb .tab-content .tab-pane {
    position: relative;
}
    .child-registration-breadcrumb .tab-content .tab-pane .panel {
        border: 0px !important;
    }

    .child-registration-breadcrumb .tab-content .tab-pane .panel &gt; .accordion-plus {
        display: block;
        width: auto;
        margin: 0px;
        position: relative;
    }
        .child-registration-breadcrumb .tab-content .tab-pane .panel &gt; .accordion-plus:before {
            content: '';
            width: 14px;
            height: 2px;
            background: #7f7b7b;
            position: absolute;
            right: 15px;
            top: 15px;
            z-index: 1;
            left: initial;
        }
        .child-registration-breadcrumb .tab-content .tab-pane .panel &gt; .accordion-plus:after {
            content: '';
            width: 2px;
            height: 14px;
            background: #7f7b7b;
            position: absolute;
            right: 21px;
            top: 9px;
            left: initial;
            z-index: 1;
        }
        .child-registration-breadcrumb .tab-content .tab-pane .panel .collapse.in {
            border-left: 1px solid #ECECEC;
            border-right: 1px solid #ECECEC;
            border-bottom: 1px solid #ECECEC;
        }
#programClassEnroll .tab-content .tab-pane {
    padding-top: 0px;
    min-height: 100px;
    max-height: 375px;
    overflow-y: auto;
}

#programClassEnroll .tab-content {
    margin-bottom: 0px;
}

.cont p {
    font-weight: 400;
}

#programClassEnroll .enroll-session-list {
    padding: 10px;
}

.child-registration-breadcrumb .widget-title {
    font-size: 18px;
    font-weight: 400;
}

#SetupRegistrationProcess .control-custom-block {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 16px;
    padding-top: 2px;
}

.control-label {
    font-weight: 400;
}

.cl-vnavigation .btn-group.parent {
    display: block;
    margin: 0px;
}

    .cl-vnavigation .btn-group.parent .btn-primary {
        float: none;
        padding: 14px 18px 13px 15px;
        background: none;
        width: 100%;
        text-align: left;
        position: relative;
        font-size: 16px;
    }

        .cl-vnavigation .btn-group.parent .btn-primary i {
            position: absolute;
            top: 18px;
            right: 12px;
        }
    /*.cl-vnavigation .btn-group.parent .btn-primary:before {
    content: "\f007";
    position: absolute;
    left: 22px;
    top: 16px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
    .cl-vnavigation .btn-group.parent .dropdown-menu {
        min-width: 190px;
        padding: 0px;
        margin: 0px 15px;
        border: 0px;
        border-radius: 5px;
        background: #fff;
        left: initial;
        right: -10px;
    }

        .cl-vnavigation .btn-group.parent .dropdown-menu:before {
            content: '';
            position: absolute;
            top: -7px;
            right: 10px;
            border-bottom: solid 8px #fff;
            border-left: solid 7px transparent;
            border-right: solid 7px transparent;
        }

        .cl-vnavigation .btn-group.parent .dropdown-menu li {
            background: none;
            padding: 0px;
            border-bottom: solid 1px #ccc;
        }

            .cl-vnavigation .btn-group.parent .dropdown-menu li a {
                background: none;
                color: #333;
                text-shadow: none;
                padding: 7px 15px;
                font-weight: 500;
                font-size: 13px !important;
                white-space: normal;
                position: relative;
            }

                .cl-vnavigation .btn-group.parent .dropdown-menu li a:hover {
                    border-color: transparent;
                }

                .cl-vnavigation .btn-group.parent .dropdown-menu li a span {
                    position: absolute;
                    top: 8px;
                    right: 10px;
                    background: rgba(237, 91, 86, 0.8);
                    border-radius: 3px;
                    font-size: 11px;
                    color: #fff;
                    padding: 0px 3px;
                    line-height: 16px;
                    font-weight: normal;
                }

            .cl-vnavigation .btn-group.parent .dropdown-menu li:last-child {
                padding-bottom: 0px;
                border-bottom: 0px;
            }

#mod-warning-purchase-sundry-item {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

    #mod-warning-purchase-sundry-item .sundry-item-container {
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        position: absolute;
        left: 7%;
        top: 50%;
        margin-top: -54px;
    }

        #mod-warning-purchase-sundry-item .sundry-item-container p {
            padding-left: 30px;
            font-size: 14px;
            font-weight: 700;
            position: relative;
        }

            #mod-warning-purchase-sundry-item .sundry-item-container p i {
                position: absolute;
                left: 3px;
                top: 3px;
            }

        #mod-warning-purchase-sundry-item .sundry-item-container .fa-info-circle {
            color: #2494F2;
        }

        #mod-warning-purchase-sundry-item .sundry-item-container .warning-sundry-item-footer {
            text-align: right;
            border-top: 1px #cccccc solid;
            margin-top: 10px;
            padding-top: 10px;
        }

            #mod-warning-purchase-sundry-item .sundry-item-container .warning-sundry-item-footer .btn {
                margin-left: 5px;
            }

#ulChildListLeftNav {
    top: 50px !important;
}

.sb-collapsed .dropdown-toggle .fa-ellipsis-v {
    display: none;
}

.disable-all-links {
    position: relative;
}



.onboarding-header-block {
    background: #2394f2;
    border-radius: 3px;
    padding: 12px 10px;
    color: #fff;
    margin-bottom: 10px;
    min-height: 50px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
}

.onboarding-content-block {
    background: #f6f6f6;
    border-radius: 3px;
    padding: 12px 10px;
    margin-bottom: 8px;
    min-height: 50px;
    position: relative;
}

.onboarding-header-block strong {
    display: block;
}

.onboarding-content-block.current-block {
    z-index: 999;
}

.onboarding-content-block:hover:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 3px;
    height: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #2394f2;
}

.onboarding-content-block:hover {
    -webkit-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
}

.col-first {
    float: left;
    width: 10%;
}

.col-second {
    float: left;
    width: 10%;
}

.col-third {
    float: left;
    width: 40%;
    font-weight: 500;
    padding-right: 10px;
}

.col-fourth {
    float: left;
    width: 30%;
    font-weight: 500;
}

.col-fifth {
    float: left;
    width: 10%;
}

.action-onboard a {
    color: #333;
    display: inline-block;
    margin: 0px 5px;
    font-size: 20px;
}

    .action-onboard a .fa-file-text {
        font-size: 16px;
        position: relative;
        top: -2px;
    }

.onboarding-content-block .col-first, .onboarding-content-block .col-second {
    line-height: 0px;
}

.onboarding-content-block p {
    margin-bottom: 0px;
    font-size: 13px;
}

.video-frame-popup {
    position: relative;
    display: inline-block;
    z-index: 99;
}

    .video-frame-popup .video-frame {
        display: none;
        width: 500px;
        position: absolute;
        top: 100%;
        margin-top: 15px;
        right: -60px;
        padding: 20px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    }

        .video-frame-popup .video-frame:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            margin-left: -10px;
            top: 1px;
            right: 40px;
            box-sizing: border-box;
            border: 10px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
        }

        .video-frame-popup .video-frame .videos-link {
            margin-top: 20px;
            text-align: right;
        }

            .video-frame-popup .video-frame .videos-link a {
                font-size: 14px;
            }

        .video-frame-popup .video-frame .close-self {
            font-size: 14px;
            position: absolute;
            top: -10px;
            right: -10px;
            background: #464646;
            color: #fff;
            text-shadow: none;
            display: block;
            z-index: 2;
            margin: 0px;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 18px;
            font-weight: normal;
        }

#ulChildListLeftNav {
    top: 50px !important;
}

.sb-collapsed .dropdown-toggle .fa-ellipsis-v {
    display: none;
}

.disable-all-links {
    position: relative;
}

    .disable-all-links::before {
        content: '';
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgb(39, 41, 48);
        width: 100%;
        opacity: 0.5;
        z-index: 99;
    }


.dropin-icons-btn-grp .open-drawer {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: #3380FF;
    padding: 3px;
    position: relative;
    top: 10px;
}

    .dropin-icons-btn-grp .open-drawer img {
        width: 100%;
    }


.onboarding-header-block {
    background: #2394f2;
    border-radius: 3px;
    padding: 12px 10px;
    color: #fff;
    margin-bottom: 10px;
    min-height: 50px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
}

.onboarding-content-block {
    background: #f6f6f6;
    border-radius: 3px;
    padding: 12px 10px;
    margin-bottom: 8px;
    min-height: 50px;
    position: relative;
}

.onboarding-header-block strong {
    display: block;
}

.onboarding-content-block.current-block {
    z-index: 999;
}

.onboarding-content-block:hover:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 3px;
    height: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #2394f2;
}

.onboarding-content-block:hover {
    -webkit-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
}

.col-first {
    float: left;
    width: 10%;
}

.col-second {
    float: left;
    width: 10%;
}

.col-third {
    float: left;
    width: 40%;
    font-weight: 500;
    padding-right: 10px;
}

.col-fourth {
    float: left;
    width: 30%;
    font-weight: 500;
}

.col-fifth {
    float: left;
    width: 10%;
}

.action-onboard a {
    color: #333;
    display: inline-block;
    margin: 0px 5px;
    font-size: 20px;
}

    .action-onboard a .fa-file-text {
        font-size: 16px;
        position: relative;
        top: -2px;
    }

.onboarding-content-block .col-first, .onboarding-content-block .col-second {
    line-height: 0px;
}

.onboarding-content-block p {
    margin-bottom: 0px;
    font-size: 13px;
}

.video-frame-popup {
    position: relative;
    display: inline-block;
    z-index: 99;
}

    .video-frame-popup .video-frame {
        display: none;
        width: 500px;
        position: absolute;
        top: 100%;
        margin-top: 15px;
        right: -60px;
        padding: 20px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    }

        .video-frame-popup .video-frame:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            margin-left: -10px;
            top: 1px;
            right: 40px;
            box-sizing: border-box;
            border: 10px solid black;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
        }

        .video-frame-popup .video-frame .videos-link {
            margin-top: 20px;
            text-align: right;
        }

            .video-frame-popup .video-frame .videos-link a {
                font-size: 14px;
            }

.videos-link-top ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

    .videos-link-top ul li {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

        .videos-link-top ul li a {
            font-size: 11px;
            text-transform: capitalize;
            background: #2494F2;
            display: block;
            color: #fff;
            font-weight: 500;
            padding: 4px 8px;
            margin: 0px;
            border-radius: 3px;
            position: relative;
        }

            .videos-link-top ul li a.current-video {
                background: #ff7f32;
            }

                .videos-link-top ul li a.current-video::after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: -5px;
                    margin-left: -3px;
                    border-top: solid 5px #ff7f32;
                    border-left: solid 5px transparent;
                    border-right: solid 5px transparent;
                }

.video-frame-popup .video-frame .close-self {
    font-size: 14px;
    position: absolute;
    top: -35px;
    right: 62px;
    background: #ED5B56;
    color: #fff;
    text-shadow: none;
    display: block;
    z-index: 2;
    margin: 0px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-weight: normal;
}

.article-listing ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

    .article-listing ul li {
        padding: 0px;
        margin: 0px 0px 10px 0px;
        position: relative;
        counter-increment: li;
    }

        .article-listing ul li:last-child {
            margin-bottom: 0px;
        }

        .article-listing ul li a {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 400;
            padding: 4px 0px;
        }

        .article-listing ul li::before {
            content: counter(li);
            color: #555555;
            display: inline-block;
            width: 1em;
            margin-left: 0em;
            margin-right: 0em;
            text-align: right;
        }

        .article-listing ul li a i {
            margin-left: 6px;
            color: rgba(0, 0, 0, 0.3)
        }

.dropin-icons-btn-grp .open-drawer {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: #3380FF;
    padding: 3px;
    position: relative;
    top: 10px;
}

    .dropin-icons-btn-grp .open-drawer img {
        width: 100%;
    }

.disable-all-links::before {
    content: '';
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgb(39, 41, 48);
    width: 100%;
    opacity: 0.5;
    z-index: 99;
}

.cash-drawer-tooltip .custom-tooltip {
    width: 130px;
    margin-left: -65px;
}

.fa-sticky-note {
    background: url("/images/note-icon.png") no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: cover;
}

    .fa-sticky-note:before {
        display: none;
    }


.accordion.graphDiv .panel-default {
    border: 0px;
}

    .accordion.graphDiv .panel-default .panel-title a {
        font-size: 14px;
        font-weight: 600;
        color: #555;
        padding: 0px;
        display: inline-block;
    }

        .accordion.graphDiv .panel-default .panel-title a:hover,
        .accordion.graphDiv .panel-default .panel-title a:focus {
            color: #555;
        }

    .accordion.graphDiv .panel-default .panel-body {
        padding: 0px;
    }

    .accordion-plus {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        width: 14px;
    }

        .accordion-plus:before {
            content: '';
            width: 14px;
            height: 2px;
            background: #7f7b7b;
            position: absolute;
            left: 0px;
            top: -5px;
        }

    .accordion-plus:after {
        content: '';
        width: 2px;
        height: 14px;
        background: #7f7b7b;
        position: absolute;
        left: 6px;
        top: 5px;
    }

        .accordion-plus[aria-expanded="true"]:after {
            display:none;
        }
/*Updated by hari 16/03/2020*/
.dvImgUploaded ul {
    list-style: none;
    display: inline-flex;
}

    .dvImgUploaded ul li {
        position: relative;
        max-width: 80px;
        margin-right: 10px;
        background: #fff;
        padding: 5px;
        line-height: 70px;
    }

        .dvImgUploaded ul li img {
            width: 100%;
        }

        .dvImgUploaded ul li a {
            position: absolute;
            color: #fff;
            font-size: 14px;
            position: absolute;
            top: 5px;
            right: 5px;
            padding: 3px 5px;
            display: inline-block;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 3px;
            line-height: 16px;
        }

.dv-note-imag {
    padding-top: 10px;
}

    .dv-note-imag ul {
        list-style: none;
        display: inline-flex;
    }

        .dv-note-imag ul li {
            position: relative;
            max-width: 120px;
            margin-right: 10px;
            background: #fff;
            padding: 5px;
            line-height: 110px;
            border: 1px solid #eeeaea;
        }

            .dv-note-imag ul li img {
                width: 110px;
                height: 100px;
            }

            .dv-note-imag ul li a {
                position: absolute;
                color: #fff;
                font-size: 14px;
                position: absolute;
                top: 5px;
                right: 5px;
                padding: 3px 5px;
                display: inline-block;
                cursor: pointer;
                background: rgba(0, 0, 0, 0.7);
                border-radius: 3px;
                line-height: 16px;
            }

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.post-note-section .custom-file {
    width: 80%;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #2394f2;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.accordion-plus:after {
    content: '';
    width: 2px;
    height: 14px;
    background: #7f7b7b;
    position: absolute;
    left: 6px;
    top: -11px;
}

.MealRollCallInfo:hover + .custom-tooltip {
    display: block;
}

.MealRollCallInfo + .custom-tooltip {
    bottom: -37px;
    width: 165px;
    margin-left: -86px;
}

.MealRollCallInfo:hover + .custom-tooltip:after {
    bottom: initial;
    top: -6px;
    border-bottom: solid 6px #17365d;
    border-top: transparent;
}


.directDeposit-terminate {
    text-align: left;
    top: 0px;
    left: 0px;
    right: initial;
    font-size: 13px;
    position: relative;
    margin-bottom: 15px;
}

.dd_terminate {
    padding: 0px !important;
    position: relative !important;
}

.dd_terminate_inner_container {
    padding: 20px;
}

.dd_terminate .close {
    position: absolute;
    top: 5px;
    right: 8px;
    color: #fff;
}

.dd_terminate h3 {
    background: #2494f2;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 10px 20px 10px 15px;
    border-radius: 5px 5px 0px 0px;
}

.dd_terminate ul {
    margin: 15px 0px;
}

.dd_terminate li {
    display: block;
    margin: 0px !important;
}

    .dd_terminate li .termiOnDate {
        width: 150px;
        display: inline-table;
        position: relative;
        top: 10px;
        margin-left: 10px;
    }

        .dd_terminate li .termiOnDate .form-control {
            text-align: left;
        }

.txtFixedAmount {
    border: 0px;
    background: none;
    box-shadow: none;
    padding-left: 7px;
    padding-right: 7px;
    font-weight: bold;
}

.dd_overlay {
    position: relative;
}

    .dd_overlay:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.05);
        z-index: 11;
        border-radius: 5px;
    }

.ac_balance {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.payment-frame-tbl label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
}

.payment-frame-tbl td {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}

#MDManageCards {
    max-width: 650px;
}

.ddlist-managecards {
    position: absolute;
    left: 0px;
    z-index: 10;
}

.ddlist-managecards {
    position: absolute;
    background: #fff;
    border-radius: 3px;
    width: 90%;
    border-top: solid 2px #2494f2;
    margin: 15px auto 35px 35px;
    padding: 10px;
    display: none;
    z-index: 10;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    .ddlist-managecards::after {
        content: '';
        position: absolute;
        left: 70%;
        top: -10px;
        width: 16px;
        height: 16px;
        border-left: solid 2px #2494f2;
        border-bottom: solid 2px #2494f2;
        transform: rotate(135deg);
        background: #fff;
    }

    .ddlist-managecards h4 {
        margin: 0px 0 20px 0 !important;
        font-weight: bold;
        font-size: 14px;
        width: 100%;
        color: #555;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

    .ddlist-managecards #aDDsListClose {
        position: absolute;
        font-size: 20px;
        color: #333;
        right: 10px;
        top: 10px;
    }

.payment-footer-btns {
    display: none;
}

#ManageCardsdatatable table th {
    font-size: 11px;
    line-height: 13px !important;
}

#ManageCardsdatatable &gt; table &gt; th {
}

.remind-payers-icon {
    float: left;
    height: 16px;
    width: 19px;
    background: url("/images/remind-payers-icon.png") no-repeat;
    background-position: 0px 0px;
    border: 0px;
    position: relative;
    margin-right: 15px;
    font-size: 0px;
}

.view-transaction-icon {
    float: left;
    height: 18px;
    width: 18px;
    background: url("/images/view-transaction-icon.png") no-repeat;
    background-position: 0px 0px;
    border: 0px;
    position: relative;
    font-size: 0px;
}

.dd-status-block {
    float: left;
    float: left;
    text-align: left;
    font-size: 12px;
    margin-right: 10px;
    margin-top: -6px;
    max-width: 120px;
}

.remind-btn-block {
    margin-left: 10px;
    float: left;
    display: flex;
    position: relative;
}

    .remind-btn-block .remind-payers-icon + .remind-payers-icon-desc {
        background-color: #17365d;
        padding: 6px;
        color: #fff;
        font-size: 12px;
        line-height: normal;
        position: absolute;
        text-align: center;
        bottom: 30px;
        left: 0px;
        width: 110px;
        margin-left: -48px;
        border-radius: 3px;
        display: none;
        z-index: 999;
        white-space: normal;
        word-break: break-word;
    }

        .remind-btn-block .remind-payers-icon + .remind-payers-icon-desc:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -6px;
            margin-left: -3px;
            border-top: solid 6px #17365d;
            border-left: solid 6px transparent;
            border-right: solid 6px transparent
        }

    .remind-btn-block .remind-payers-icon:hover + .remind-payers-icon-desc {
        display: block;
    }

    .remind-btn-block .view-transaction-icon + .view-transaction-icon-desc {
        background-color: #17365d;
        padding: 6px;
        color: #fff;
        font-size: 12px;
        line-height: normal;
        position: absolute;
        text-align: center;
        bottom: 30px;
        left: 0px;
        width: 140px;
        margin-left: -30px;
        border-radius: 3px;
        display: none;
        z-index: 999;
        white-space: normal;
        word-break: break-word;
    }

        .remind-btn-block .view-transaction-icon + .view-transaction-icon-desc:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -6px;
            margin-left: -3px;
            border-top: solid 6px #17365d;
            border-left: solid 6px transparent;
            border-right: solid 6px transparent
        }

    .remind-btn-block .view-transaction-icon:hover + .view-transaction-icon-desc {
        display: block;
    }

#PaymentFrame .tab-container .nav-tabs {
    padding-left: 10px;
    padding-right: 10px;
    /* border-bottom: solid 2px #2980B9 !important; */
}

#PaymentFrame .tab-container .nav-tabs {
    position: relative;
}

    #PaymentFrame .tab-container .nav-tabs:before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -2px;
        height: 2px;
        background: #2980B9;
        z-index: 9;
    }

    #PaymentFrame .tab-container .nav-tabs &gt; li a {
        background: none;
        padding: 0px !important;
        border: 0px;
        color: #333 !important;
        box-shadow: none;
        font-weight: 500;
    }

    #PaymentFrame .tab-container .nav-tabs &gt; li {
        padding: 8px;
        background-color: #efeded;
        z-index: 2;
        position: relative;
        cursor: pointer;
        transition: all 250ms ease;
        border-radius: 24px 24px 0px 0px !important;
    }

        #PaymentFrame .tab-container .nav-tabs &gt; li:before,
        #PaymentFrame .tab-container .nav-tabs &gt; li:after {
            display: block;
            content: " ";
            position: absolute;
            top: 0;
            height: 100%;
            width: 20px;
            background-color: #efeded;
            transition: all 250ms ease;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li:before {
            right: 0px;
            transform: skew(30deg, 0deg);
            box-shadow: rgba(0,0,0,.1) 4px 1px 3px, inset rgba(255,255,255,.09) -1px 0;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li:after {
            left: 0px;
            transform: skew(-30deg, 0deg);
            box-shadow: rgba(0,0,0,.1) -4px 1px 3px, inset rgba(255,255,255,.09) 1px 0;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li.active:before,
        #PaymentFrame .tab-container .nav-tabs &gt; li.active:after {
            background-color: #2980B9
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li:before {
            border-radius: 0 8px 0 0;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li:after {
            border-radius: 8px 0 0 0;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li.active {
            border: 0px !important;
            background: #2980B9;
            z-index: 3;
        }

            #PaymentFrame .tab-container .nav-tabs &gt; li.active a {
                color: #fff !important;
            }

                #PaymentFrame .tab-container .nav-tabs &gt; li.active a:after {
                    display: none;
                }

        #PaymentFrame .tab-container .nav-tabs &gt; li:first-child:after {
            box-shadow: none;
        }

        #PaymentFrame .tab-container .nav-tabs &gt; li:last-child:before {
            box-shadow: none;
        }

#PaymentFrame .tab-container .tab-content {
    min-height: 80px;
    border: 1px solid #e2e2e2 !important;
    border-top: 0px !important;
    box-shadow: none;
    margin: 0px;
    border-radius: 0px 0px 5px 5px;
}

    #PaymentFrame .tab-container .tab-content .tab-pane {
        padding: 0px;
    }

.manage-cards {
    min-height: 150px;
}

    .manage-cards table tbody td:nth-child(1) {
        width: 60px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-child(4) {
        width: 40px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-child(5) {
        width: 50px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-child(6) {
        width: 70px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-child(7) {
        width: 70px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-child(8) {
        width: 56px !important;
        text-align: center;
    }

    .manage-cards table tbody td:nth-last-child(3) i,
    .manage-cards table tbody td:nth-last-child(4) i {
        margin-left: 5px;
    }

    .manage-cards table tbody td:nth-last-child(4) {
        font-size: 12px;
        font-weight: 500;
    }

        .manage-cards table tbody td:nth-last-child(3) a,
        .manage-cards table tbody td:nth-last-child(4) a {
            color: #333;
        }

    .manage-cards table tbody td:last-child a {
        color: #ED5B56;
    }

    .manage-cards table tbody td:last-child {
        width: 56px;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        width: 20% !important;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
        width: 33% !important;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
        width: 47% !important;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        width: 20% !important;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on {
        width: 47% !important;
    }

    .manage-cards .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
        width: 33% !important;
    }

.dd-msg {
    position: relative;
    padding-left: 40px;
}

    .dd-msg i {
        color: #2494F2;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .dd-msg p {
        font-size: 13px;
        font-weight: 400;
    }

.edit-manage-card {
    position: absolute;
    left: 130px;
    background: #fff;
    border-radius: 3px;
    width: 50%;
    border-top: solid 2px #2494f2;
    margin: 15px auto 35px 35px;
    padding: 10px;
    display: none;
    z-index: 10;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    .edit-manage-card::after {
        content: '';
        position: absolute;
        left: 55%;
        top: -10px;
        width: 16px;
        height: 16px;
        border-left: solid 2px #2494f2;
        border-bottom: solid 2px #2494f2;
        transform: rotate(135deg);
        background: #fff;
    }

.edit-manage-card-inner {
    padding: 10px 0px;
}

.edit-manage-card #aExpiryDateClose {
    height: 30px;
    position: absolute;
    color: #333;
    right: 10px;
    top: 20px;
}

.edit-manage-card-inner select {
    width: 25%;
    display: inline-block;
    margin: 0px 5px;
}

.edit-manage-card-inner .btn {
    display: inline-block;
    position: relative;
    top: -1px;
    height: 30px;
}

#PaymentFrame .md-content .modal-header h3 span {
    margin-right: 0px;
}

/*missing code is below - start */

#dynamicTable_MealType {
    margin-bottom: 10px;
}

    #dynamicTable_MealType tr th {
        padding-right: 8px !important;
    }

#div_Dynamic_MealType #dynamicTable_MealType_wrapper .dataTables_filter {
    margin-bottom: 10px;
}

    #div_Dynamic_MealType #dynamicTable_MealType_wrapper .dataTables_filter label {
        display: block;
    }

#div_Dynamic_MealType .transaction-desc-grid .dataTables_paginate {
    text-align: right;
}

#div_Dynamic_MealType .transaction-desc-grid .dataTables_info {
    padding-top: 8px;
}

#div_Dynamic_MealType .transaction-desc-grid .dataTables_paginate .pagination {
    margin-top: 0px;
    margin-bottom: 0px;
}

.custom-file-label::before {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 4;
    color: #fff;
    content: "\f093";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem .375rem 30px;
    line-height: 1.5;
    color: #fff;
    content: "Upload picture";
    background-color: #2394f2;
    border-left: inherit;
    width: 100%;
    text-align: left;
    border-left: 0px;
}

.pos-relative {
    position: relative;
}

.shield-contact {
    position: absolute;
    top: 10px;
    right: 5px;
    color: #44a001;
    background: #fff;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    padding-left: 3px;
    padding-top: 2px;
}
.shield-contact-default {
    position: absolute;
    top: 10px;
    right: 5px;
    background: #fff;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    padding-left: 3px;
    padding-top: 2px;
}
.print-meal .dropdown-toggle {
    box-shadow: none;
}

    .print-meal .dropdown-toggle:focus {
        background: none;
        box-shadow: none;
    }

.print-meal .dropdown-menu:before {
    content: '';
    position: absolute;
    right: 12px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(0,0,0,.15);
    transform: rotate(45deg);
}

#MonhtlyScheduler #calendar .fc-event .spnLeftRight {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    z-index: 2;
}

    #MonhtlyScheduler #calendar .fc-event .spnLeftRight a {
        display: inline-block;
        font-size: 16px;
        padding: 0px 2px;
        margin: 0px;
        cursor: pointer;
        line-height: 16px;
    }

    #MonhtlyScheduler #calendar .fc-event .spnLeftRight strong {
        position: relative;
        color: #909090;
        top: -3px;
    }

    #MonhtlyScheduler #calendar .fc-event .spnLeftRight .fa-ellipsis-h {
        color: #555;
        margin-right: 2px;
        margin-left: 2px;
    }

#md-InfoAdminTeacher h5,
#md-InfoParent h5 {
    color: #707070;
}

#virtual_new_bage {
    right: 15px;
    margin-top: 0px;
}

.virtual-link {
    position: relative;
}

    .virtual-link .fa-info-circle {
        display: none;
    }

    .virtual-link:hover .fa-info-circle {
        display: inline-block;
    }

.profle_ledger_buttons {
    position: absolute;
    right: 10px;
    top: 19px;
}

.email-sent-ledger {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    z-index: 100;
    display: none;
}

    .email-sent-ledger .alert-info {
        max-width: 300px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        top: 40%;
    }

#Section_ImmunizationData .tag-dropdown-listimmu &gt; table {
    width: 100% !important;
}

    #Section_ImmunizationData .tag-dropdown-listimmu &gt; table .FieldDivToEnable {
        width: 70%;
    }

    #Section_ImmunizationData .tag-dropdown-listimmu &gt; table tr td {
        padding: 7px 8px
    }

.user-detail-dropdown .btn-primary {
    min-width: 60px;
    text-align: left;
    position: relative;
}

    .user-detail-dropdown .btn-primary .caret {
        position: absolute;
        right: 10px;
        top: 13px;
    }

.user-detail-dropdown .dropdown-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-height: 250px;
    overflow-y: auto;
}

.user-detail-dropdown .dropdown-menu .input-group {
    margin-left: 5px;
    margin-right: 5px;
}

    .user-detail-dropdown .dropdown-menu .input-group .input-group-addon {
        padding-left: 5px;
        padding-right: 5px;
    }
/*missing code is above - end */
.manage-ddlAchCheSav h5 {
    font-weight: 500;
}
.manage-ddlAchCheSav .dd_terminate {
    border: none;
}
    .manage-ddlAchCheSav .dd_terminate h3 {
        font-size: 16px;
    }
    .md-modal .manage-ddlAchCheSav .alert .close {
        color: #fff;
    }
#PaymentFrame .accordion.accordion-semi .panel {
    border: 0px !important;
    margin-bottom: 10px;
}

#PaymentFrame .accordion.accordion-semi .panel-heading {
    border: 0px;
    box-shadow: none;
}

    #PaymentFrame .accordion.accordion-semi .panel-heading a {
        color: #333;
        background: #ececec;
        border: 0px;
        padding: 13px 10px 13px 0px;
        border-radius: 3px;
    }

        #PaymentFrame .accordion.accordion-semi .panel-heading a[aria-expanded="true"] {
            border-radius: 3px 3px 0px 0px;
            background: #2980B9;
            color: #fff;
        }

        #PaymentFrame .accordion.accordion-semi .panel-heading a.terminateDD-accordion {
            background: #fdc2c2;
            position: relative;
            padding-right: 30px;
            color: #333;
        }

            #PaymentFrame .accordion.accordion-semi .panel-heading a.terminateDD-accordion label {
                position: absolute;
                top: 12px;
                right: 5px;
                margin: 0px;
            }

#PaymentFrame .accordion .panel-collapse {
    border: 0px !important;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
}

#PaymentFrame .content .bGPopupSeeDetails1 .panel-collapse .panel-body {
    padding: 15px 10px 10px 10px !important;
}

#PaymentFrame .accordion .panel-heading a .fa {
    margin-right: 5px;
}

#divTerminateEmpty {
    text-align: center;
    position: relative;
}

#PaymentFrame #accordion3 .row {
    min-height: 30px;
}

.dd_buttons {
    padding-top: 10px;
    border-top: solid 1px #e2e2e2;
}

.md-DDACH {
    width: 300px;
    box-shadow: none !important;
}

    .md-DDACH .modal-content {
        border-radius: 3px;
    }

    .md-DDACH .modal-dialog {
        width: 100%;
    }

    .md-DDACH .modal-content .modal-header h5 {
        font-weight: 500;
        font-size: 14px;
        margin: 0px;
        padding-top: 8px;
    }

    .md-DDACH .modal-content .modal-header .close {
        position: absolute;
        right: 15px;
        top: 10px;
    }
/*#dd-list-overflow-container {
    max-height: 195px;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
}*/
#child-editpage #PaymentFrame #Schedules .nav-tabs {
    border-bottom: 0px solid #ddd;
    padding-left: 10px;
}

    #child-editpage #PaymentFrame #Schedules .nav-tabs a,
    #child-editpage #PaymentFrame #Schedules .nav-tabs &gt; li.active a {
        background: none;
    }

#PaymentFrame .tab-content .row {
    margin-bottom: 0px;
}

#PaymentFrame .dd-status-block .bootstrap-switch.bootstrap-switch-mini {
    margin-top: 3px;
}

#PaymentFrame .tab-content .dd-list-overflow .row {
    margin-bottom: 15px;
}

.service-setup-custom-control .control-custom {
    position: relative;
    top: 4px;
}

.service-setup-custom-control li {
    font-size: 13px;
    position: relative;
}

    .service-setup-custom-control li i.fa-spin {
        position: absolute;
        top: 7px;
        right: -20px;
    }

.service-setup-custom-control input[type="checkbox"] + .control__indicator {
    border-radius: 3px;
}

.overlay-service-fee {
    position: relative;
    padding: 5px 10px;
}

    .overlay-service-fee:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 10;
        border-radius: 5px;
    }

#divSfContainor p {
    font-size: 13px;
}

#CCChargeChartTable tr td:last-child {
    text-align: center;
}

    #CCChargeChartTable tr td:last-child i {
        font-size: 14px;
    }

    #CCChargeChartTable tr td:last-child a {
        color: #555;
        margin: 0px 5px;
        display: inline-block;
    }

#CCChargeChartTable tr td .fa.fa-trash-o {
    color: #ED5B56;
    font-size: 16px;
}

#CCChargeChartTable tr td .fa.fa-pencil {
    color: #555;
    font-size: 14px;
}

#CCChargeChartTable tr td {
    padding-left: 8px;
    padding-right: 8px;
}

#CCChargeChartTable {
    width: 100% !important;
}

#Sftextcc {
    color: #d90000 !important;
}

#divSFTotalCC {
    color: #00a40f !important;
}

.service-fee-strip {
    background: #f6f6f6;
    border: solid 1px #eeeeee;
    padding: 5px 8px;
    font-weight: 500;
    margin-bottom: 15px;
}

    .service-fee-strip .col-sm-4 {
        line-height: 22px;
        font-size: 13px;
    }

        .service-fee-strip .col-sm-4:nth-child(2) {
            text-align: center;
        }

        .service-fee-strip .col-sm-4:nth-child(3) {
            text-align: right;
        }

#PaymentFrame .tab-content .tab-pane {
    padding-top: 0px;
}

.service-fee-info-icon {
    display: inline-block;
    margin-left: 5px;
    color: #3078ef !important;
}

.service-fee-info-content {
    position: absolute;
    bottom: 100%;
    margin-left: -50px;
    margin-bottom: 7px;
    background: #fff;
    border-radius: 3px;
    width: 350px;
    padding: 15px;
    z-index: 10;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    z-index: 100;
    text-align: left;
}

    .service-fee-info-content #serviceFeeInfoClose {
        position: absolute;
        font-size: 26px;
        color: #333;
        right: -5px;
        top: -15px;
        background: rgba(255, 255, 255, 1);
        height: 26px;
        width: 26px;
        border-radius: 50%;
        text-align: center;
        line-height: 26px;
        box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
    }

#PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table {
    width: 100% !important;
}

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table tr th {
        text-align: right;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px !important;
        padding-left: 0px;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table tr td {
        width: 33% !important;
        text-align: right;
        padding-top: 5px;
        padding-right: 5px !important;
        padding-left: 0px;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table tr:nth-child(2n) {
        background: #f8f8f8;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table tr td:first-child {
        border-left: 1px solid #dadada;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td .service-fee-info-content table tr:last-child td {
        border-bottom: 1px solid #dadada;
    }

#Sftextach {
    color: #d90000 !important;
}

#divSFTotalAch {
    color: #00a40f !important;
}

#CCChargeChartTable_wrapper .row:first-of-type,
#CCChargeChartTable_wrapper .row:last-of-type {
    display: none;
}

.print-label-start {
    display: inline-block;
    position: relative;
}

.print-label-start-drop {
    position: absolute;
    top: 24px;
    right: -18px;
    background: #fff;
    border-radius: 3px;
    width: 300px;
    z-index: 10;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    z-index: 100;
    text-align: left;
}

    .print-label-start-drop:after {
        content: '';
        position: absolute;
        right: 20px;
        top: -7px;
        border-bottom: solid 7px #2494f2;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
    }

.print-label-start-drop-header {
    padding: 12px 10px 12px 10px;
    background-color: #2494f2;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px 3px 0 0;
}

.print-label-start-drop-content {
    padding: 15px;
    font-size: 13px;
}

    .print-label-start-drop-content p {
        font-size: 13px;
    }

.print-label-start-drop-footer {
    border-top: solid 1px #dadada;
    margin: 10px;
    margin: 10px;
    text-align: right;
    padding-top: 10px;
}

    .print-label-start-drop-footer .btn-default {
        background-color: #dadada !important;
        color: #333333 !important;
        margin-right: 5px;
    }

.report-tooltip {
    padding: 0px 5px;
    margin: 0px 6px
}

    .report-tooltip:hover .custom-tooltip {
        display: block;
        left: -2px;
        width: 220px;
        bottom: 20px;
    }

        .report-tooltip:hover .custom-tooltip a {
            color: #fff;
            text-decoration: underline;
        }

.custom-color-switch .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #ED5B56;
}

.custom-color-switch .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background: #ED5B56;
}

    .custom-color-switch .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:after {
        border: 3px solid #ED5B56;
    }

.custom-color-switch .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #60C060;
    color: #fff;
    padding-left: 4px;
}

.custom-color-switch .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    background: #60C060;
}

    .custom-color-switch .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label:after {
        border: 3px solid #60C060;
    }

.custom-color-switch.bootstrap-switch-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.rolesetup-label-permision {
    margin-right: 5px;
    display: none;
}

.hover-rolesetup-label-permision:hover .rolesetup-label-permision {
    display: inline-block;
}

#QueryResultAddCustomReport .dataTables_length {
    margin-top: 10px;
    float: left;
    width: 35%;
}

#QueryResultAddCustomReport .dataTables_paginate {
    margin-top: 10px;
    float: right;
    width: 60%;
}

.custom-tooltip-container {
    display: none;
}

    .custom-tooltip-container .custom-tooltip {
        display: block;
        position: relative;
        left: initial;
        top: initial;
        margin: 0px;
        width: 100%;
    }

#DivCustomrptSendMessage:hover .custom-tooltip-container {
    display: block;
    width: 230px;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -115px;
    padding-bottom: 10px;
}



.common-overlapping-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
}

.common-overlapping {
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -150px;
    width: 380px;
    max-height: 350px;
    background: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.06) !important;
    border-radius: 5px;
    padding: 15px;
}

    .common-overlapping h3 {
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
        border-bottom: solid 1px #ccc;
        padding-bottom: 8px;
        color: #333;
    }

    .common-overlapping .common-overlapping-button {
        border-top: solid 1px #ccc;
        padding-top: 12px;
        text-align: right;
        margin-top: 12px;
    }

    .common-overlapping .close {
        color: #000;
        font-size: 24px;
    }

#liSndMsgToCenterEmail {
    padding: 6px 1px 2px 28px;
}


.custom-tabs .tab-container .nav-tabs {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

    .custom-tabs .tab-container .nav-tabs:before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -2px;
        height: 2px;
        background: #2980B9;
        z-index: 9;
    }

    .custom-tabs .tab-container .nav-tabs &gt; li a {
        background: none;
        padding: 0px !important;
        border: 0px;
        color: #333 !important;
        box-shadow: none;
        font-weight: 500;
    }

    .custom-tabs .tab-container .nav-tabs &gt; li {
        padding: 8px;
        background-color: #efeded;
        z-index: 2;
        position: relative;
        cursor: pointer;
        transition: all 250ms ease;
        border-radius: 24px 24px 0px 0px !important;
    }

        .custom-tabs .tab-container .nav-tabs &gt; li:before,
        .custom-tabs .tab-container .nav-tabs &gt; li:after {
            display: block;
            content: " ";
            position: absolute;
            top: 0;
            height: 100%;
            width: 20px;
            background-color: #efeded;
            transition: all 250ms ease;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:before {
            right: 0px;
            transform: skew(30deg, 0deg);
            box-shadow: rgba(0,0,0,.1) 4px 1px 3px, inset rgba(255,255,255,.09) -1px 0;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:after {
            left: 0px;
            transform: skew(-30deg, 0deg);
            box-shadow: rgba(0,0,0,.1) -4px 1px 3px, inset rgba(255,255,255,.09) 1px 0;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li.active:before,
        .custom-tabs .tab-container .nav-tabs &gt; li.active:after {
            background-color: #2980B9
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:before {
            border-radius: 0 8px 0 0;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:after {
            border-radius: 8px 0 0 0;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li.active {
            border: 0px !important;
            background: #2980B9;
            z-index: 3;
        }

            .custom-tabs .tab-container .nav-tabs &gt; li.active a {
                color: #fff !important;
            }

        .custom-tabs .tab-container .nav-tabs &gt; li a:hover {
            border: 0px;
        }

            .custom-tabs .tab-container .nav-tabs &gt; li a:focus,
            .custom-tabs .tab-container .nav-tabs &gt; li.active a:focus,
            .custom-tabs .tab-container .nav-tabs &gt; li a:hover:focus,
            .custom-tabs .tab-container .nav-tabs &gt; li.active a:hover:focus {
                border: 0px;
            }

        .custom-tabs .tab-container .nav-tabs &gt; li.active a:after {
            display: none;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:first-child:after {
            box-shadow: none;
        }

        .custom-tabs .tab-container .nav-tabs &gt; li:last-child:before {
            box-shadow: none;
        }

.custom-tabs .tab-container .tab-content {
    min-height: 85px;
    border: 1px solid #e2e2e2 !important;
    border-top: 0px !important;
    box-shadow: none;
    margin: 0px;
    border-radius: 0px 0px 5px 5px;
}

    .custom-tabs .tab-container .tab-content .tab-pane {
        padding: 0px;
    }

#child-editpage .custom-tabs #Schedules .nav-tabs &gt; li.active a {
    background: none;
    color: #fff;
}

#child-editpage .custom-tabs #Schedules .nav-tabs &gt; li a {
    background: none;
}

#child-editpage .custom-tabs #Schedules .nav-tabs {
    padding-left: 10px;
}

.custom-tooltip-container-block {
    display: inline-block;
    position: relative;
}

.custom-tooltip-container {
    display: none;
}

    .custom-tooltip-container .custom-tooltip {
        display: inline-block;
        position: relative;
        left: initial;
        top: initial;
        margin: 0px;
        width: 100%;
        bottom: 18px;
    }

.custom-tooltip-container-block:hover .custom-tooltip-container {
    display: inline-block;
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -106px;
    padding-bottom: 10px;
}

.query-writer-block {
    border: 1px solid #ccc;
}

    .query-writer-block .CodeMirror {
        height: 95px;
    }

.query-writer-info {
    position: absolute;
    top: 5px;
    right: 10px;
}

.query-writer-block .CodeMirror pre.CodeMirror-placeholder {
    color: #999;
}

.query-acc .accordion .panel a[aria-expanded=true] {
    background: #f2f2f2;
    color: #333;
}

.query-acc .accordion .panel {
    border: 0px;
}

    .query-acc .accordion .panel .panel-body {
        background: #f2f2f2;
    }

.cumstom-radio-inline .custom-checkbox-withtext {
    display: inline-block;
    margin-right: 30px;
}

    .custom-checkbox-withtext .control--checkbox .control__indicator,
    .cumston-radio-inline .custom-checkbox-withtext .control-custom input:checked ~ .control__indicator {
        border-radius: 50%;
    }

.custom-controls-radio-checkbox .custom-checkbox-controls li {
    margin-right: 5px;
    padding-left: 30px;
}

    .custom-controls-radio-checkbox .custom-checkbox-controls li .control-custom {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.multiselect-dropdown-block {
    display: block;
    padding-right: 40px;
    position: relative;
    width: 48%;
}

    .multiselect-dropdown-block .btn-group {
        width: 100%;
        margin: 0px;
    }

        .multiselect-dropdown-block .btn-group .multiselect {
            width: 100% !important;
        }

    .multiselect-dropdown-block .dropdown-menu li a:hover {
        background: #f2f2f2;
        color: #000;
    }

    .multiselect-dropdown-block .dropdown-menu {
        width: 100%;
    }

.multiselect-action-btns {
    position: absolute;
    top: 6px;
    right: 0px;
}

    .multiselect-action-btns a {
        font-size: 12px;
        margin-left: 6px;
    }

.custom-controls-radio-checkbox .custom-checkbox-controls-check li {
    margin-right: 0px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

    .custom-controls-radio-checkbox .custom-checkbox-controls-check li .control-custom {
        width: 48%;
        padding-top: 0px;
    }

        .custom-controls-radio-checkbox .custom-checkbox-controls-check li .control-custom .control__indicator {
            top: 2px;
        }

.multiple-title {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

    .multiple-title h4 {
        width: 48%;
    }

.custom-controls-radio-checkbox #preview_block .custom-checkbox-controls-check li {
    justify-content: flex-start;
}


.info-icon-grey {
    position: relative;
    display: inline-block;
    background: url("/images/info-icon-grey.png") no-repeat top center;
    width: 14px;
    height: 14px;
    top: 5px;
    margin-left: 5px;
}
    .info-icon-grey.arrow-right .description {
        left: initial;
        right: 100%;
        top: 0px;
        margin-top: -5px;
        margin-right: 10px;
    }
        .info-icon-grey.arrow-right .description:before {
            left: initial;
            top: 2px;
            right: -20px;
            border-bottom: solid 10px transparent;
            border-top: solid 10px transparent;
            border-left: solid 10px #17365d;
        }
    .info-icon-grey:hover .description {
        display: block;
    }

    .info-icon-grey .description {
        display: none;
        position: absolute;
        left: -150px;
        top: 16px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        padding: 10px;
        width: 300px;
        background-color: #17365d;
        z-index: 10;
        margin-top: 10px;
        text-align: left;
        line-height: normal;
    }

        .info-icon-grey .description:before {
            content: '';
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -3px;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
            border-bottom: solid 10px #17365d;
            -webkit-transition: all 2s;
            transition: all 2s;
        }

        .info-icon-grey .description a,
        .info-icon-grey .description a:hover {
            color: #2494f2;
            line-height: normal;
        }

        .info-icon-grey .description h3 {
            color: #fff;
            margin: 15px 0px 5px 0px;
            font-size: 14px;
        }

        .info-icon-grey .description ul {
            list-style: none;
            margin: 0px 0 0 0;
            padding: 0px;
        }

        .info-icon-grey .description h3:first-of-type {
            margin: 0px 0 5px 0;
        }

        .info-icon-grey .description ul li {
            margin: 0px 0 8px 0px;
        }
        .info-icon-grey.rtlside .description {
            left: -260px;
        }
            .info-icon-grey.rtlside .description:before {
                left: initial;
                right: 22px;
            }

    #dvProgramListBaseOnRoom ul {
        list-style: none;
    }

#dvProgramListBaseOnRoom li {
    background: #F2F2F2;
    padding: 6px 10px;
}

    #dvProgramListBaseOnRoom li:before {
        display: none;
    }

.toggle-block {
    position: relative;
    padding-left: 70px;
}

    .toggle-block .bootstrap-switch {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.lobby-question-block {
    overflow-y: auto;
    max-height: 500px;
}

.lobby-question-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .lobby-question-list li {
        position: relative;
        margin: 0px;
        padding: 8px 6px 8px 40px;
        border-bottom: solid 1px #f2f2f2;
        list-style: none;
        width: 100%;
        cursor: pointer;
    }
        .lobby-question-list li:hover, .lobby-question-list li:hover p {
            color: #4e9dff;
        }

        .lobby-question-list li:last-child {
            border-bottom: 0px;
        }

        .lobby-question-list li p {
            font-size: 12px;
            line-height: 16px;
            margin: 0px;
            padding: 0px;
        }

.lobby-question-hover-block {
    display: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.export-to-excel-white-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("/images/export-to-excel-white.png") no-repeat;
    background-position: 0px 0px;
    border: 0px;
    position: relative;
    top: 0px;
    margin-left: 3px;
    font-size: 0px;
}
    

    .lobby-question-hover-block a {
        font-size: 16px;
        /*margin: 0px 10px;*/
        background: #fff;
        padding: 3px 7px 3px 10px;
        border-radius: 2px 2px 2px 2px;
    }

.lobby-question-list li:hover .lobby-question-hover-block {
    display: block;
}

.lobby-question-edit {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.lobby-question-delete {
    position: absolute;
    bottom: 5px;
    right: 30px;
    color: #ED5B56;
}

.lobby-question-count {
    position: absolute;
    top: 10px;
    left: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e2e2e2;
    font-size: 13px;
    color: #535353;
}

.privacySettingToggle .bootstrap-switch.bootstrap-switch-mini {
    min-width: 59px;
    margin-right: 10px;
}

.privacySettingToggle .bootstrap-switch {
    border: 0px;
    border-radius: 20px !important;
}
.dollar-badge {
    position: absolute;
    top: -7px;
    left: 3px;
    font-size: 9px;
    width: 20px;
    color: #fff;
    background: #ff7f32;
    border-radius: 2px;
    text-align: center;
}    

.red-switch .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #ED5B56;
}
.red-switch .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:after {
    border: 3px solid #ED5B56;
}
.green-switch .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #44a001;
}
.green-switch .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:after {
    border: 3px solid #44a001;
}


.fdc-icon-common {
    display: inline-block;
    height: 24px;
    width: 26px;
    background: url("/images/icon-fdc.jpg") no-repeat;
    background-position: 0px 0px;
}

.fdc-icon-common + .custom-tooltip {
    bottom: -33px;
    width: 114px;
    margin-left: -54px;
}

.fdc-icon-common:hover + .custom-tooltip {
    display: block;
}

.fdc-icon-common:hover + .custom-tooltip:after {
    bottom: initial;
    top: -6px;
    border-bottom: solid 6px #17365d;
    border-top: transparent;
}

.homeicon-icon-common {
    display: inline-block;
    height: 24px;
    width: 26px;
    background: url("/images/home-visit.jpg") no-repeat;
    background-position: 0px 0px;
}

    .homeicon-icon-common + .custom-tooltip {
        bottom: -33px;
        width: 114px;
        margin-left: -54px;
    }

.homeicon-icon-common:hover + .custom-tooltip {
    display: block;
}

    .homeicon-icon-common:hover + .custom-tooltip:after {
        bottom: initial;
        top: -6px;
        border-bottom: solid 6px #17365d;
        border-top: transparent;
    }

.custom-radio-withtext {
    padding-top: 2px;
    padding-left: 25px;
    position: relative;
    display: inline-block;
}
.custom-radio-withtext .control--checkbox {
    position: absolute;
    left: 0px;
    top: 2px;
}
.custom-radio-withtext .control--checkbox .control__indicator {
    background: #fff;
    border-radius: 50%;
}
textarea.form-control.minHeight100 {
    min-height: 100px;
}
.edit_close_icon {
    margin-top: 1px !important;
    background: white;
    border: 1px solid #2494f2;
    padding: 5px;
    position: absolute;
    left: 50%;
    z-index: 3;
}
#FdcSchedule .wrapper label,
#FdcBillingGrid .wrapper label,
.container-searchbar .wrapper label {
    position: relative;
}
    #FdcSchedule .wrapper label #CleartextFilter,
    #FdcBillingGrid .wrapper label #CleartextFilter,
    .container-searchbar .wrapper label #CleartextFilter {
        position: absolute;
        top: 1px;
        right: 25px;
        display: inline-block;
        color: #9d9b9b;
        text-decoration: none;
        font-size: 14px;
        width: 30px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        cursor: pointer;
    }

    #FdcSchedule .wrapper label .search_filter,
    #FdcBillingGrid .wrapper label .search_filter,
    .container-searchbar .wrapper label .search_filter {
        position: absolute;
        top: 1px;
        right: 0px;
        display: inline-block;
        color: #9d9b9b;
        text-decoration: none;
        font-size: 14px;
        width: 30px;
        height: 28px;
        text-align: center;
        line-height: 27px;
    }

#FdcBillingChildGrid thead th.sorting_asc:first-child:after,
#FdcBillingChildGrid thead th.sorting_desc:first-child:after,
.container-searchbar thead th.sorting_desc:first-child:after {
    display: none;
}
.datatableInfo label.control-custom.control--checkbox {
    margin-bottom: 4px;
}

.main-datatable-container {
    position: relative;
}

.main-btns_right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.main-datatable-container .btn_right .btn-group {
    margin-right: 0px;
}

.main-datatable-container .btn_right #idQueryBuilder {
    top: 36px;
    right: 0px;
}

.main-datatable-container .dataTables_filter {
    width: 50%;
}/*width: 100%;
height: 100%;
text-align: center;
}*/


/*Added By Hari 15/12/2020*/
.tooltip-clickable {
    display: inline-block;
    position: relative;
}
    .tooltip-clickable .tooltip-clickable-expand {
        display: none;
        position: absolute;
        left: -90px;
        top: 0px;
        min-width: 180px;
        max-width: 250px;
        margin-top: 25px;
        z-index: 999999;
    }

    .tooltip-clickable:hover .tooltip-clickable-expand {
        display: inline-block;
    }

 .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description {
     border-radius: 3px;
     color: #fff;
     font-size: 13px;
     padding: 10px;
     width: 180px;
     background-color: #17365d;
     z-index: 10;
     text-align: left;
     line-height: normal;    
}

    .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description:before {
         content: '';
         position: absolute;
         top: -10px;
         left: 50%;
         margin-left: -3px;
         border-left: solid 10px transparent;
         border-right: solid 10px transparent;
         border-bottom: solid 10px #17365d;
         -webkit-transition: all 2s;
         transition: all 2s;        
    }


    .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description a,
    .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description a:hover {
        color: #2494f2;
        line-height: normal;
    }
 .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description h3 {
     color: #fff;
     margin: 15px 0px 5px 0px;
     font-size: 14px;    
}


 .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description ul {
     list-style: none;
     margin: 0px 0 0 0;
     padding: 0px;    
}


    .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description h3:first-of-type {
        margin: 0px 0 5px 0;
    }

 .tooltip-clickable .tooltip-clickable-expand .tooltip-clickable-description ul li {
     margin: 0px 0 8px 0px;
}
.main-notification-container {
    position: relative;
    display: inline-block;
    float: right;
}
.main-notification {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    top: 15px;
}
.main-notification &gt; a {
    position: relative;
    color: #fff;
    font-size: 20px;
}

    .main-notification .badge-count {
        position: absolute;
        top: -2px;
        left: 10px;
        font-size: 10px;
        color: #fff;
        background: #ff7f32;
        border-radius: 3px;
        padding: 0px 2px;
        line-height: 15px;
        text-align: center;
    }
.main-notification-listbox {
    display: none;
    position: absolute;
    top: 38px;
    left: 0px;
    width: 300px;
    margin-left: -145px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.15);
}
    .main-notification-listbox:before {
        content: '';
        position: absolute;
        top: -7px;
        left: 50%;
        margin-left: -3px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 8px solid #fff;
    }
.main-notification-listblock {
    max-height: 400px;
    overflow-y: auto;
}
   
    .main-notification-listblock ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
        .main-notification-listblock ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            border-bottom: solid 1px #d2d2d2;
            display: block;
            background: #f4f4f4;
            position: relative;
            padding: 10px 10px 10px 55px;
            color: #333;
        }
.main-notification-listblock ul li:last-child {
    border-bottom: solid 0px #d2d2d2;
}
            .main-notification-listblock ul li a {
                display: inline-block;
                color: #2494F2;
                font-size: 12px;
                margin-right: 10px;
                margin-top: 5px;
            }
    .main-notification-listblock ul li h3 {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }
    .main-notification-listblock ul li p {
        font-size: 12px;
        line-height: normal;
    }
    .main-notification-listicon {
        position: absolute;
        left: 8px;
        top: 8px;
        background: #fff;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 16px;
    }
    .main-notification-listicon .badge-count {
        left: initial;
        right: -5px;
    }
.nav-home-badge {
    margin: -5px 0px 0px 0px;
    right: 10px;
    top: 50%;
}
.alert-box .alert-zoom .button__badge {
    display: inline-block;
    right: 30px;
    top: 10px;
    max-width: none;
}
.filter-icon {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 0px;
}
    .filter-icon a {
        height: 28px;
        width: 28px;
        background: #2494f2;
        color: #fff;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
        display: inline-block;
    }
.filter-icon a:hover {
    color: #fff;
}
.filter-delete-icon {
    background: #FDD !important;
}
    .filter-delete-icon i {
        color: #f71c1c;
    }
#md-LateFeePopup .click-details {
    display: none;
}

#md-LateFeePopup .help-icon:hover + .click-details {
    display: block;
}

#md-LateFeePopup .click-details .detail-info-icon {
    display: block;
    right: 10px;
}
#md-LateFeePopup .detail-info-icon {
    position: absolute;
    right: 0px;
    bottom: -143px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-family: "Nunito", sans-serif;
    padding: 10px;
    max-width: 450px;
    width: 100%;
    background-color: #17365d;
    z-index: 999;
    margin-top: 10px;
    text-align: left;
    display: none;
}
#md-LateFeePopup .detail-info-icon .description ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
 #md-LateFeePopup .detail-info-icon .description ul li {
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 25px;
        position: relative;
    }

#md-LateFeePopup .detail-info-icon .description ul li:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f0a4";
            position: absolute;
            left: 0px;
            top: 3px;
        }
.setting-handbook {
    background: #f6f6f6;
    border: solid 1px #eeeeee;
    padding: 10px;
}


.schedule-capacity-status-filter {
    padding: 10px 10px 7px 10px;
    border-bottom: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
    margin-bottom: 20px;
    margin-top: 20px;
}
    .schedule-capacity-status-filter .cumston-radio-inline .control__indicator {
        top: -3px;
    }

    .graph-days-selector {
        background: #f6f6f6;
        padding: 10px;
        border-top: solid 1px #eeeeee;
        border-bottom: solid 1px #eeeeee;
    }
.graph-days-tag a {
    display: inline-block;
    border: solid 1px #cecece;
    border-radius: 4px;
    padding: 6px 33px 6px 8px;
    min-width: 94px;
    background: #fff;
    color: #333333;
    text-align: left;
    position: relative;
    font-size: 12px;
    margin-left: 5px;
}
.graph-days-tag a:first-of-type {
    margin-left: 0px;
}

.graph-days-tag a span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 1px #7e7e7e;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 8px;
}
.graph-days-tag a span::before {
    content: '';
    display: block;
    width: 7px;
    height: 1px;
    background: #7e7e7e;
    position: absolute;
    left: 3px;
    top: 6px;
}
.graph-days-tag a span::after {
    content: '';
    display: block;
    width: 1px;
    height: 7px;
    background: #7e7e7e;
    position: absolute;
    left: 6px;
    top: 3px;
}
    .graph-days-tag a.addedDayInGraph {
        background: #2394f2;
        color: #fff;
        border: solid 1px #2394f2;
    }
.graph-days-tag a.addedDayInGraph span {
    border: solid 1px #fff;
}
.graph-days-tag a.addedDayInGraph span::before {
    background: #fff;
}

.graph-days-tag a.addedDayInGraph span::after {
    background: #fff;
    display: none;
}
.graph-block {
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 10px;
}
    .graph-block .graph-days-view {
        display: inline-block;
        border: solid 1px #f29400;
        border-radius: 4px;
        padding: 6px 8px 6px 8px;
        min-width: 68px;
        background: #f29400;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 12px;
        margin-left: 0px;
        margin-bottom: 10px;
    }
        .graph-block .graph-days-view:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -8px;
            border-top: solid 8px #f29400;
            border-left: solid 8px transparent;
            border-right: solid 8px transparent;
            margin-left: -8px;
        }

        /*.graph-block .graph-days-view span {
            display: inline-block;
            width: 15px;
            height: 15px;
            border: solid 1px #fff;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            right: 8px;
        }*/

            /*.graph-block .graph-days-view span::before {
                content: '';
                display: block;
                width: 7px;
                height: 1px;
                background: #fff;
                position: absolute;
                left: 3px;
                top: 6px;
            }*/

.slot-room-select {
    margin-right: 80px;
    position: relative;
}
    .slot-room-select .overlay-div-normal {
        position: absolute;
        left: 102%;
        top: 8px;
        font-size: 12px;
    }
.slotmultiselect {
    display: inline-block;
}

.slotmultiselect .multiselect-container {
    width: 100%;
}
    .slotmultiselect .multiselect-container .checkbox input[type="checkbox"] {
        margin-left: 0px;
        position: relative;
        top: 2px;
    }


#lobby-list {
    list-style: none;
}

    #lobby-list li {
        position: relative;
        padding-bottom: 2px;
        padding-left: 25px;
        padding-top: 4px;
    }

        #lobby-list li .control-custom {
            position: absolute;
            left: 0px;
            top: 5px;
        }
         
        #lobby-list li label {
            font-weight: 500;
        }

.lobby-cost-span {
    color: red;
}

#btnPerviousMessage {
    display: inline-block !important;
    margin-top: 15px;
    margin-right: 20px;
}

    #btnPerviousMessage span {
        width: auto !important;
        background-color: #2494F2;
        color: white;
        border: none;
        padding: 6px 8px;
        position: relative;
    }

        #btnPerviousMessage span i {
            margin-right: 1px !important;
        }
#lobby-list li .control-custom.control--checkbox input[type='radio'] + .control__indicator,
#lobby-list li .control-custom input[type='radio']:checked ~ .control__indicator {
    border-radius: 50%;
}
.Nested-Sorting-Filter {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
    .Nested-Sorting-Filter a {
        display: inline-block;
        position: relative;
        background: url("/images/sort-icon.png") no-repeat center center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    .Nested-Sorting-Filter:hover .custom-tooltip {
        display: block;
        width: 130px;
        margin-left: -68px;
    }
.billingNextDate {
    position: relative;
}

.billingNextDate:hover + .custom-tooltip {
    display: block;
}
.icareBilling thead tr th {
    background: rgb(255,255,255) !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important;
}
.billing-week-days {
    border-radius: 3px;
    background: #f2f2f2;
    border: solid 1px #ccc;
    display: inline-block;
    padding: 1px 4px;
    margin: 0px 5px;
}    
.siteID-dropdown .custom-tooltip {
    display: none;
    bottom: inherit;
    top: 100%;
    right: 0px;
    left: inherit;
}
    .siteID-dropdown .custom-tooltip:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        bottom: initial;
        margin-left: -3px;
        border-bottom: solid 6px #17365d;
        border-top: 0px;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }

.siteID-dropdown:hover .custom-tooltip {
    display: block;
}

.electronic-doc-setting-popup {
    position: relative;
    border: 1px solid #E2E2E2;
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 6px;
}
#EleDocSetting .hovereffectedit {
    margin-bottom: 6px;
}
.electronic-doc-setting-popup-button {
    position: absolute;
    right: 0px;
    top: 0px;
}
    .electronic-doc-setting-popup-button a {
        display: inline-block;
        padding: 8px;
        font-size: 16px;
    }
    .electronic-doc-setting-popup-button a .fa-times {
        color: #ED5B56;
    }
    .electronic-doc-setting-popup-button a .fa-check {
        color: #44a001;
    }
    .electronic-doc-setting-popup .IsFormButtons button {
        width: 150px;
        padding: 5px 0px 5px 0px;
        margin-bottom: 10px;
    }
.electronic-doc-bar {
    padding: 10px;
    background: #ececec;
}
.electronic-doc-bar a {
    display: inline-block;
    margin: 0px 8px;
}
.addDoc-buttons {
    display: inline-block;
    position: relative;
    padding-right: 62px;
    width: 100%;
    margin-top: 15px;
}
.addDoc-section1 {
    margin-bottom: 15px;
}
.addDoc-buttons a {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 8px 9px 7px;
    position: absolute;
    right: 0px;
    top: 0px;
}
    .addDoc-buttons a.check_btn {
        right: 30px;
    }

.tblScroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.tblScroll::-webkit-scrollbar:horizontal {
    height: 10px;
}

#div_DynamicPopupUdfListType thead th.sorting {
    padding-right: 20px !important;
}
#div_DynamicPopupUdfListType thead th:first-child.sorting_asc {
    padding-right: 10px !important;
}
#div_DynamicPopupUdfListType thead th:first-child.sorting_asc:after {
    display: none;
}
#dynamicTableUdfListType + .dataTables_info {
    width: 30%;
    float: left;
}
    #dynamicTableUdfListType + .dataTables_info + .dataTables_paginate {
        width: 70%;
        float: right;
    }
    

.new-registration .side-right {
    margin: 0px;
}
.new-registration .side-right .header {
    margin: 0px;
}
.new-registration .side-right .header h3 {
    margin: 0px;
}

.registration-process .panel {
    background: #fff;
    border: solid 1px #eeeeee;
    border-radius: 3px;
}
    .registration-process .panel:first-child {
        border-top: solid 1px #eeeeee;
    }
.registration-process .panel .panel-heading {
    background: #fff;
}
    .registration-process .panel .panel-heading .panel-title {
        position: relative;
    }
    .registration-process .panel .panel-heading a {
        padding: 12px 15px;
        font-weight: bold;
    }
    .registration-process .panel .panel-heading .panel-title .fa {
        position: absolute;
        right: 5px;
        top: 12px;
        font-weight: bold;
    }
    .registration-process .panel .panel-collapse {
        border-top: solid 1px #eeeeee;
    }
    .registration-process .panel .panel-body {
        padding: 15px !important;
        line-height: normal;
    }
.registration-process .thumbimage {
    display: inline-block;
}
    .registration-process .thumbimage img {
        width: 70px;
        height: 70px;
        border: solid 3px #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.15);
    }
.registration-process .form-horizontal .form-group .registation-control {
    position: relative;
}
.registration-process .form-horizontal .form-group .ValidationMsg {
    width: 100% !important;
    text-align: left !important;
    position: absolute;
    left: 7px;
    top: 100%;
    line-height: 10px !important;
}
.registration-process .panel .panel-body .panel .panel-heading {
    background: #f6f6f6;
    color: #555;
}
.registration-process .panel .panel-body .panel .panel-heading a {
    color: #555;
}
.registration-process .panel .panel-collapse .panel .panel-collapse {
    background: #f6f6f6;
}
.registration-process h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
}
    .registration-process h3 + hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }
.custom-table {
    background: #fff;
}
.table.custom-table &gt; tbody &gt; tr &gt; td,
.table.custom-table &gt; tbody &gt; tr &gt; th,
.table.custom-table &gt; tfoot &gt; tr &gt; td,
.table.custom-table &gt; tfoot &gt; tr &gt; th,
.table.custom-table &gt; thead &gt; tr &gt; td,
.table.custom-table &gt; thead &gt; tr &gt; th {
    padding: 12px 10px;
    line-height: normal !important;
}

.table.hover.custom-table tbody tr:hover {
    background: #2494f2;
}
    .table.hover.custom-table tbody tr:hover td,
    .table.hover.custom-table tbody tr:hover td a {
        color: #fff;
    }
.table.custom-table &gt; tbody &gt; tr &gt; td .control-custom {
    display: block;
    height: 18px;
    margin: 0px;
    width: 18px;
    padding-left: 0px;
}
    .table.custom-table &gt; tbody &gt; tr &gt; td .control-custom input[type="radio"] + .control__indicator {
        border-radius: 50%;
    }
.table.custom-table &gt; tbody &gt; tr:hover &gt; td .control-custom input[type="radio"]:checked ~ .control__indicator {
    background: #fff;
    border-color: #fff;
}
    .table.custom-table &gt; tbody &gt; tr:hover &gt; td .control-custom input[type="radio"]:checked ~ .control__indicator:after {
        border-color: #2489c5;
    }

.billing-showdropdown {
    border: solid 1px #3380FF;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 2px;
    vertical-align: middle;
    margin-left: 7px;
}
    .billing-showdropdown .fa-ellipsis-h {
        position: absolute;
        top: 2px;
        left: 3px;
        font-size: 10px;
    }
.billing-showdropdown-item {
    background: #4690e3;
    border-radius: 3px;
    padding: 2px 5px;
    display: flex;
    justify-content: space-between;
}
    .billing-showdropdown-item span {
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500;
    }
        .billing-showdropdown-item .billAmount {
            padding-left: 10px;
        }
.billing-showdropdown-item-parent {
    position: relative;
    max-width: 220px;
    padding-right: 23px;
}
.billing-showdropdown-block {
    background: #fff;
    border-radius: 3px;
    border: solid 1px #ececec;
    position: absolute;
    top: 0px;
    padding: 6px;
    left: 0px;
    max-width: 197px;
    width: 100%;
    z-index: 99;
    display: none;
}
.billing-showdropdown-section-inner {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 6px;
}
.billing-showdropdown-block .billing-showdropdown-item {
    margin-bottom: 8px;
}
    .billing-showdropdown-block .billing-showdropdown-item:last-of-type {
        margin-bottom: 0px;
    }
.billing-showdropdown-section {
    position: relative;
}

.table.custom-table tbody tr:hover .billing-showdropdown-item {
    background: #fff;
}
    .table.custom-table tbody tr:hover .billing-showdropdown-item span {
        color: #4690e3 !important
    }
.table.custom-table tbody tr:hover .billing-showdropdown-item-parent .billing-showdropdown {
    border: solid 1px #fff;
}
.ageBasedRoom-dropdown {
    background: #f2f2f2;
    padding: 15px;
    position: relative;
}
.ageBasedRoom-dropdown ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.ageBasedRoom-dropdown ul li {
    margin: 0px 0 10px 0;
    padding: 0px;
    list-style: none;
}
.ageBasedRoom-dropdown ul a {
    display: block;
    background: #fff;
    padding: 5px 8px;
    color: #2394f2;
    font-size: 13px;
}
    .ageBasedRoom-dropdown:before {
        content: '';
        position: absolute;
        left: 30px;
        top: -10px;
        margin-left: -3px;
        border-bottom: solid 10px #f2f2f2;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
    }

.chkinner_contact-allrelation + .control__indicator,
input.chkinner_contact-allrelation:checked ~ .control__indicator {
    border-radius: 50%;
}
#pDeleteDeactivateMsginfo {
    margin-bottom: 0px;
}
#HtagNoOfchildDeleteInfo, #HtagNoOfchildDeleteddeactivatedInfo {
    position: relative;
    left: 0px;
    top: 15px;
    font-weight: 600;
}
#DataTableDeleteDeactivate_wrapper &gt; .row .col-sm-6,
#DataTableDeletedDeactivatedinfo_wrapper &gt; .row .col-sm-6 {
    width: 100%;
}

.crm-leftpanel .thumb-img-list {
    max-height: 500px;
    overflow-y: auto;
    overflow-x:hidden;
}
    .crm-leftpanel .thumb-img-list .dropin-start-date {
        color: rgba(0, 0, 0, 0.4);
    }

 .support-note .DynamicScroll .btn-group {
    margin-bottom: 7px;
}
.homevisit-sidebar {
    min-height: 600px;
}
.homevisit-sidebar .homevisit-block .panel {
    padding-right: 10px;
}
    .homevisit-sidebar .homevisit-block .panel .panel-heading .panel-title a {
        padding: 10px 30px 10px 20px;
        font-weight: 500;
        font-size: 14px;
        position: relative;
    }
.homevisit-sidebar .homevisit-block .panel .panel-heading .panel-title a i {
    font-size: 16px;
    position: absolute;
    left: 5px;
    top: 10px;
}
        .homevisit-sidebar .homevisit-block &gt; .panel &gt; .panel-heading &gt; .panel-title &gt; a[aria-expanded="true"] {
            background: #2494f2;
            color: #fff;
            font-weight: bold;
        }
.homevisit-sidebar .homevisit-block .panel .panel-collapse ul {
    margin: 0px;
    padding: 0px 0px;
    list-style: none;
}
.homevisit-sidebar .homevisit-block .panel .panel-collapse ul li {
    padding-left: 15px;
    position: relative;
    line-height: normal;
    color: #333;
    border-bottom: solid 1px #fff;
}
    .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li {
        background: #fbfbfb;
        padding: 5px 5px 5px 20px;
    }
    .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li.active {
        background: #ffdead;
    }
.homevisit-sidebar .homevisit-block .panel .panel-collapse ul li a {
    color: #555;
}
    .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li .fa-trash-o {
        display: none;
        margin-left: 10px;
        color: #ff4141;
        cursor: pointer;
    }
        .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li:hover .fa-trash-o,
        .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li.active .fa-trash-o {
            display: inline-block;
        }
        .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li:last-child {
            margin-bottom: 0px;
        }
        .homevisit-sidebar .homevisit-block .panel .panel-collapse ul li:before {
            content: '';
            display: block;
            position: absolute;
            left: 8px;
            top: 12px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #505050;
        }
.view-more-dates {
    list-style: none;
}
.view-more-dates:before {
    display: none !important;
}
    .view-more-dates a {
        text-align: center;
        font-size: 13px;
        padding: 10px !important;
        margin: 0px;
        background: #efefef;
        border: solid 1px #dbdbdb;
        border-top: 0px;
        display: block;
    }
        .view-more-dates a .fa-ellipsis-h {
            position: relative;
            top: 2px;
        }
.homevisit-header {
    display: block;
    justify-content: space-between;
    margin-bottom: 10px;
    position: fixed;
    background: #fff;
    padding: 10px;
    top: 120px;
    right: 55px;
}
.homevisitrightsection input[type="text"] {
    border: solid 1px #dedede;
    padding: 6px 8px;
    border-radius: 3px;
}
#DivContent .table.table-bordered.datatableInfo .table tr td {
    border-top: 0px;
}
.programDetailPopup .enroll-session-list {
    position: relative;
    padding: 8px 30px 8px 8px;
    display: flex;
}

.programDetailPopup .enroll-session-list span {
    display: inline-block;
    margin: 0px 5px;
}

.programDetailPopup .enroll-session-list .viewdetail {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 10px;
    color: #3380FF;
}

.programDetailPopup .enroll-session-list-item .SeeDeatils-session-content {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}
.programDetailPopup .enroll-session-list-titles {
    margin-top: 15px;
    display: flex;
    font-weight: bold;
    margin-bottom: 10px;
}
    .programDetailPopup .enroll-session-list-titles .pc_name,
    .programDetailPopup .enroll-session-list-item .pc_name {
        display: inline-block;
        width: 35%;
    }
    .programDetailPopup .enroll-session-list-titles .pc_site_name,
    .programDetailPopup .enroll-session-list-item .pc_site_name {
        display: inline-block;
        width: 28%;
    }
    .programDetailPopup .enroll-session-list-titles .pc_start_name,
    .programDetailPopup .enroll-session-list-item .pc_start_name {
        display: inline-block;
        width: 15%;
    }
    .programDetailPopup .enroll-session-list-titles .pc_end_name,
    .programDetailPopup .enroll-session-list-item .pc_end_name {
        display: inline-block;
        width: 15%;
    }
    .programDetailPopup .enroll-session-list-titles .viewdetail,
    .programDetailPopup .enroll-session-list-item .viewdetail {
        display: inline-block;
        width: 7%;
        text-align: center;
    }
.programDetailPopup .enroll-session-list-item .SeeDeatils-session-content {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%)
}
.custom-popup h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 10px;
}
.custom-popup-container {
    width: 900px;
    overflow-x: auto;
}
.custom-popup .close {
    color: #333333;
    font-size: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.custom-popup .modal-body {
    padding: 30px;
}
.custom-popup p {
    line-height: 20px;
    font-size: 14px;
    color: #333333;
}
.regirtation-process-tabs {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    display: flex;
}
    .regirtation-process-tabs .regirtation-process-tabs-item {
        flex: 1 1 auto;
        width: 25%;
    }
.process-tabs-theme1,
.process-tabs-theme2,
.process-tabs-theme3,
.process-tabs-theme4 {
    background: #1374C5;
    border: solid 1px #fff;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    position: relative;
}
    .process-tabs-theme1::before,
    .process-tabs-theme2::before,
    .process-tabs-theme3::before,
    .process-tabs-theme4::before {
        content: '';
        position: absolute;
        right: -16px;
        top: 50%;
        margin-top: -12px;
        z-index: 4;
        border-left: 16px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-radius: 5px;
    }
    .process-tabs-theme1::after,
    .process-tabs-theme2::after,
    .process-tabs-theme3::after,
    .process-tabs-theme4::after {
        content: '';
        position: absolute;
        right: -12px;
        top: 50%;
        margin-top: -12px;
        z-index: 5;
        border-left: 16px solid #1374C5;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-radius: 5px;
    }
.process-tabs-theme1 {
    background: #1374C5 !important;
}
.process-tabs-theme2 {
    background: #FF9932 !important;
}
.process-tabs-theme3 {
    background: #FF6D3F !important;
}
.process-tabs-theme4 {
    background: #00BFA1 !important;
}

.process-tabs-theme1:after {
    border-left-color: #1374C5 !important;
}

.process-tabs-theme2:after {
    border-left-color: #FF9932 !important;
}

.process-tabs-theme3:after {
    border-left-color: #FF6D3F !important;
}

.process-tabs-theme4:after {
    border-left-color: #00BFA1 !important;
}
.regirtation-process-tabs-item p {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding: 15px 10px 10px 10px;
}
    .regirtation-process-tabs-item p a {
        text-decoration: underline;
        color: #333333;
    }
        .regirtation-process-tabs-item p a:hover {
            text-decoration: none;
            color: #3380FF;
        }
.regirtation-process-tabs-content {
    background: #F5F5F5;
    padding: 20px;
    margin-top: 15px;
}
.regirtation-process-tabs-content.theme1 {
    border-top: solid 5px #1374C5;
    position: relative;
}
    .regirtation-process-tabs-content.theme1:before {
        content: '';
        position: absolute;
        left: 100px;
        top: -18px;
        margin-top: 0;
        z-index: 5;
        border-bottom: 16px solid #1374C5;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-radius: 5px;
    }
    .regirtation-process-tabs-content table tr th:last-child,
    .regirtation-process-tabs-content table tr td:last-child {
        text-align: center;
    }
.custom-table-theme {
    border: 0px;
}
    .custom-table-theme thead tr th {
        background: #1374C5;
        padding: 15px 10px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        border: 0px;
    }
    .custom-table-theme tbody tr td {
        border: 0px;
        padding: 15px 10px;
        font-size: 14px;
        background: #fff;
        color: #333333;
        border-bottom: 1px solid #dadada;
    }
    .custom-table-theme th:last-child,
    .custom-table-theme td:last-child {
        border-right: 0px !important;
    }
.btn-proceed-row {
    padding: 20px 0px 0px 0px;
    text-align: center;
}
    .btn-proceed-row .btn-primary {
        padding: 12px 40px;
        color: #fff;
        background: #1374C5;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        border-radius: 5px;
    }

.view-detials-content {
    position: absolute;
    background: #fff;
    border-radius: 3px;
    width: 93%;
    border-top: solid 2px #2494f2;
    margin: 16px auto;
    padding: 20px;
    display: none;
    z-index: 10;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

.view-detials-content::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    width: 16px;
    height: 16px;
    border-left: solid 2px #2494f2;
    border-bottom: solid 2px #2494f2;
    transform: rotate(135deg);
    background: #fff;
}
    .view-detials-content .custom-table-theme {
        border-top: 1px solid #dadada;
    }
    .view-detials-content .custom-table-theme thead tr th {
        background: #f3f3f3;
        color: #333;
        border-bottom: 1px solid #dadada !important;
    }
.view-detials-content-title {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #DBDBDB;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
    .view-detials-content-title h3 {
        font-weight: 600;
        font-size: 20px;
    }
.view-detials-content h4 {
    font-weight: 600;
    font-size: 16px;
    margin-top: 30px;
    color: #606060;
}
.waiting-list-info-block {
    display: inline-block;
    margin-right: 30px;
}
.waiting-list-info {
    display: inline-block;
    margin-left: 6px;
}
    .waiting-list-info .fa-info-circle {
        font-size: 16px;
    }
    .waiting-list-info:after {
        background: none;
    }
.chipCardReader + .chipCardReader-desc {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 30px;
    left: 0px;
    width: 220px;
    margin-left: -70px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

    .chipCardReader + .chipCardReader-desc:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -3px;
        border-top: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }
.chipCardReader:hover + .chipCardReader-desc {
    display: block;
}
#viewmore-customizedStartEndTime_detail {
    display: none;
    padding: 10px 5px;
    position: absolute;
    top: 25px;
    background: #fff;
    width: 230px;
    z-index: 5;
    margin-left: -100px;
    border-radius: 5px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
    #viewmore-customizedStartEndTime_detail:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        bottom: initial;
        margin-left: -3px;
        border-bottom: solid 6px #fff;
        border-top: 0px;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }

.parent-option-checkboxes {
    margin-top: 6px;
    margin-bottom: 15px;
}

    .parent-option-checkboxes .control-custom-block {
        margin-right: 15px;
    }


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap');

.notessidebar {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}
/*.notestab {
    overflow: hidden;
}*/
    .notessidebar {
        padding-bottom: 10px;
    }
    .notessidebar-top-content {
        padding: 10px;
    }
    .notessidebar-top-content hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
        .notessidebar-top-content select {
            border-radius: 3px;
            box-shadow: none;
            border-color: #DEDEDE;
            height: 32px;
            padding: 4px;
        }
        .notessidebar-titlebar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.notessidebar-titlebar h3 {
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}
    .notessidebar-titlebar h3 span {
        font-size: 12px;
        color: #a5a5a5;
    }
        .notessidebar-titlebar h3 span strong {
            font-weight: 500;
        }
        .notessidebar-titlebar .journal-checkedin-flag {
            position: relative;
            top: initial;
            right: initial;
            border-radius: 3px;
            overflow: hidden;
        }
        .notessidebar-titlebar .journal-checkedin-flag .btn-default {
            background: #F8F7F7;
        }
.notessidebar .thumb-img-list .thumb-image-content .dropin-start-date {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
}
.selected-children {
    color: #F26224;
    text-align: right;
    font-size: 13px;
    padding: 5px 0px 5px 10px;
    font-family: 'Poppins', sans-serif;
}
.notessidebar .child-widget {
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
}
.notessidebar .thumb-img-list {
    max-height: 619px;
    min-height: 619px;
}
.notestab .nav-tabs-block {
    background: #fff;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
}
.notestab .nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    border: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    height: 50px;
}
.notestab .nav-tabs &gt; li {
    margin-right: 0px;
}
    .notestab .nav-tabs &gt; li a {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
        background: none;
        padding: 9px !important;
        min-width: 80px;
        width: auto;
        white-space: nowrap;
    }
    .notestab .nav-tabs &gt; li.active &gt; a, .notestab .nav-tabs &gt; li.active &gt; a:focus, .notestab .nav-tabs &gt; li.active &gt; a:hover, .notestab .nav-tabs &gt; li &gt; a:hover {
        border: none !important;
        background: #FFA113;
        color: #fff !important;
        border-radius: 5px !important;
    }
.notestab .nav-tabs &gt; li.active &gt; a:after, .notestab .nav-tabs &gt; li.active &gt; a:hover:after, .notestab .nav-tabs &gt; li.active &gt; a:focus:after, .notestab .nav-tabs &gt; li &gt; a:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -5px;
    border-top: solid 8px #FFA113;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    height: auto;
    background: none;
    display: inline-block;
    width: auto;
    top: initial;
}
.nav-tabs-block .nav-tabs p {
    margin-left: 10px;
}
.notestab .tab-content {
    border: none;
    box-shadow: none;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
}
.notestab .tab-pane {
    padding: 0px;
}
.notestab-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px !important;
    font-family: 'Poppins', sans-serif;
}
    .notestab-date label {
        font-family: 'Poppins', sans-serif;
        margin: 0px 15px 0px 0px;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
    }
.notestab-date {

}
    .notestab-date .datetime {
        max-width: 200px;
    }
    .notestab-date input[type=text] {
        background: #fff !important;
        border-radius: 3px 0px 0px 3px !important;
    }
    .notestab-date div.dropdown {
        margin: 0px;
    }
    .journal-report-buttons .input-group.date input[type=text] {
        background: #fff !important;
        border-radius: 3px 0px 0px 3px !important;
    }
.journal-report-buttons .email-icon i {
    color: #fff !important;
}
.notes-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.notes-row-heading {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    background: #F8F7F7;
    border: solid 1px #ECECEC;
    border-radius: 5px 5px 0 0;
    padding: 8px;
    position: relative;
    border-bottom: 0px;
}
.remove-note {
    color: #ff0000b8;
    position: absolute;
    top: 11px;
    right: 10px;
    width: 20px;
    font-size: 16px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
}
.notes-textarea {
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    position: relative;
}
.notes-thumbs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
    .notes-thumbs .notes-thumbs-item {
        margin-left: 10px;
        position: relative;
        border: solid 1px #DDDDDD;
    }
.notes-thumbs-item-remove {
    position: absolute;
    top: -5px;
    left: -5px;
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    color: #e3e3e3;
    line-height: 22px;
}
.notes-thumbs .notes-thumbs-item:first-of-type {
    margin-left: 0px
}
.notes-btn-upload {
    border-radius: 3px;
    display: flex;
    padding: 5px 8px 6px 8px;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #333333;
    background: #fff;
    border: solid 1px #EBEBEB;
}
    .notes-btn-upload input[type=file] {
        position: absolute;
        height: 100%;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0;
        cursor: pointer;
    }
    .notes-btn-upload img {
        margin-right: 5px;
        max-width: 16px;
    }
    .notestab .tab-content .tab-pane {
        padding-top: 0px;
    }
.notes-time {
    padding-top: 0px;
    margin-right: 10px;
}
.notes-time i {
    /*margin-right: 5px;*/
    font-size: 12px;
}
.notes-time select{
    font-size: 12px;
    border: none;
    background: inherit !important;
}
.journal-note-text textarea {
    background: none;
    border: none;
    box-shadow: none;
    height: auto;
    padding: 0px;
    min-height: 30px;
}
        .journal-note-text textarea:focus {
            box-shadow: none;
        }
.journal-report-title {
    font-family: 'Poppins', sans-serif;
    background: #ECECEC;
    border: solid 1px #e4e2e2;
    font-size: 16px;
    color: #333;
    margin: 0px;
    border-radius: 5px 5px 0px 0px !important;
    padding: 12px;
    font-weight: 500;
}
.journal-report-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.journal-report-buttons &gt; div {
    margin: 0px 5px;
}
    .journal-report-buttons select {
        border-radius: 3px;
        box-shadow: none;
        border-color: #DEDEDE;
        height: 32px;
        padding: 4px;
        min-width: 70px;
    }
    .journal-report-buttons .btn-success {
        border-radius: 4px;
    }
.custom-color-table .thumb-image {
    display: block;
    width: 30px;
    position: relative;
    margin: 0px auto 10px auto;
}
                .custom-color-table .thumb-image img {
                    border: 1px solid #C4C4C4; 
                    border-radius: 50%;
                    margin: 0px 0px;
                    max-height: 30px;
                    max-width: 30px;
                    transition: border-color 300ms ease-in-out 0s;
                    width: 100%;
                }
.notetab-setting-icon {
    border-radius: 5px;
}
    .notetab-setting-icon a {
        color: #fff;
        padding: 10px !important;
        display: flex;
        border-radius: 5px;
        background: #747474;
    }
.tab-sub-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
    .tab-sub-category .tab-sub-category-item {
        background: #F2F4F7;
        color: #333333;
        border-radius: 3px;
        min-width: 80px;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 7px 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
        .tab-sub-category .tab-sub-category-item a {
            margin: 0px 0px 0px 0px;
            color: #999999;
        }
.modal-body .tab-sub-category .tab-sub-category-item a {
    margin-left: 15px;
}
.tab-sub-category .tab-sub-category-item a i {
    font-size: 14px;
}
            .tab-sub-category .tab-sub-category-item a .fa-minus-circle {
                color: #ff8484;
            }
        .tab-sub-category .tab-sub-category-item:hover {
            background: #2494F2;
            color: #fff;
        }
.tab-sub-category .tab-sub-category-item.active-sub-category {
    background: #FFA113;
    color: #fff;
}
            .tab-sub-category .tab-sub-category-item:hover a, .tab-sub-category .tab-sub-category-item.active-sub-category a {
                color: #fff;
            }
                .tab-sub-category .tab-sub-category-item:hover a .fa-minus-circle, .tab-sub-category .tab-sub-category-item.active-sub-category a .fa-minus-circle {
                    color: #fff;
                }

.journal-report-block {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.notes-row .custom-file-input {
    position: absolute;
}

.category-accordion .panel {
    border: 0px;
}
.category-accordion .panel-heading {
    background-color: #f5f5f5;
    border-radius: 3px;
    position: relative;
}
    .category-accordion .panel-heading &gt; a {
        padding: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #222;
    }
.category-accordion .panel-body {
    padding: 15px !important;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd !important;
}
    .category-accordion .panel-body .tab-sub-category-item {
        background: #fff;
    }
        .category-accordion .panel-body .tab-sub-category-item:hover {
            background: #2494F2;
        }
        .category-accordion .panel-body .tab-sub-category-item.active-sub-category {
            background: #FFA113;
        }
.category-accordion-action-icons {
    top: 0px;
    position: absolute;
    right: 0px;
    display: flex;
}
    .category-accordion-action-icons a {
        padding: 10px 5px !important;
    }
    .category-accordion-action-icons a .fa {
        transform: none !important;
    }
        .category-accordion-action-icons a .fa.fa-trash {
            color: #FE9A9A;
        }

.daily-note-report-list {
    margin-bottom: 30px;
}
    .daily-note-report-list .editnote-block .BtnHeaderSave, .daily-note-report-list .editnote-block .BtnHeaderCancel {
        display: inline-block;
    }
.daily-note-report-list-item {
    padding-top: 10px;
    padding-right: 50px;
    position: relative;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 10px;
}
    .daily-note-report-list-item:last-of-type {
        padding-bottom: 0px;
        border-bottom: 0px;
    }
    .daily-report-block-inner .daily-note-report-list-item {
        padding-right: 0px;
    }
.journal-daily-report-block &gt; h4 {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    padding-bottom: 10px;
}
.daily-note-report-list h4 {
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    color: #1f86dc;
    padding: 8px;
    border-bottom: solid 1px #c6ebf7;
    border-top: solid 1px #c6ebf7;
    background: #deeffd;
}
.daily-note-report-list-item-time {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 3px;
    font-size: 12px !important;
    font-weight: normal;
}
.daily-note-report-list-item p {
    margin-bottom: 5px;
    font-size: 13px;
}
    .daily-note-report-list-item-thumbs img {
        border: solid 3px #E0DCDC;
        border-radius: 3px;
        margin-right: 5px;
        max-width: 80px;
        margin-top: 10px;
    }
.select-all-children {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px 2px 10px;
}
    .select-all-children .custom-checkbox-withtext .control--checkbox .control__indicator {
        border-radius: 4px;
    }
.custom-select-dropdown-checkbox {
    height: auto !important;
    width: 100% !important;
}
    .custom-select-dropdown-checkbox .dropdown-toggle {
        display: block;
        border: solid 1px #DEDEDE;
        padding: 9px 8px;
        border-radius: 3px;
        position: relative;
        color: #555;
    }
        .custom-select-dropdown-checkbox .dropdown-toggle:after {
            content: '';
            position: absolute;
            top: 10px;
            right: 10px;
            width: 7px;
            height: 7px;
            border-right: solid 2px #555555;
            border-bottom: solid 2px #555555;
            transform: rotate(45deg);
        }
    .custom-select-dropdown-checkbox .dropdown-menu {
        width: 100%;
        border: solid 1px #DEDEDE;
        overflow: hidden;
    }
        .custom-select-dropdown-checkbox .dropdown-menu li {
            display: block;
            width: 100%;
            padding: 10px 10px 12px 10px;
            margin: 0px;
            border-bottom: solid 1px #DEDEDE;
            font-size: 13px;
            line-height: normal;
        }
            .custom-select-dropdown-checkbox .dropdown-menu li:last-child {
                border-bottom: 0px;
            }
            .custom-select-dropdown-checkbox .dropdown-menu li:hover {
                background: #f2f2f2;
            }
            .custom-select-dropdown-checkbox .dropdown-menu li .control-custom {
                margin: 0px;
                width: 100%;
                padding-top: 2px !important;
            }
                .custom-select-dropdown-checkbox .dropdown-menu li .control-custom .control__indicator {
                    top: 3px;
                }
                .custom-select-dropdown-checkbox .dropdown-menu h3 {
                    font-size: 14px;
                    font-weight: 600;
                    padding: 10px;
                    margin: 0px;
                    background: #f2f2f2;
                    color: #000;
                    border-top: solid 1px #DEDEDE;
                    border-bottom: solid 1px #DEDEDE;
                }
.journal-notes .tab-content {
    border: 0px !important;
    box-shadow: none;
    border-radius: 5px !important;
    padding: 15px;
}
.journal-lesson-plan select {
    border-radius: 3px;
    box-shadow: none;
    border-color: #DEDEDE;
    height: 32px;
    padding: 4px;
}
.journal-lesson-plan .page-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.white-bg-block {
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px !important;
}
.btn-add-time {
    background: #FFFFFF;
    border: 1px solid #F9DBDB;
    border-radius: 4px;
    padding: 6px 8px;
    color: #8C8C8C;
    display: block;
    font-weight: normal;
    height: 28px;
}
.click-to-add {
    color: rgba(0, 0, 0, 0.4);
    font-size: 20px;
    opacity: 0.2;
}
.btn-send-approval {
    text-align: right;
    margin-top: 20px;
}
    .btn-send-approval .btn {
        border-radius: 3px;
        padding: 10px 15px;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
    }
.custom-color-table {
    overflow-x: auto;
}
    .custom-color-table table thead tr th, .custom-color-table &gt; table {
        border-radius: 7px 7px 0px 0px;
    }
    .custom-color-table table thead tr th,
    .custom-color-table table tbody tr td {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        background: #f8f7f7;
        padding: 10px;
        min-height: 50px;
        color: #000;
        text-align: center;
        border-radius: 5px;
        border: solid 2px #fff !important;
        position: relative;
        white-space: nowrap;
    }
    .custom-color-table table thead tr th {
        background: #ffeeb3;
        padding: 15px 10px;
        width: 70px;
        font-weight: 500;
        font-size: 13px;
    }
    .custom-color-table table thead tr th:first-of-type {
        background: #dadada;
        color: #000;
        text-align: left;
    }
    .custom-color-table table tbody tr td:first-of-type {
        text-align: left;
    }
.remove-datafilter-feature .dataTables_wrapper &gt; .row {
    margin: 0px !important;
}
.remove-datafilter-feature .dataTables_wrapper &gt; .row:first-child,
.remove-datafilter-feature .dataTables_wrapper &gt; .row:last-child {
    display: none;
}
table.first-col-fix thead tr th:first-of-type {
    width: 100px !important;
}
.custom-color-table table tr:nth-child(2n) {
    background: #fff !important;
}
.journal-lesson-plan .dataTables_wrapper .row .col-sm-12 {
    padding: 0px;
}
.journal-lesson-plan .dataTable {
    margin: 0px !important;
}
.add-time-control {
    position: relative;
}
    .add-time-control i {
        position: absolute;
        top: 8px;
        left: 9px;
        font-size: 14px;
        color: #8C8C8C;
    }
    .add-time-control input {
        background: #FFFFFF;
        border: solid 1px #EBEBEB;
        border-radius: 4px;
        padding: 6px 8px;
        color: #8C8C8C;
        display: block;
        font-weight: normal;
        height: 30px;
        width: 100%;
        padding-left: 24px;
    }
.lesson-category {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin: 0px 0px 5px 0px;
    cursor: pointer;
    background: #afafaf26;
    padding: 7px 5px;
    border-radius: 3px;
    white-space: normal;
}
.lesson-description {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    margin: 0px 0px 10px 0px;
    cursor: pointer;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lesson-description-parent {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    margin: 0px 0px 10px 0px;
    cursor: pointer;
}

    .lesson-description:last-of-type {
        margin-bottom: 0px;
    }
    .view-lesson-plan {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        color: #fff;
        display: none;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
        .view-lesson-plan a {
            color: #fff;
            display: inline-block;
            background: #337ab7;
            padding: 7px 10px;
            border-radius: 3px;
            margin: 5px 0px;
            min-width: 100px;
        }
    .view-lesson-plan a i {
        font-size: 18px;
    }
.lesson-plan-table table td:hover .view-lesson-plan {
    display: flex;
    flex-direction: column;
}
    .lesson-plan-table table td:hover .view-lesson-plan .click-to-add {
        color: #fff;
        font-size: 20px;
        opacity: 1;
    }
.modal-font-family {
    font-family: 'Poppins', sans-serif;
}
    .modal-font-family .modal-header {
        font-family: 'Poppins', sans-serif;
    }
    .modal-font-family .modal-header h3 {
        font-weight: 500;
        font-size: 20px;
    }
    .modal-font-family .modal-body p {
        font-family: 'Poppins', sans-serif;
    }
.viewLessonPlan-date {
    font-size: 14px;
    margin: 0px auto;
}
#modalViewLessonPlan .modal-header {
    display: flex;
    align-items: center;
}
.lesson-plan-list {
    border-bottom: solid 1px #E2DFDF;
    position: relative;
    padding-right: 90px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.lesson-plan-list-time-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #000;
    margin-bottom: 3px;
}
.lesson-plan-category {
    padding-left: 15px;
    margin-left: 15px;
    position: relative;
}
    .lesson-plan-category:after {
        content: '';
        position: absolute;
        left: 0px;
        top: 3px;
        height: 14px;
        width: 1px;
        background: #444;
    }
.lesson-plan-action-icon {
    position: absolute;
    top: 10px;
    right: 0px;
    white-space: nowrap;
}
td.lesson-plan-action-icon {
    position: relative;
    top: initial;
    right: initial;
}

.lesson-plan-action-icon a, #tblLessionPlanList span.dtr-data a {
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    border: 1px solid #2494F2;
    border-radius: 15px;
    text-align: center;
    line-height: 26px;
    font-size: 15px;
    display: inline-block;
    margin: 0px 2px;
}
.custom-color-table .table.dataTable &gt; tbody &gt; tr.child ul {
    width: 100%;
}
.lesson-plan-name {
    color: #555555;
    line-height: normal;
}
.lesson-plan-delete {
    color: #F43B3B;
    border: 1px solid #F43B3B !important;
}
    .lesson-plan-delete:hover {
        color: #F43B3B;
        border: 1px solid #F43B3B !important;
    }
.notessidebar-top-content .dropdown-menu .dropdown-menu-buttons {
    padding: 10px;
    background: #ffffff;
    text-align: right;
    border-top: solid 1px #f2f2f2;
    box-shadow: 1px -3px 4px rgb(0 0 0 / 5%);
}
.lesson-plan-category-view-more-content {
    display: none;
    position: absolute;
    top: 0;
    z-index: 99;
    padding: 15px 10px 15px 15px;
    background: #ffffff;
    border-radius: 5px;
    margin: 0 auto;
    line-height: normal;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}
.lesson-plan-category-view-more-content-inner {
    max-width: 300px;
    max-height: 200px;
    min-width: 200px;
    overflow-y: auto;
    padding-right: 10px;
}
.lesson-plan-category-view-more-content-close {
    position: relative;
    top: -10px;
    font-size: 18px;
    color: #f98383;
}
#tblLessionPlanList_wrapper #tblLessionPlanList {
    margin-bottom: 10px !important;
}
#modalViewLessonPlanPopup .modal-header {
    display: flex;
}
#tblLessionPlanList thead tr th:first-child{
    width: 30% !important;
}
#tblLessionPlanList thead tr th:last-child {
    width:105px !important;
}

.radius3 {
    border-radius: 3px !important;
}

.input-error {
    border: 1px solid #ff0000 !important;
}
.normal-info-icon {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    width: 18px;
    height: 18px;
    border: solid 1px #555;
    text-align: center;
    border-radius: 10px;
}
.normal-info-icon:after {
    content: 'i';
}
.fixTableHead {
    overflow-y: auto;
    overflow-x: auto;
    min-height: 100px;
    max-height: 400px !important;
}
.fixTableHead thead th {
    position: sticky;
    top: 0;
}
.custom-color-table .custom-checkbox-controls-txtinside .control-custom {
    padding-left: 25px;
    padding-top: 0px;
    white-space: normal;
    line-height: normal;
    margin: 0px;
}
.daily-report-block {
    margin-bottom: 20px;
}
.daily-report-block-inner {
    border: 0px !important;
    box-shadow: none;
    border-radius: 0px 0px 5px 5px !important;
    padding: 15px;
    background: #fff;
}

.note-report-title {
    background: #ECECEC;
    border: solid 1px #e4e2e2;
    font-size: 16px;
    color: #333;
    margin: 0px;
    border-radius: 5px 5px 0px 0px !important;
    padding: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
    .note-report-title p, .journal-report-title p {
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        font-weight: normal;
    }
    .note-selected-children {
        display: flex;
        margin-top: 15px;
        align-items: flex-start;
    }
    .note-selected-children h5 {
        color: #000;
        margin: 8px 10px 0 0;
        padding: 3px 0 0 0;
        font-size: 13px;
        font-weight: 600;
    }
.note-selected-children-list {
    align-items: center;
    height: 44px;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}
    .note-selected-children-list span {
        display: inline-flex;
        padding: 5px 10px;
        font-size: 12px;
        color: #000;
        background: #F4F4F4;
        margin: 10px 10px 0px 0px;
        border-radius: 3px;
        white-space: nowrap;
    }
.control-edit-block {
    margin-bottom: 15px;
}
    .control-edit-block label {
        font-weight: 500;
    }
    .control-edit {
        border: 1px solid #ccc;
        text-align: center;
        background: #fff;
        border-radius: 3px;
    }
.control-edit .BtnEdit {
    float: none;
    display: flex;
    flex: 1 1 auto;
    border: 0px;
}
    .control-edit .BtnEdit .spanlheight1 {
        width: 100%;
        text-align: left;
    }
.control-edit .settingEditbtn {
    padding: 8px;
    order:1;
}
    .control-edit .BtnEdit:hover {
        border: 0px solid #dadada;
    }
    .control-edit .FieldDivToEnable {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
.tag-dropdown-listimmu .control-edit .settingUpdatebtn, .tag-dropdown-listimmu .control-edit .settingCancelbtn {
    margin: 0px;
    float: none;
    border: 0px;
    border-left: 1px solid #ccc;
    padding: 9px !important;
    line-height: 14px;
    display: inline-flex;
}
    .control-edit .form-control {
        border: 0px !important;
    }
.view-icons-udf-controls {
    display: flex;
    margin-bottom: 10px;
}
.child-registration-breadcrumb .view-icons-udf-controls {
    display: flex !important;
}
.view-icons-udf-controls svg {
    width: 24px !important;
}
    .view-icons-udf-controls a {
        display: inline-block;
        margin-left: 10px;
        color: #fff;
        font-size: 16px;
        background: #a4aaaf;
        padding: 8px;
        border-radius: 5px;
    }

        .view-icons-udf-controls a.udfActive {
            background: #FFA113;
        }    
        .note-selected-children-list span a {
            color: #666;
        }
.journal-note-text .select2-results {
    border: 1px solid #e9e9e9;
    padding: 10px;
    border-bottom: none;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0px;
    top: 100%;
    max-height: initial;
    overflow-y: visible;
    margin-top: -5px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 6%) !important;
    border-radius: 0px 0px 5px 5px;
}
.journal-note-text .select2-results ul {
    max-height: 200px;
    overflow-y: auto;
}
    .journal-note-text .select2-results li {
        margin: 5px 0px;
    }
.overlay-div.waiting-list-info .custom-tooltip:after {
    left: 24%;
}
/******************** Update design for enroll ***************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap');
.poppins-font-family {
    font-family: 'Poppins', sans-serif;
}
.page-title {
    background: #fff;
    padding: 10px 15px;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
    font-family: 'Poppins', sans-serif;
    position: relative;
    border-radius: 5px;
    /*border: solid 1px #eeeeee;*/
}
    .page-title h1 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        font-family: 'Poppins', sans-serif;
        color: #333;
        margin: 0px;
        padding: 0px 0px;
        display: inline-block;
        min-width: 100px;
    }
    .page-title .title-edit-icon {
        margin-left: 10px;
        display: none;
    }
    .page-title .title-edit-icon a {
        margin: 0px 5px;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.5);
        border: 0px;
        font-size: 20px;
    }
    .page-title:hover .title-edit-icon {
        display: flex;
        position: absolute;
        right: 0px;
    }
        .page-title #HeaderEdit {
            display: inline-block;
            max-width: 500px;
        }
    .page-title .enrollstatus-span a, .page-title .enrollstatus-span span {
        color: rgba(0, 0, 0, 0.5);
    }
.page-title-dropdown {
    position: absolute;
    right: 10px;
    top: 10px;
}
    .page-title-dropdown .dropdown-toggle {
        background: #f5c233;
        border: solid 1px #ebb51e;
        border-radius: 3px;
        color: #000;
    }
#DivLabelEditClassName {
    display: flex;
    position: relative;
    padding-right: 65px;
}
.remove-float {
    float: none !important;
}
.card {
    background: #fff;
    padding: 15px;
    font-family: 'Poppins', sans-serif;
}
    .card .card-title {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        font-family: 'Poppins', sans-serif;
    }

.text-content-row {
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

    .text-content-row .text-content-caption {
        color: #aeaeae;
        line-height: 20px;
        font-size: 14px;
    }
    .text-content-row .text-content-value {
        color: #333333;
        line-height: 20px;
        font-size: 14px;
    }
.custom-accordion {
    padding: 0px;
}
.custom-accordion .panel {
    margin: 0px 0px 3px 0px;
    border: 0px;
}
.custom-accordion .panel-heading {
    border: 0px;
    background: none;
    box-shadow: none;
}
    .custom-accordion .panel-heading a {
        background: #fff;
        /*border-bottom: solid 1px rgba(0, 0, 0, 0.2);*/
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        padding: 15px;
        position: relative;
    }
        .custom-accordion .panel-heading a:after {
            content: '+';
            position: absolute;
            top: 11px;
            right: 15px;
            width: 30px;
            height: 30px;
            background: rgba(0, 0, 0, 0.5);
            transform: rotate(45deg);
            color: #fff;
            border-radius: 15px;
            text-align: center;
            line-height: 30px;
            font-size: 20px;
        }
        .custom-accordion .panel-heading a.collapsed:after {
            content: '+';
            position: absolute;
            top: 11px;
            right: 15px;
            width: 30px;
            height: 30px;
            background: #F3F5F6;
            transform: rotate(0deg);
            color: #333;
            border-radius: 15px;
            text-align: center;
            line-height: 30px;
        }
        .custom-accordion .panel-heading + .panel-collapse .panel-body {
            padding: 15px;
        }
    .custom-accordion .collapse.in {
        border-top: solid 1px rgba(0, 0, 0, 0.1);
    }
.modal-grey-bg {
    background: #F5F5F5 !important;
    font-family: 'Poppins', sans-serif;
}
.enroll-search {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-bottom: 20px;
}
.enroll-search input[type="text"] {
    border: 0px;
    box-shadow: none;
    padding: 10px 10px 10px 40px;
    height: auto;
    font-size: 14px;
    border-radius: 5px;
}
    .enroll-search .enroll-search-icon {
        position: absolute;
        left: 10px;
        top: 6px;
        font-size: 18px;
    }
.enroll-filter-strip {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}
    .enroll-filter-strip ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    .enroll-filter-strip ul li {
        min-width: 179px;
        text-align: center;
    }
        .enroll-filter-strip ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: 100%;
            height: 70px;
            text-align: center;
            color: #333333;
            position: relative;
        }
        .enroll-filter-strip ul li a svg {
            fill: none;
        }
        .enroll-filter-strip ul li:hover {
            background: #F6B202;
            color: #fff;
        }
        .enroll-filter-strip ul li:hover a {
            color: #fff !important;
        }
            .enroll-filter-strip ul li:hover a svg path {
                fill: #fff;
            }
            .enroll-filter-strip ul li a span {
                display: block;
                text-align: center;
                margin-top: 5px;
            }
        .enroll-filter-strip ul li:hover a span {
            color: #fff;
        }
        .enroll-filter-strip .nav-tabs .active {
            background: #F6B202;
            color: #fff;
        }
        .enroll-filter-strip .nav-tabs .active a, .enroll-filter-strip .nav-tabs .active a:hover, .enroll-filter-strip .nav-tabs .active a:focus {
            color: #fff !important;
            background: none;
            border: none;
        }
            .enroll-filter-strip .nav-tabs .active a svg path, .enroll-filter-strip .nav-tabs .active a:hover svg path, .enroll-filter-strip .nav-tabs .active a:focus svg path,
            .enroll-active-bg svg path {
                fill: #fff;
            }

.enroll-active-bg {
    background: #F6B202;
    color: #fff;
}
    .enroll-active-bg span {
        color: #fff;
    }
        .enroll-filter-time.active a svg path {
            stroke: #fff !important;
        }
.enroll-filter-strip .nav-tabs .active a:hover {
    color: #fff !important;
    background: none;
    border: none;
}
                .enroll-filter-strip .nav-tabs .active a:after, .enroll-filter-strip .nav-tabs .active a:hover:after, .enroll-filter-strip .nav-tabs .active a:focus:after {
                    display: none;
                }
            .enroll-filter-activity a svg path, .enroll-filter-time a svg path {
                fill: none !important;
            }
.enroll-filter-strip .nav-tabs .active.enroll-filter-activity a svg path {
    stroke: #fff !important;
}
.enroll-filter-activity:hover a svg path, .enroll-filter-time:hover a svg path {
    stroke: #fff !important;
}
.enroll-filter-bubble-count {
    position: absolute;
    top: 0px;
    right: 40px;
    width: 22px;
    height: 22px;
    background: #fa3e3e;
    color: #fff;
    border-radius: 15px;
    line-height: 22px;
    font-size: 14px;
}
.enroll-sorting {
    display: flex;
    background: #fff;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 10px;
    height: 70px;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.enroll-sort-by {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
    .enroll-sort-by .form-control {
        width: auto;
    }
    .enroll-sort-by span {
        white-space: nowrap;
        padding-right: 15px;
    }
.enroll-sort-result {
    text-align: center;
    color: #f6b202;
}
.enroll-sort-view-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.enroll-sort-view-icons a {
    display: flex;
}
.enroll-sort-view-icon-grid, .enroll-sort-view-icon-list {
    padding: 6px;
    margin: 0px 5px;
    border-radius: 3px;
}
    .enroll-sort-view-icon-grid:hover, .enroll-sort-view-icon-list:hover {
        background: #F6B202;
    }
.enroll-sort-view-icon-active {
    background: #F6B202;
}
.enroll-sort-view-icons svg {
    fill: rgb(37, 43, 66);
}

.enroll-sort-view-icon-active svg {
    fill: #fff !important;
}
.enroll-sort-view-icon-grid:hover svg {
    fill: #fff;
}
.enroll-sort-view-icon-active:hover svg {
    fill: #fff;
}
.enroll-sort-view-icon-list.enroll-sort-view-icon-active svg path, .enroll-sort-view-icon-list:hover svg path {
    fill: #fff !important;
    stroke: #fff !important;
}
.enroll-card-container {
    padding: 0px ;
    width: 31.5%;
}
.enroll-card {
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    line-height: 20px;
}
.enroll-tile-view {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;
    margin-top: 20px;
    gap: 30px;
    justify-content: flex-start;
}
    .enroll-tile-view .enroll-card-buttons {
        margin-top: 15px;
    }

.enroll-card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enroll-card-program {
    color: #555;
}
.enroll-card-program-name {
    margin: 5px 0px;
    font-weight: 500;
}
.enroll-status-enrolled {
    color: #08A418;
}
.enroll-status-open {
    color: #62A5FF;
}
.enroll-status-onwaitlist {
    color: #F6B202;
}
.enroll-card-program-site {
    opacity: 0.5;
}
.enroll-card-title {
    display: block !important;
    margin: 0px 0px 10px 0px !important;
    font-weight: 500;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.enroll-card-description {
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 300;
    margin: 0px 0px 20px 0px;
    overflow-y: auto;
}
.enroll-card-block {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0 0;
}
.enroll-card-detail-block {

}
.enroll-tile-view .enroll-card-block {
    flex-direction: column;
}
.enroll-tile-view .enroll-card-block .enroll-card-description {
    height: 60px;
}
/*.enroll-card-description span {
        color: #c7c7c7;
    }*/
.enroll-btn-date {
    display: flex;
    flex-direction: column;
}
.enroll-detail .enroll-card-description {
    height: auto;
    width: 60%;
}
.enroll-card-status {
    font-size: 16px;
}
.enroll-card-date {
    margin: 10px 0px 20px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #777;
}
.enroll-card-date-cal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.enroll-card-date-days {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    color: #333;
}
    .enroll-card-date-days ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        list-style: none;
    }
.enroll-detail .enroll-card-date-days ul {
    justify-content: flex-end;
}
.indication-item:last-of-type {
    margin-right: 0px !important;
}
.enroll-card-date-days ul li {
    background: #2494f2;
    border-radius: 4px;
    padding: 3px 7px;
    margin-right: 2px;
    min-width: 40px;
    text-align: center;
    color: #fff;
    border: 0px;
    font-size: 12px;
}
    .enroll-card-date svg {
        margin-right: 10px;
    }
    .enroll-card-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .enroll-card-buttons .btn-primary {
            background: #08A418;
            border-radius: 3px;
            font-weight: 500;
        }
        
.enroll-list-view {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 15px 0px;
    justify-content: space-between;
}
.enroll-list-view .enroll-card-container {
    padding: 0px 0px 15px 0px;
    width: 100%;
}
    .enroll-list-view .enroll-card-program {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .enroll-list-view .enroll-card-program-name {
        margin: 0px 30px 0px 0px;
    }
    .enroll-list-view .enroll-btn-date {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 15px;
    }
    .enroll-list-view .enroll-card-buttons .btn-primary {
        margin-left: 40px;
    }
    .enroll-list-view .enroll-card-date {
        margin: 0px;
        font-size: 13px;
        flex-direction: column;
        gap: 10px;
        align-items: flex-end;
    }
.enroll-tile-view .enroll-card-date {
    margin: 10px 0px 0 0;
    font-size: 13px;
    flex-direction: column;
    gap: 15px;
}
.enroll-detail .enroll-list-view .enroll-btn-date {
    justify-content: space-between;
    margin: 0px 0px;
    align-items: flex-end;
}
.enroll-detail .enroll-list-view .enroll-btn-date svg {
    margin-right: 10px !important;
}
.enroll-detail .enroll-list-view .enroll-card-date {
    font-size: 13px;
    flex-direction: column;
    align-items: flex-end;
}
.enroll-detail .enroll-card-buttons {
    margin: 0px 20px 0 0;
}

.enroll-card-detail-desicription {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}
.enroll-detail-map {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    grid-gap: 20px;
}
    .enroll-detail-map &gt; div {
        display: flex;
    }
    .enroll-detail-map svg {
        margin-right: 6px;
    }
    .enroll-detail-map-view-popup {
        display: none;
        position: absolute;
        right: 0px;
        top: 25px;
        background: #032576;
        border-radius: 5px;
        padding: 5px;
        width: 500px;
        max-width: 500px;
        max-height: 350px;
    }
    .enroll-detail-map-view-popup h5 {
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        padding-left: 10px;
    }
    .enroll-detail-map-view-popup:after {
        content: '';
        position: absolute;
        right: 20px;
        top: -8px;
        width: 0;
        height: 0;
        border-bottom: solid 8px #032576;
        border-right: solid 6px transparent;
        border-left: solid 6px transparent;
    }
        .enroll-detail-map-view-popup .large-map {
            color: #fff;
        }


.enroll-detail-enrollies-view-popup {
    display: none;
    position: absolute;
    right: 0px;
    top: 25px;
    background: #f4f4f4;
    border-radius: 5px;
    padding: 5px;
    width: 300px;
    max-width: 300px;
    max-height: 300px;
    z-index: 999;
}

    .enroll-detail-enrollies-view-popup h5 {
        color: #333;
        font-weight: 500;
        font-size: 18px;
        padding-left: 10px;
    }

    .enroll-detail-enrollies-view-popup:after {
        content: '';
        position: absolute;
        right: 20px;
        top: -8px;
        width: 0;
        height: 0;
        border-bottom: solid 8px #f4f4f4;
        border-right: solid 6px transparent;
        border-left: solid 6px transparent;
    }

    .enroll-detail-enrollies-view-popup .thumb-img-list li {
        background-color: #fff;
    }

        .enroll-detail-enrollies-view-popup .thumb-img-list li .thumb-image {
            width: 40px;
        }

            .enroll-detail-enrollies-view-popup .thumb-img-list li .thumb-image img {
                max-width: 40px;
                max-height: 40px;
            }

    .enroll-detail-enrollies-view-popup .thumb-img-list {
        max-height: 210px;
    }

.enroll-cost {
    background: #032576;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 3px;
    color: #fff;
    border-radius: 3px;
}
.enroll-cost-amount {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
    background: none;
    box-shadow: none;
}
    .enroll-cost-amount .overlay-div {
        background: none;
    }
    .enroll-cost-amount .overlay-div:after {
        background: none;
        display: none;
    }
    .enroll-cost-amount .overlay-div .fa-info-circle {
        color: #2494f2;
    }
    .enroll-cost-amount .custom-tooltip:after {
        border-top: solid 6px #2494f2;
    }
    .enroll-cost-amount .overlay-div .custom-tooltip {
        background: #2494f2;
    }
.enroll-cost-amount span {
    font-size: 16px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
}
.enroll-cost .btn-primary {
    border-radius: 3px;
    background: #f6b202;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #032576;
}
.enroll-holidays {
    margin-top: 30px;
}
    .enroll-holidays h4 {
        font-weight: 600;
        font-size: 20px;
    }
.enroll-holidays-item-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    overflow-x:auto;
    max-height:240px;
}
.enroll-holidays-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 45%;
    background: #afafaf26;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 500;
}
.enroll-holidays-item-date {
    font-weight: 500;
    margin-right: 15px;
}
.enroll-holidays-item-occasion {
    margin-right: 15px;
    flex: 1 1 auto;
}
.enroll-holidays-item-action, .enroll-holidays-item-action span {
    font-size: 16px;
    min-width: 40px;
    display: flex;
    justify-content: space-between;
}
    /*.enroll-holidays-item-action a, .enroll-holidays-item-action span a {
        color: #a7a7a7;
    }*/
    .panel-body .enroll-holidays-item {
        width: 100%;
        padding: 15px;
    }
.btn-add-holiday {
    padding: 8px 20px;
    border-radius: 5px;
}
.tableRefershProgram {
}
    .tableRefershProgram .dataTables_filter label {
        margin: 0px;
        position: relative;
    }
        .tableRefershProgram .dataTables_filter label:before {
            position: absolute;
            left: 8px;
            top: 8px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f002";
            color: #c3c3c3;
        }
    .tableRefershProgram .dataTables_filter .form-control {
        margin: 0px;
        padding-left: 30px;
    }
    .tableRefershProgram .multiselect-container.dropdown-menu li .multiselect-group {
        padding: 7px 10px 9px 10px;
        background: #f3f3f3;
        width: 100%;
    }
    .tableRefershProgram .multiselect-container.dropdown-menu &gt; li &gt; a:hover,
    .tableRefershProgram .multiselect-container.dropdown-menu li &gt; a:hover,
    .tableRefershProgram .multiselect-container.dropdown-menu &gt; li &gt; a:focus,
    .tableRefershProgram .multiselect-container.dropdown-menu &gt; li &gt; a:focus:hover {
        background-color: transparent;
        background-image: none;
        color: #000;
    }
    .tableRefershProgram .multiselect-container &gt; li.active &gt; a {
        background-color: transparent;
        color: #000;
    }
.tableRefershProgram .multiselect.dropdown-toggle .caret {
    display: none;
}

    .tableRefershProgram .multiselect-container.dropdown-menu li &gt; a.btn-primary:hover {
        background-color: #2391ed !important;
        background-image: none;
        color: #FFF !important;
    }
.session-list-block-row {
    margin-bottom: 15px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 7%);
    border-radius: 3px;
    padding: 15px;
}
    .session-list-block-row h3 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px !important;
        display: inline-block;
    }
.session-list-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
    .session-list-block &gt; div {
        color: #c1bfbf;
        margin: 0 20px 0 0px;
        line-height: 18px;
    }
        .session-list-block &gt; div span {
            display: block;
            color: #9f9999;
        }
.table-header-fix {
    position: relative;
    border-collapse: collapse;
}
.table-header-fix th {
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    z-index: 9;
}
.add-new-session-link {
    position: absolute;
    left: 70px;
    top: 4px;
}
    .add-new-session-link a {
        font-size: 20px;
        position: relative;
    }
    .add-new-session-link .custom-tooltip {
        top: 100%;
        bottom: initial;
        width: 200px !important;
        margin-left: -103px !important;
        font-weight: normal;
    }
        .add-new-session-link .custom-tooltip:after {
            top: -6px !important;
            bottom: initial;
            border-bottom: solid 6px #17365d !important;
            border-top: 0px;
        }
.display-edit-block {
    display: flex;
    margin-bottom: 15px;
}
    .display-edit-block .BtnHeaderSave {
        margin: 0px;
    }
    .display-edit-block .BtnHeaderSave, .display-edit-block .BtnHeaderCancel, .display-edit-block .settingUpdatebtn, .display-edit-block .settingCancelbtn {
        display: flex;
        align-items: center;
        height: 30px;
        margin: 0px;
    }
    .display-edit-block .BtnEdit {
        display: flex;
        align-items: center;
    }
    .BtnEdit p {
        display: inline-block;
        font-size: 14px;
        line-height: normal;
        margin: 0px;
    }
.custom-color-table {
    overflow-x: visible !important;
}
    .custom-color-table table thead tr th {
        background: #dadada;
    }

.custom-color-table table tbody tr td:first-of-type {
    text-align: left;
}
.custom-color-table .table.table-bordered &gt; thead:first-child &gt; tr &gt; th:last-child {
    border: 0px !important;
}
.custom-color-table .table.table-bordered {
    border: 0px !important;
}
.remove-datafilter-feature .dataTables_wrapper &gt; .row {
    margin: 0px !important;
}

.remove-datafilter-feature .dataTables_wrapper &gt; .row:first-child,
.remove-datafilter-feature .dataTables_wrapper &gt; .row:last-child {
    display: none;
}

.remove-datafilter-feature .dataTables_wrapper .row .col-sm-12 {
    padding: 0px;
}

.custom-color-table table tr:nth-child(2n) {
    background: #fff !important;
}
.pc-table-edit-icons {
    text-align: center;
}
    .pc-table-edit-icons a {
        font-size: 18px;
        color: #fff;
    }
        .pc-table-edit-icons a i {
            margin: 0px 5px;
            color: #333;
        }
.default-bills-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.addRowIconhover a {
    margin: 0px 5px;
}
#ddlRateName, .ddlRateName {
    max-height: 253px;
    overflow-y: auto;
    min-width: 170px;
    overflow-x: visible;
}
.parental-options-switch .SwitchAlign  {
    display: inline-block !important;
    padding-right: 0px !important;
    text-align: left !important;
    width: 56px !important;
}
.radius3 {
    border-radius: 3px !important;
}

/*&lt;span class="loaderNew" &gt; &lt;/span &gt;*/
.loaderNew {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    margin: 0px auto;
    left: -24px;
    border-radius: 50%;
    color: rgb(116, 116, 116);
    background: rgb(116, 116, 116);
    box-shadow: 24px 0, -24px 0, 48px 0;
}

    .loaderNew::after {
        content: '';
        position: absolute;
        left: -24px;
        top: 0;
        width: 12px;
        height: 12px;
        border-radius: 10px;
        background: #ffbd08;
        animation: movenew 3s linear infinite alternate;
    }

@keyframes movenew {
    0%, 5% {
        left: -24px;
        width: 12px;
    }

    15%, 20% {
        left: -24px;
        width: 40px;
    }

    30%, 35% {
        left: 0px;
        width: 12px;
    }

    45%, 50% {
        left: 0px;
        width: 40px;
    }

    60%, 65% {
        left: 24px;
        width: 12px;
    }

    75%, 80% {
        left: 24px;
        width: 40px;
    }

    95%, 100% {
        left: 48px;
        width: 12px;
    }
}
.enroll-tab-content {
    border: 0px !important;
    padding: 0px;
    margin: 0px !important;
    background: none;
    box-shadow: none;
}
    .enroll-tab-content .tab-pane {
        padding: 0px !important;
    }
    .enroll-tab-content-inner {
        background: #fff;
        box-shadow: 0px 10px 40px rgb(0 0 0 / 5%);
        border-radius: 0px 0px 5px 5px;
        padding: 15px;
    }
.enroll-tab-content-inner .form-control {
    height: 34px;
}
        .enroll-tab-content-inner hr {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .enroll-tab-inner-title {
            font-weight: 400;
            font-family: 'Poppins', sans-serif;
            padding: 10px !important;
            color: #fff;
            font-size: 20px;
            background: #0960a9;
            border-radius: 5px 5px 0px 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 50px;
        }
        .enroll-tab-inner-title h3 {
            font-weight: 400;
            font-family: 'Poppins', sans-serif;
            display: block;
            color: #fff;
            font-size: 20px;
        }
.enroll-tab-inner-title-buttons {
    display: flex;
    align-items: center;
    border: solid 1px #fff;
    border-radius: 3px;
}
    .enroll-tab-inner-title-buttons a {
        border: solid 1px #fff;
        padding: 3px 8px;
        font-size: 13px;
        color: #fff;
    }
    .enroll-tab-content-inner h5 {
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
    }
        .checkbox-list-item {
            border: solid 1px #f3f3f3;
            border-radius: 5px;
            margin-bottom: 15px;
        }
    .checkbox-list-item label {
        margin: 0px;
        padding: 10px 10px 10px 20px;
        text-align: left;
        display: block;
    }
        .checkbox-list-item label .control__indicator {
            top: 10px;
            left: 10px;
        }
        .checkbox-list-item label.control-custom {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
.checkbox-list-item:hover {
    background: #f3f3f3;
}
.custom-calendar {
    display: flex;
    overflow-x: auto;
}
    .custom-calendar .datetimepicker-days {
        background: #fff;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
        border-radius: 8px;
        padding: 10px;
        margin: 0 20px 20px 20px;
    }
        .custom-calendar .datetimepicker-days .table-condensed .month-year-head {
            background: #032576;
            color: #fff;
            text-align: center;
            border-radius: 5px 5px 0 0;
            padding: 10px;
        }
        .custom-calendar .datetimepicker-days .table-condensed {
            border-collapse: initial;
            border-spacing: 2px;
        }
            .custom-calendar .datetimepicker-days .table-condensed .dow {
                color: #032576;
            }
        .custom-calendar .datetimepicker-days .table-condensed .dow, .custom-calendar .datetimepicker-days .table-condensed tr td {
            padding: 6px 8px;
            text-align: center;
            border-radius: 4px;
        }
            .custom-calendar .datetimepicker-days .table-condensed tr td.day.today.active {
                background: #2494f2;
                color: #fff;
            }
            .custom-calendar .datetimepicker-days .table-condensed tr td.day.old, .custom-calendar .datetimepicker-days .table-condensed tr td.day.new {
                color: #cfcfcf;
            }

.ongoing {
    color: #04d119;
    font-weight: 600;
}
.enroll-card-date-days-items {
    display: flex;
}
.enroll-card-date-days .color-indication {
    margin-top: 6px;
}
.date-dash {
    padding: 0px 5px;
}
.days-of-week {
    display: flex;
    justify-content: space-between
}
    .days-of-week .checkbox-list-item {
        min-width: 120px;
    }
        .days-of-week .checkbox-list-item label.control-custom {
            font-weight: 600;
            color: #666
        }
.enroll-filter-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.see-detail-info {
    position: relative;
    margin-left: 5px;
    color: #a9a9a9;
}
    .see-detail-info .custom-tooltip {
        top: initial;
        bottom: 20px;
        margin-left: -118px;
    }
    .see-detail-info .normal-bullets {
        counter-reset: list-number;
    }
    .see-detail-info .normal-bullets li {
        text-align: left;
    }
        .see-detail-info .normal-bullets li:before {
            counter-increment: list-number;
            content: counter(list-number);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #fff;
        }


.sidebar-list .card .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .sidebar-list .card .header .dropdown {
        width: auto;
        height: 18px;
        margin: 0px;
    }
        .sidebar-list .card .header .dropdown .account, .sidebar-list .card .header .dropdown .accountChild {
            padding: 0px;
            margin: 0px;
            width: auto;
            height: auto;
            font-size: 24px;
        }
    .sidebar-list .card .header .card-title {
        margin: 0px;
    }
.sidebar-list .card .header .dropdown .account h2 {
    margin: 0px;
    padding: 0px 5px
}
#viewmore-customizedStartEndTime_detail {
    background: #f6f6f6;
    display: none;
    padding: 10px;
    position: absolute;
    top: 25px;
    width: 230px;
    z-index: 5;
    margin-left: -100px;
    border-radius: 5px;
    color: #333;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
}
    #viewmore-customizedStartEndTime_detail:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        bottom: initial;
        margin-left: -3px;
        border-bottom: solid 6px #f6f6f6;
        border-top: 0px;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }
.custom-calendar-indication {
    margin: 20px 0 0 20px;
}
.custom-calendar-indication ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

.custom-calendar-indication ul li span {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 3px;
}
.custom-calendar-indication-available span {
    background: #2494f2;
}
.custom-calendar-indication-holiday span {
    background: #ff2c2c;
}
.cal-holiday-name {
    display: none;
    position: absolute;
    bottom: 35px;
    width: 100px;
    background: #032576;
    border-radius: 5px;
    padding: 5px;
    font-size: 13px;
    margin-left: -45px;
}
    .cal-holiday-name:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -7px;
        border-top: solid 7px #032576;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
    }
    .holidayV2:hover .cal-holiday-name {
        display: block;
    }
    .holidayV3:hover .cal-holiday-name {
        display: block;
    }
.custom-calendar-indication-offday span {
    background: #f6a700;
}
.AddChildProgramInfo .modal-header {
    padding: 0px;
}
.AddChildProgramInfo .modal-header h3 {
    color: #555;
    font-weight: 500;
    font-size: 18px;
}
    .AddChildProgramInfo .modal-header .close {
        display: none;
    }
.AddChildProgramInfo .enroll-filter-strip ul li {
    min-width: auto;
    flex: 1 0 0%;
}
.AddChildProgramInfo .enroll-filter-bubble-count {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    right: 20px;
}
.AddChildProgramInfo .enroll-tile-view {
    
}
.AddChildProgramInfo .enroll-tile-view .enroll-card-container {
    width: 48%;
}
.AddChildProgramInfo .checkbox-list-item label.control-custom {
    padding: 10px 10px 10px 35px;
}
.AddChildProgramInfo .checkbox-list-item label .control__indicator {
    top: 8px;
}
.AddChildProgramInfo .days-of-week .checkbox-list-item {
    min-width: 80px;
}
.AddChildProgramInfo .days-of-week {
    flex-wrap: wrap;
}
.AddChildProgramInfo .tab-content .tab-pane {
    overflow-y: visible !important;
    max-height: 100% !important;
}
#enrollGradeAge .enroll-tab-content-inner .container-fluid .col-md-4,
#enrollGradeAge .enroll-tab-content-inner .container-fluid .col-md-8 {
    width: 50% !important;
}
.note-report-title, .journal-report-title {
    position: relative;
}

    .note-report-title a.accordion-plus, .journal-report-title a.accordion-plus {
        color: #fff;
        display: inline-flex;
        width: 15px;
        height: 15px;
        position: relative;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .note-report-title a.accordion-plus:before, .journal-report-title a.accordion-plus:before {
            top: 4px;
            background: #555;
        }

        .note-report-title a.accordion-plus:after, .journal-report-title a.accordion-plus:after {
            top: -2px;
            background: #555;
        }

.note-selected-children {
    display: flex;
    margin-top: 15px;
    align-items: flex-start;
}

.journal-notes .accordion {
    padding-top: 0px;
}
.journal-notes .accordion .panel {
    background: none;
    border: 0px;
}

.journal-report-title a {
    color: #fff;
}
.maincontactlog .AdultemailLog-notifi {
    position: absolute;
    top:0px;
    right:10px;
}
.AdultemailLog-notifi span {
    position: absolute;
    left: 13px;
    top: -6px;
    border-radius: 3px;
    background: #fa9e32;
    color: #fff;
    font-size: 8px !important;
    font-weight: normal;
    line-height: 12px;
    /* width: 12px; */
    height: 12px;
    z-index: 1;
    text-align: center;
    min-width: 12px;
    padding-left:2px;
    padding-right:2px;
}
.maincontactlog {
    position: relative;
    padding-right: 30px;
    font-size: 12px;
    color: #2494f2;
}
#ActionTableRecievedEmailLog_filter{
    max-width:50%;
}
.child-balance-loder::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.1) url('https://icarenextgen.icaresoftware.com/images/LoaderIcon.gif') no-repeat 97% center;
    width: 100%;
    height: 100%;
    background-size: 16px;
    z-index: 999;
}

#divpaytypeinfo_spf {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    #divpaytypeinfo_spf .overlay-div {
        font-size: 12px;
        display: inline-block;
        margin: 0px 5px 0px 0px;
        background: none;
    }

        #divpaytypeinfo_spf .overlay-div::after {
            display: none;
        }

        #divpaytypeinfo_spf .overlay-div .custom-tooltip {
            bottom: 14px;
            width: 170px !important;
        }

        #divpaytypeinfo_spf .overlay-div .custom-tooltip::after
        {
            left:initial;
            right:10px;
        }
        #divpaytypeinfo_spf .overlay-div .custom-tooltip a {
           color:white;
           cursor:pointer;
        }
.payment-setting-icon {
    float: left;
    height: 18px;
    width: 18px;
    border: 0px;
    position: relative;
    font-size: 16px;
    top: 2px;
    margin-left: 10px;
    color: #858585 !important;
}
.remind-btn-block .payment-setting-icon + .payment-setting-icon-desc {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 30px;
    left: 0px;
    width: 200px;
    margin-left: -30px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

    .remind-btn-block .payment-setting-icon + .payment-setting-icon-desc:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -3px;
        border-top: solid 6px #17365d;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent
    }

.remind-btn-block .payment-setting-icon:hover + .payment-setting-icon-desc {
    display: block;
}


.question-item {
    position: relative;
    padding-left: 26px;
    margin-bottom: 30px;
}
    .question-item .control-custom {
        position: absolute;
        top: -1px;
        left: 0px;
    }
    .question-item label {
        margin-bottom: 0px;
        color: #222;
        font-weight: 400;
        font-size: 14px;
    }
.question-item p {
    margin: 5px 0 0 0px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
}

.amount-to-paid-container {
    position: relative;
    display: inline-block;
}

.amount-to-paid-plus, .amount-to-paid-minus {
    display: inline-block;
    font-size: 0px;
    color: #888;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

    .amount-to-paid-plus:before {
        content: '+';
        font-size: 20px;
        color: #888;
    }
    .amount-to-paid-minus:before {
        content: '-';
        font-size: 20px;
        color: #888;
    }

.amount-to-paid-dropdown {
    position: absolute;
    top: 32px;
    right: 100%;
    background: #fff;
    padding: 15px;
    width: 500px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    z-index: 999;
    margin-right: -50px;
    display: none;
}

    .amount-to-paid-dropdown:before {
        content: '';
        position: absolute;
        top: -13px;
        right: 30px;
        margin-right: -1px;
        border-bottom: solid 12px #ccc;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
        z-index: 10;
    }

    .amount-to-paid-dropdown table tr th {
        padding-top: 5px;
        padding-bottom: 5px;
    }

#paymentType .amount-to-paid-dropdown:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 22px;
    margin-right: -1px;
    border-bottom: solid 8px #ccc;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    z-index: 10;
}


#paymentType .amount-to-paid-dropdown {
    position: absolute;
    top: 32px;
    right: 100%;
    background: #fff;
    padding: 15px;
    width: 550px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    z-index: 999;
    margin-right: -375px;
    display: none;
}

#tblUnclearedTrnx {

}

#tblUnclearedTrnx {
    overflow-y: auto;
    overflow-x: auto;
    min-height: 100px;
    max-height: 400px !important;
}

    #tblUnclearedTrnx thead th {
        position: sticky;
        top: -1px;
        z-index: 1;
    }

    .contact-udf .accordion .panel .panel-title .collapsed + a.contact-udf-edit-caption {
        display: none;
        position: absolute;
        right: 0px;
        top: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }
    .contact-udf .accordion .panel .panel-title a.contact-udf-edit-caption {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 8px;
        padding-left: 10px;
        padding-right: 5px;
    }
#friends .contact-udf .accordion .panel .panel-title .collapsed + a.contact-udf-edit-caption + a.contact-udf-edit {
    display: none;
}


#friends .contact-udf .accordion .panel .panel-title a.contact-udf-edit-caption + a.contact-udf-edit {
    display: inline-block;
    top: 10px;
}
#friends .contact-udf .accordion .panel .panel-title a.contact-udf-edit-caption {
    top: 8px;
    right: 30px;
}

.contact-udf .accordion .panel .panel-title a.contact-udf-edit-caption:before {
    display: none;
}


.dv_classDetails .accordion .panel-default, .dvAddMoreContactUDF .accordion .panel-default {
    border: 0px;
}

#friends .contact-udf .accordion .panel .ContactUdfEdit .panel-body .row .col-sm-3 {
    text-align: right;
}
#dvContactUDFSection .accordion .panel .ContactUdfEdit .panel-body .row .col-sm-3 label {
    font-weight: 500;
}
#friends .contact-udf .accordion .panel .ContactUdfEdit .panel-body .row .col-sm-3 label {
    font-weight: 500;
}

    .dv_classDetails .accordion .panel-default .panel-heading, .dvAddMoreContactUDF .accordion .panel-default .panel-heading {
        background-color: #f5f5f5;
    }

        .dv_classDetails .accordion .panel-default .panel-heading .panel-title, .dvAddMoreContactUDF .accordion .panel-default .panel-heading .panel-title {
            display: flex;
            justify-content: space-between;
            padding: 6px 10px;
        }

.dv_classDetails .accordion .panel-heading a, .dvAddMoreContactUDF .accordion .panel-heading a {
    padding: 5px 0px;
}

.dv_classDetails .accordion .panel-collapse, .dvAddMoreContactUDF .accordion .panel-collapse {
    border: solid 1px #f5f5f5;
}

.dv_classDetails .accordion .UDF_detail p, .dvAddMoreContactUDF .accordion .UDF_detail p {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
}
.dv_classDetails .accordion .panel-collapse, .dvAddMoreContactUDF .accordion .panel-collapse {
    border: solid 1px #f5f5f5;
}

.dv_classDetails .accordion .panel .panel-title .btncollapsed:before, .dvAddMoreContactUDF .accordion .panel .panel-title .btncollapsed:before {
    content: '-';
    font-size: 18px;
    padding-right: 8px;
}

.dv_classDetails .accordion .panel .panel-title .btncollapsed.collapsed:before, .dvAddMoreContactUDF .accordion .panel .panel-title .btncollapsed.collapsed:before {
    content: '+';
    font-size: 18px;
    padding-right: 8px;
}

.dv_classDetails .accordion .panel  textarea{
    width:100%
}

.tooltip-billing-draft .custom-tooltip {
    left: initial;
    right: 70px;
    bottom: initial;
    top: -28px;
}
    .tooltip-billing-draft .custom-tooltip:after {
        content: '';
        position: absolute;
        right: 0%;
        top: 50%;
        margin-right: -6px;
        margin-top: -3px;
        border-left: solid 6px #17365d;
        border-top: solid 6px transparent;
        border-bottom: solid 6px transparent;
        bottom: initial;
        left: initial;
        margin-left: initial;
        border-right: initial;
    }
    .tooltip-billing-draft .custom-tooltip:after {
        right: 0%;
        left: initial;
    }
.splitChildChargePayment {
    background: url(/images/split-icon.png) no-repeat center left;
    display: inline-block;
    height: 22px;
    background-size: 16px;
    padding-left: 22px;
    padding-top: 4px;
}

#bodyudfSettingContact {
    overflow-y: auto;
    max-height: 350px;
}
.seedetail-session-schedule-table .see-detail-info .custom-tooltip {
    bottom: initial;
    top: 25px;
}

.seedetail-session-schedule-table .see-detail-info .custom-tooltip:after {
    right: 50%;
    top: -3px;
    border-left: solid 6px transparent !important;
    border-right: solid 6px transparent !important;
    border-bottom: solid 6px #17365d !important;
    bottom: initial;
    border-top: 0px;
    left: initial;
    margin-left: initial;
}
#registration #dvChildUDFPanel label {
    font-weight: 400;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.registration-flex-desktop-view {
    display: flex;
    align-items: center;
    margin-right: -8px;
    margin-left: -8px;
}

.Formview .row-fields.registration-flex-desktop-view {
    width: 49%;
    float: left;
    flex-direction: column;
    align-items: flex-start;
}

.Formview .row-fields.registration-flex-desktop-view .col-sm-5, 
.Formview .row-fields.registration-flex-desktop-view .col-sm-4 {
    width: 90%;
    text-align: left;
}


#divPendingUdfPopup .md-content .modal-header h3 {
    font-size: 16px;
    font-weight: 400;
}

#divPendingUdfPopup .md-content .modal-body .info-content .widget-title {
    border-bottom: 0px;
    padding-bottom: 0px;
    color: #000;
    line-height: normal;
    font-size: 14px;
}

#divPendingUdfPopup .md-content .modal-body .info-content .normal-bullets {
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
}

#divPendingUdfPopup #spanMsgPendingUdf {
    background: #fdebc0;
    padding: 10px;
    border-radius: 5px;
}
.inner-accordion-panel {
    padding: 20px;
}
.inner-accordion-panel label {
    font-weight: 400;
}
.reg-sticky-bar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 53px;
    z-index: 99;
    width: 100%;
}
.reg-sticky-bar-active {
    background: #fff;
    padding: 10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.reg-fixed-buttons {
    padding: 10px 10px 0px 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reg-sticky-bar-active .reg-fixed-buttons {
    padding: 10px 0px 0px 0px;
}
.reg-fixed-buttons .btn-primary {
    font-size: 16px;
    background: linear-gradient(#fec180 0%, #ff8993 100%);
    box-shadow: 0px 10px 10px rgba(255, 143, 145, 0.2);
    border-radius: 5px;
    padding: 8px 15px;
}
    .profile-thumb-section h1 {
        font-size: 24px;
        font-weight: 400;
        color: #333;
        margin-bottom: 15px;
    }
    .profile-title .avatar {
        margin-bottom: 0px !important;
    }


    .profile-title .avatar img {
        max-width: 50px !important;
    }

        .profile-title h2 {
            font-size: 20px;
        }
    .profile-tabs-mobile-section .tab-container {
        margin-top: 50px;
    }



.profile-title {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}
.profile-title .avatar img {
    max-width: 50px;
}
    .profile-title h2 {
        font-size: 20px;
    }.reg-fixed-buttons .btn-primary.myprogress {
    background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%) !important;
    background: #2394f2;
}

.Msch-Site-Dropdown-Center {
    display: flex;
    width: 270px;
    position: absolute;
    top: 0px;
    left: 50%;
     margin-left: -200px;
    justify-content: center;
    align-items: center;
    gap: 10px; /* background: #f2f2f2; */
}
    .Msch-Site-Dropdown-Center span {
        font-size: 14px;
        width: 105px
    }
.Msch-Site-Dropdown-Center .form-control {
    border-radius: 4px;
    border-width: 2px;
}

.selectdrop-reconsile .select2-container.form-control {
    /* border: 0px;*/
    box-shadow: none;
    padding: 0px;
    height: 30px;
}

    .selectdrop-reconsile .select2-container.form-control .select2-choice {
        line-height: 20px;
    }
    .selectdrop-reconsile .select2-container.form-control .select2-arrow {
        position: absolute;
    }

        .selectdrop-reconsile .select2-container.form-control .select2-arrow:after {
            content: '';
            position: absolute;
            top: 8px;
            right: 10px;
            width: 7px;
            height: 7px;
            border-top: solid 2px #555;
            border-right: solid 2px #555;
            transform: rotate(135deg);
        }

#CartDataTable td .addRowIcon {
    display: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #2494f2;
    bottom: -25px;
    display: block;
    left: 25px;
    padding: 5px;
    position: absolute;
    width: 45px;
    z-index: 3;
    text-align: center;
}

#DivChildGrid #dvClassId.setting-dropdown .icheckbox .iCheck-helper {
    display: none !important;
}        


.info-icon-grey-with-text {
    position: relative;
    display: inline-block;
    background: url(/images/info-icon-grey.png) no-repeat;
    min-height: 14px;
    padding-left: 23px;
    background-position: 0px 3px;
}
.setup-integration-title {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.journal-note-search {
    display: flex;
    gap: 10px;
}
    .journal-note-search .journal-note-text {
        position: relative;
    }
.journal-note-search .journal-note-text .form-control {
    border-radius: 3px;
    height: 34px;
}
.journal-note-tab-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

    .journal-note-tab-container ul p {
        margin-top: 12px;
    }
    .journal-note-search .journal-note-text {
        flex: 1 0 auto;
        position: relative;
        max-width: 400px;
    }
    .journal-note-search .journal-note-text .select2-results {
        top: 36px;
        border-radius: 0px 0px 5px 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 20px 20px rgba(0, 0, 0, 0.2) !important;
    }
.select2-results li a {
    line-height: normal;
}
.enroll-card-detail-desicription {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}

.custom-fields-edit .child-dropdown-tick,
.custom-fields-edit .child-dropdown-cross,
.custom-fields-edit .settingUpdatebtn,
.custom-fields-edit .settingCancelbtn,
.custom-fields-edit .inlineeditCancelBtnstaff {
    margin: 5px 0px 0px 5px !important;
    border: 0px !important;
}
.custom-fields-edit .settingUpdatebtn, .custom-fields-edit .child-dropdown-tick {
    background: #60c060;
    color: #fff;
}

.custom-fields-edit .settingCancelbtn, .custom-fields-edit .child-dropdown-cross, .custom-fields-edit .inlineeditCancelBtnstaff {
    background: #bfbfc0;
    color: #555;
}

.custom-fields-edit .immu-block .fieldTitleEditChild {
    vertical-align: top;
    padding-top: 13px !important;
}
.custom-fields-edit .no-strip.skills .fieldTitleEditChild, .custom-fields-edit .no-strip.skills .fieldTitleEditAdult {
    vertical-align: top;
    padding-top: 13px !important;
}

#DivDischargeReasonvalue .input-group-btn {
    top: -17px;
}
.custom-fields-edit #DivBusTypevalue .btn-group .multiselect {
    width: 200px !important;
}
.custom-fields-edit #DivBusTypevalue .settingUpdatebtn, .custom-fields-edit #DivBusTypevalue .settingCancelbtn {
    margin: 0px 0px 0px 5px !important;
}
.custom-fields-edit .datetime .form-control {
    height: 33px;
}

.add-family-btntext {
    position: relative;
    display: flex;
    align-items: center;
}
    .add-family-btntext p {
        text-align: right;
        font-size: 13px;
        line-height: 18px;
        max-width: 475px;
        margin-right: 10px;
        padding: 3px 10px;
        border-radius: 4px;
    }


.skeleton-container {
    background: #fff;
    margin-bottom: 20px;
    padding:10px;
}
.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 80%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.skeleton-text {
    width: 100%;
    height:1.5rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.skeleton-text__body {
    width: 75%;
}

.skeleton-footer {
    width: 30%;
}

.dropin-child-status-dropdown {
    position: relative;
    margin: 10px 0px 10px 0px;
}
    .dropin-child-status-dropdown .dropdown-toggle {
        width: 100%;
        text-align: left;
        background: none;
        color: #333;
        border: solid 1px #e5e5e5;
        border-radius: 2px 2px 0px 0px;
        padding: 6px 10px;
        position: relative;
    }
        .dropin-child-status-dropdown .dropdown-toggle .caret {
            position: absolute;
            top: 14px;
            right: 10px;
        }
    .dropin-child-status-dropdown .dropdown-menu {
        margin: 0px;
        width: 100%;
        border-radius: 0px 0px 2px 2px;
        border-top: 0px;
    }
        .dropin-child-status-dropdown .dropdown-menu li {
            border-bottom: solid 1px #e5e5e5;
        }
            .dropin-child-status-dropdown .dropdown-menu li:last-child {
                border-bottom: 0px;
            }
            .dropin-child-status-dropdown .dropdown-menu li a {
                position: relative;
            }
            .dropin-child-status-dropdown .cout {
                display: inline-block;
                font-size: 9px;
                background: #eea200;
                color: #fff;
                padding: 0px 3px 0px 2px;
                border-radius: 3px;
                margin-left: 5px;
            }
    .dropin-child-status-dropdown + .panel-group.accordion {
        border-top: solid 1px #e5e5e5;
    }

#dvAddMoreContactUDFCode .settingUpdatebtn {
    background: #60c060;
    color: #fff;
    margin: 5px 0px 0px 5px !important;
    border: 0px !important;
}
#dvAddMoreContactUDFCode .settingCancelbtn {
    background: #bfbfc0;
    color: #555;
    margin: 5px 0px 0px 5px !important;
    border: 0px !important;
}


    .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit {
        border: 0px;
        background: none;
    }
        .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .FieldDivToEnable {
            display: block;
            text-align: left;
        }
        .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .form-control {
            border: 1px solid #dadada !important;
            background: #fff !important;
        }
        .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .BtnEdit {
            border: 1px solid #dadada !important;
        }
            .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .BtnEdit .settingEditbtn {
                padding: 7px 8px;
            }

.enroll-suppot-link {
    background: #fff;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 20px;
}
.setting-site-wise {
    display: flex;
    justify-content: space-between;
}
 
    .accordion-sitewise .panel .panel-heading h4 a {
        font-weight: 600;
    }
 
.accordion-sitewise .panel .panel-heading h4 a {
    font-weight: 600;
}

.accordion-sitewise .panel-collapse {
    border: 1px solid rgba(0, 0, 0, 0.20) !important;
    background: #fff !important;
}

    .accordion-sitewise .panel-collapse h5 {
        font-weight: 600;
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0 6px 0;
    }


#div_md-FdcBillingDraftRateChart.FdcVoucherAddMd {
    top: 50px !important;
}

#DynamicTable_FdcRateChart_wrapper .pull-left {
    display: none;
}

#DynamicTable_FdcRateChart_wrapper .pull-right {
    float: left !important;
    width: 80%;
}

.grant-data-checklist .openemaildiv {
    position: relative;
    top: -7px;
    color: #333;
}
.report-card-title {
    text-align: center;
    background-color: #ffc000;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 500;
}
.report-title-bar {
    font-size: 20px;
    font-weight: 600;
    background: #17365d;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    font-weight: 500;
}

.journal-note-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.category-caption {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    top: 2px;
}
.journal-note-text-block {
    flex: 1 1 auto;
}

.simple-table thead th {
    border-top: 2px solid #dadada !important;
    border-bottom: 2px solid #dadada !important;
    min-height: 40px;
    padding: 8px;
    font-weight: 600;
    color: #686868;
}
    .simple-table thead th:first-of-type, .simple-table tbody td:first-of-type {
        border-left: 0px;
    }
    .simple-table thead th:last-of-type, .simple-table tbody td:last-of-type {
        border-right: 0px;
    }
.simple-table .control-custom {
    display: inline;
}

.dropdownWithInput {
    display: flex;
}
.dropdownWithInput .dropdown {
    width: auto;
    margin: 0px;
    height: auto;
}
    .dropdownWithInput .dropdown .dropdown-toggle {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        background: #F6F6F6;
        border: 1px solid #ccc;
        border-right: 0px;
        border-radius: 3px 0px 0px 3px;
        color: #898989;
        line-height: 26px;
    }
    .dropdownWithInput .dropdown ul li a {
        font-weight: normal;
    }
.fixTableHead.simple-table {
    min-height: 270px;
}
#modalNotetabSetting {
    margin-top: 0px !important;
    margin-left: 0px !important;
    top: 52px !important;
    left: initial !important;
    right: 0px !important;
    height: 100vh !important;
}
    #modalNotetabSetting &gt; .md-content {
        height: 100vh !important;
    }
        #modalNotetabSetting &gt; .md-content .modal-body {
            height: 57vh !important;
        }
.notestab-date-buttons {
    display: flex;
    align-items: center;
}

#modalNotetabSetting .md-content .modal-header h3 {
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

#modalNotetabSetting .modal-header {
    background-color: #fff;
    border-bottom: 1px solid #d7cfcf;
}

#modalNotetabSetting .close {
    opacity: 1;
    color: #000;
}

.btn-category-accordion a {
    display: inline-block !important;
    color: #fff !important;
    padding: 5px 12px !important;
}
.btn-category-accordion a.btn-default {
    color: #333 !important;
}
#category-accordion .custom-select-dropdown-checkbox a {
    color: #555 !important;
    font-size: 13px;
}

.category-header-title  {
    background: #eee;
    padding: 8px 5px 5px 5px;
    font-size: inherit;
    margin-bottom: 4px;
}

.vertical-left-category .tab-left .nav-tabs {
    border: 0px;
    padding: 0px 12px;
}
.vertical-left-category {
    padding-top: 10px;
}
    .vertical-left-category .tab-left .nav-tabs li {
        padding: 0px !important;
        border: 0px !important;
        margin-bottom: 10px;
    }
.vertical-left-category .tab-left .nav-tabs li:last-child {
    margin-bottom: 0px;
}
    .vertical-left-category .tab-left .nav-tabs li a {
        font-weight: normal;
        background: #f5f5f5;
        border: solid 1px #f5f5f5;
        border-radius: 5px !important;
    }
    .vertical-left-category .tab-left .nav-tabs &gt; .active {
        border: 0px !important;
    }
    .vertical-left-category .tab-left .nav-tabs &gt; .active a:hover {
        border: solid 1px #d9d9d9;
    }
        .vertical-left-category .tab-left .nav-tabs &gt; .active a {
            border: solid 1px #d6d6d6;
            position: relative;
            background: #d6d6d6;
        }
            .vertical-left-category .tab-left .nav-tabs &gt; .active a:after {
                content: '';
                position: absolute;
                left: initial !important;
                bottom: initial !important;
                top: 50% !important;
                right: -8px;
                margin-top: -8px;
                width: 15px !important;
                height: 15px !important;
                border-top: solid 1px #d6d6d6;
                border-right: solid 1px #d6d6d6;
                background: #d6d6d6 !important;
                transform: rotate(45deg);
            }
            .vertical-left-category .tab-left .nav-tabs &gt; .active a:focus {
                border: solid 1px #d6d6d6;
            }
    .vertical-left-category .tab-left .nav-tabs li a span {
        display: block;
        font-size: 12px;
        color: #000000;
        font-weight: normal;
    }
    .vertical-left-category .tab-content {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        box-shadow: none;
        border: 0px;
    }
    .vertical-left-category .tab-content .tab-pane {
        padding: 0px;
    }

.journal-catetory-accordion .note-report-title a.accordion-plus {
    position: relative;
    width: auto;
    height: auto;
    display: block;
    top: initial;
    right: initial;
    color: #555;
    margin: 0px;
}
.journal-catetory-accordion .panel {
    margin-bottom: 10px;
    border: 0px;
}
.journal-catetory-accordion .note-report-title .accordion-plus:before {
    left: initial;
    right: 6px;
    top: 6px;
}
.journal-catetory-accordion .note-report-title .accordion-plus:after {
    left: initial;
    right: 12px;
    top: 0px;
}
.journal-catetory-accordion .panel-collapse {
    padding: 15px;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}
.page-description-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}
    .page-description-content h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        padding: 0px 0px 10px 0px;
        margin: 0px;
    }
    .page-description-content p {
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }
.vertical-left-category .tab-container {
    display: flex;
}
    .vertical-left-category .tab-container h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 0px 10px 10px 10px;
        margin: 0px;
        font-weight: 500;
    }
.left-vertical-tabs-block {
    
}
#modalNotetabSetting .modal-header p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    color: #555;
}

#program-accordion {
    margin-top: 10px;
}



#md-newEnrollment {
    width: 100% !important;
    max-width: 1300px !important;
    top: 20px !important;
    position: absolute !important;
    margin-top: 0px !important;
}

#md-PcDetailV2 {
    width: 100% !important;
    max-width: 1000px !important;
    top: 20px !important;
    left: 50%;
    position: absolute !important;
    margin: 0px 0 0 -500px !important;
    z-index: 2001;
}

.FortisCardReader:hover + .FortischipCardReader-desc {
    display: block;
}

.FortisCardReader + .FortischipCardReader-desc {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 30px;
    left: 0px;
    width: 220px;
    margin-left: 130px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

.FortisCardReaderStatus:hover + .FortischipCardReaderStatus-desc {
    display: block;
}

.FortisCardReaderStatus + .FortischipCardReaderStatus-desc {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 23px;
    left: 0px;
    width: 280px;
    margin-left: 23px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}

.FortisWebhookCreate:hover + .FortisWebhookCreate-desc {
    display: block;
}

.FortisWebhookCreate + .FortisWebhookCreate-desc {
    background-color: #17365d;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    text-align: center;
    bottom: 23px;
    left: 0px;
    width: 280px;
    margin-left: 23px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    white-space: normal;
    word-break: break-word;
}


.assign-role .datatableInfo {
    width: 100% !important;
}


.onboard-tabs {
    margin-top: 30px;
}
.onboard-secton-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 2px #D9D9D9;
}
/*.onboard-tabs .tab-content &gt; .tab-pane .onboard-secton-item:last-of-type {
    border-bottom: 0px;
}*/
    .onboard-tabs .nav-tabs {
        border-bottom: 1px solid transparent;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .onboard-tabs .nav-tabs li {
        float: none;
        display: inline-block !important;
        background: #F4F4F4;
        margin: 0px;

    }
        .onboard-tabs .nav-tabs li:first-child {
            border-top-left-radius: 20px !important;
            border-bottom-left-radius: 20px !important;
        }
        .onboard-tabs .nav-tabs li:last-child {
            border-top-right-radius: 20px !important;
            border-bottom-right-radius: 20px !important;
        }
        .onboard-tabs .nav-tabs li.active a {
            border: 0px;
            margin: 0px;
            background: #E8833A;
            color: #fff !important;
            border-radius: 20px !important;
        }
            .onboard-tabs .nav-tabs li.active a:hover, .onboard-tabs .nav-tabs li.active a:focus {
                border: 0px;
            }
            .onboard-tabs .nav-tabs li.active a:after, .onboard-tabs .nav-tabs li.active a:hover:after {
                display: none;
            }
        .onboard-tabs .tab-content {
            border: 0px;
            padding: 0px 20px;
            border-radius: 0px;
            box-shadow: none;
        }
        .onboard-tabs .tab-content .onboard-secton-item  h3 {
            font-size: 20px;
            font-weight: 500;
        }
            .onboard-tabs .tab-content .onboard-secton-item .onboard-textbox {
                margin-bottom: 10px;
                display: flex;
                gap: 15px;
            }
            .onboard-tabs .tab-content .onboard-secton-item .form-control {
                border-radius: 5px;
                height: 40px;
                font-size: 13px;
            }
#tabDeliver .onboard-secton-item .section-attachments {
    padding-left: 30px;
}
        .attach-fileupload {
            display: inline-block;
            background: #F4F9FD;
            color: #2E86CD;
            position: relative;
            padding: 10px;
            border-radius: 3px;
            cursor: pointer;
        }
            .attach-fileupload i {
                margin-right: 5px;
            }
            .attach-fileupload input {
                opacity: 0;
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                cursor: pointer;
            }
.bg-row-flexiroom {
    background: #f3f3f3;
    border-radius: 5px;
    padding: 7px 8px;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}
    .bg-row-flexiroom:last-of-type {
        margin-bottom: 0px;
    }
    .bg-row-flexiroom &gt; div:nth-child(1) {
        min-width: 20px;
    }
    .bg-row-flexiroom &gt; div:nth-child(2) {
        min-width: 70px;
    }
    .bg-row-flexiroom &gt; div:nth-child(3) {
        min-width: 70%;
        padding-left: 10px;
    }

.handbook-upload {
    display: flex;
    gap: 10px;
    align-items: center;
}
.handbook-upload .notes-thumbs-item {
    position: relative;
    font-size: 16px;
}
    .handbook-upload .notes-thumbs-item .notes-thumbs-item-remove {
        position: absolute;
        top: -7px;
        right: -30px;
        background: none;
        display: inline-block;
        height: auto;
        width: auto;
        border-radius: 50%;
        text-align: center;
        color: #838383;
        line-height: normal;
        font-size: 12px;
    }
.trAddHandbook .multiselect-container {
    width: 100%;
}
.trAddHandbook .multiselect-container &gt; li &gt; a &gt; label.checkbox {
    margin: 0px;
}
 
.btn-blue-edit {
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #2494F2;
    border-radius: 15px;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    display: inline-block;
    margin: 0px 2px;
}

.btn-red-delete {
    width: 24px;
    height: 24px;
    background: #FFFFFF; 
    border-radius: 15px;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    display: inline-block;
    margin: 0px 2px;
    color: #F43B3B;
    border: 1px solid #F43B3B !important;
}

.bitool-icon {
    padding: 15px 15px 10px 15px;
}
.bitool-icon .fa-signal {
    margin-top: -7px;
    position: relative;
    vertical-align: baseline;
}
.datatableInfo .noselect {
    text-align: center;
}
.datatableInfo img,
#chat-frame #sidepanel #contacts ul li.contact .wrap img,
.thumb-img-list li .thumb-image img,
.profile-title .avatar img,
.ContactsEditList .pos-relative &gt; img,
#dv_PartialSibling .ContactsEditList img,
.gallery-cont .item .thumbnailImg img,
.userProfileView .child__edit_table_res img {
    position: relative;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
}
    .datatableInfo img:before,
    #chat-frame #sidepanel #contacts ul li.contact .wrap img:before,
    .thumb-img-list li .thumb-image img:before,
    .profile-title .avatar img:before,
    .ContactsEditList .pos-relative &gt; img:before,
    #dv_PartialSibling .ContactsEditList img:before,
    .gallery-cont .item .thumbnailImg img:before,
    .userProfileView .child__edit_table_res img:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        height: 40px;
        width: 40px;
    }
    .datatableInfo img:after,
    #chat-frame #sidepanel #contacts ul li.contact .wrap img:after,
    .thumb-img-list li .thumb-image img:after,
    .profile-title .avatar img:after,
    .ContactsEditList .pos-relative &gt; img:after,
    #dv_PartialSibling .ContactsEditList img:after,
    .gallery-cont .item .thumbnailImg img:after,
    .userProfileView .child__edit_table_res img:after {
        content: "" url('../../images/default-avtar.jpg') attr(src);
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        height: 40px;
        width: 40px;
    }

.profile-info .avatar-parent .avatar img {
    position: relative;
    height: 110px !important;
    width: 110px !important;
}

    .profile-info .avatar-parent .avatar img:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        height: 110px;
        width: 110px;
    }

    .profile-info .avatar-parent .avatar img:after {
        content: "" url('../../images/default-avtar.jpg') attr(src);
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        height: 110px;
        width: 110px;
    }
#chat-frame #sidepanel #contacts ul li.contact .wrap span {
    z-index: 1;
}

#ancParentViewPayment {
    margin-left: 30px;
}

.switch-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin-top: 15px;
}
.switch-list-item {
    display: flex;
    position: relative;
    padding-left: 55px;
}
    .switch-list-item .bootstrap-switch {
        position: absolute;
        left: 0px;
        top: 2px;
    }

.btn-upload-default {
    border: dashed 1px #bfbfbf !important;
    background: #f5f5f5 !important;
    border-radius: 5px !important;
    color: #555 !important;
}

input.btn-upload-default[type=file]::file-selector-button {
    background: none;
    border: none;
    width: 2px;
    color: transparent;
}

input.btn-upload-default[type=file]::-webkit-file-upload-button {
    background: none;
    border: none;
    width: 2px;
    color: transparent;
}
.mrgt15 {
    margin-top: 15px;    
}


.right-canvas {
    margin-top: 0px !important;
    margin-left: 0px !important;
    top: 0px !important;
    left: initial !important;
    right: 0px !important;
    height: 100vh !important;
}
    .right-canvas .md-content {
        height: 100vh !important;
    }

    .right-canvas .md-content {
        max-height: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .right-canvas .modal-header {
        background-color: #fff;
        border-bottom: 1px solid #d7cfcf;
    }
    .right-canvas .md-content .modal-header h3 {
        color: #000;
        font-weight: 500;
        font-size: 20px;
    }
    .right-canvas .md-content .modal-body {
        overflow-y: auto;
        position: relative;
        flex: 1 1 auto;
    }
    .multiselectlist &gt; .btn-group .dropdown-menu {
        max-height: 65vh !important;
    }
     
@media screen and (min-width: 1400px) {
    /*.right-canvas &gt; .md-content .modal-body {
            height: 67vh !important;
        }*/

    .multiselectlist &gt; .btn-group .dropdown-menu {
        max-height: 70vh !important;
    }
}

.multiselectlist &gt; .btn-group {
    width: 100%;
}
.multiselectlist &gt; .btn-group .btn {
    width: 100% !important;
}
    .multiselectlist &gt; .btn-group .dropdown-menu {
        position: relative;
        display: block;
        width: 100%;
        border: 0px;
        box-shadow: none;
    }
        .multiselectlist &gt; .btn-group .dropdown-menu .input-group {
            border-left: 1px solid rgba(0, 0, 0, .15);
            border-right: 1px solid rgba(0, 0, 0, .15);
            margin: 0px;
            padding: 8px;
            width: 100%;
        }
.multiselectlist &gt; .btn-group .dropdown-menu .input-group .multiselect-search {
    width: 100%;
    max-width: 260px;
}
        .multiselectlist &gt; .btn-group .dropdown-menu li {
            border-bottom: solid 1px #fff;
            border-left: 1px solid rgba(0, 0, 0, .15);
            border-right: 1px solid rgba(0, 0, 0, .15);
        }
            .multiselectlist &gt; .btn-group .dropdown-menu li:last-child {
                border-bottom: 1px solid rgba(0, 0, 0, .15);
            }
            .multiselectlist &gt; .btn-primary {
                padding: 6px 20px;
                margin-top: 20px;
            }

.multiselectlist .multiselect-container &gt; li &gt; a {
    padding: 10px 12px !important;
}
    .multiselectlist .multiselect-container &gt; li &gt; a label {
        padding: 0px;
    }

    .multiselectlist .multiselect-container &gt; li &gt; a:hover {
        background-color: #ebebeb;
        color: #333;
    }

.multiselectlist .multiselect-container &gt; li.active &gt; a {
    background-color: #efefef;
    color: #333;
}
    .multiselectlist .multiselect-container &gt; li.active &gt; a:hover {
        background-color: #ebebeb;
        color: #333;
    }
.multiselectlist .active .iradio_square-blueb {
    border: 2px #2489c5 solid;
}
.multiselectlist .dropdown-toggle.btn-default .caret {
    display: none;
}
#calendar .holiday-cal-profile .fc-event-inner {
    background: #33B679;
    background-color: #33B679;
    color: #fff;
}

.login-header-btns {
    position: absolute;
    right: 10px;
    display: flex;
    gap: 10px;
}
    .login-header-btns .btn-register {
        font-size: 14px;
        margin: 0px;
    }

.self-registration-block-footer {

}
    .self-registration-block-footer .self-registration-footer-btns {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.billingAttendanceSubRow {
    padding: 10px 0 0 50px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.billingAttendance h4 a {
    position: relative;
    color: #333;
    display: inline-block;
    padding-right: 20px;
}
.billingAttendance h4 a span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
}
    .billingAttendance h4 a:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0px;
        width: 12px;
        height: 12px;
        border-left: solid 2px #555;
        border-bottom: solid 2px #555;
        transform: rotate(-45deg);
    }
.billingAttendanceAmountRate {
    display: flex;
    align-items: center;
    gap: 10px;
}
    .billingAttendanceAmountRate .input-group {
        display: flex;
    }
        .billingAttendanceAmountRate .input-group .dropdown-menu {
            width: 200px;
            right: 0px;
            left: initial;
            padding: 10px;
        }
        .billingAttendanceAmountRate .input-group .input-group-btn {
            width: auto;
        }
        .billingAttendanceAmountRate .input-group &gt; input[type=text] {
            width: 200px;
        }

#maindiv_Sch_PcEditTimeSet2 .radio-inline {
    padding: 0 0 0 30px;
    margin: 0px 0 15px 0;
    line-height: normal;
}

#maindiv_Sch_PcEditTimeSet2 .radio-inline .iradio_square-blue {
    position: absolute;
    left: 0px;
    top: 0px;
}
#form-primary-ProgClasChange_PcEditTimeSet2 .checkbox, #form-primary-ProgClasChange_PcEditTimeSet2 .radio {
    display: inline-block;
    margin: 0px 5px 0 0;
    min-height: unset;
}

#form-primary-ProgClasChange_PcEditTimeSet2 .form-group {
    margin-bottom: 10px;
}

#form-primary-ProgClasChange_PcEditTimeSet2 .modal-header h3 {
    color: white;
    font-size: 20px;
    font-weight: 400;
}

    #form-primary-ProgClasChange_PcEditTimeSet2 .modal-header h3 span {
        font-weight: 300;
    }

#form-primary-ProgClasChange_PcEditTimeSet2 .modal-footer #btnOkDis {
    min-width: 80px;
}

#form-primary-ProgClasChange_PcEditTimeSet2 .modal-footer .form-group {
    margin: 0px;
}

#form-primary-ProgClasChange_PcEditTimeSet2 label {
    margin-bottom: 0px;
    font-weight: 500;
}

#form-primary-ProgClasChange_PcEditTimeSet2 #maindiv_Message_PcEditTimeSet2 p {
    margin-bottom: 0px;
}
#div_ActionSlotResult_PC #schTable_SlotTimeSet2 {
    border-collapse: separate;
}

.tablestardEnd #schTable_SlotTimeSet2 thead tr th {
    font-weight: 600;
}

.tablestardEnd #schTable_SlotTimeSet2 thead tr th:first-child {
    width: 11% !important;
}

.tablestardEnd #schTable_SlotTimeSet2 tbody tr td:first-child {
    font-size: 12px;
    width: 80px;
    text-align: left;
    padding-left: 8px;
}
.tablestardEnd.oneday-time-scheduler #schTable_SlotTimeSet2 .timeEntry-control {
    display: none !important;
}

.tablestardEnd #schTable_SlotTimeSet2.oneday-time-scheduler {
    width: auto !important;
}

    .tablestardEnd #schTable_SlotTimeSet2.oneday-time-scheduler th:first-child {
        width: 117px !important;
    }

.tablestardEnd #schTable_SlotTimeSet2 thead tr th {
    font-weight: 600;
}

    .tablestardEnd #schTable_SlotTimeSet2 thead tr th:first-child {
        width: 11% !important;
    }

.tablestardEnd #schTable_SlotTimeSet2 tbody tr td:first-child {
    font-size: 12px;
    width: 80px;
    text-align: left;
    padding-left: 8px;
}

#md-PcDetailV2 .custom-color-table table thead tr th {
    width: 100px;
}

.profile-photo-dropdown .dropdown-menu {
    padding: 5px;
    border-radius: 5px;
}
    .profile-photo-dropdown .dropdown-menu a {
        background: #f6f6f6;
        color: #333;
        padding: 5px 10px;
        display: block;
        border-radius: 3px;
        margin-bottom: 2px;
        font-size: 13px;
        width: 150px;
    }
    .profile-photo-dropdown .dropdown-menu a:hover {
        background: #223E7C;
        color: #fff;
    }



        @media (min-width: 1200px) {
            .navbar-header {
                position: initial;
            }

            .hideInMobile {
                top: 0px;
                left: 115px !important;
                white-space: normal !important;
                max-width: 480px;
                display: inline-flex;
                height: 100%;
                align-items: center;
            }
        }

        @media (max-width: 1100px) {
            .hideInMobile {
                display: none;
            }
        }

        .Formview label {
    font-weight: 400;
}


.crm-offcanwas-block {
    display: flex;
    height: 100%;
    gap: 10px;
    position: relative;
}
    .crm-offcanwas-block .crm-offcanwas-left {
        flex: 1 0 auto;
    }
.crm-offcanwas-block .crm-offcanwas-activites {
    
}
.search-panel {
    display: flex;
    gap: 4px;
}

    .search-panel .search-bar {
        position: relative;
        flex: 1 0 auto;
    }

        .search-panel .search-bar input {
            background: #f8f7f7;
            border: solid 1px #e7e7e7;
            padding: 10px 10px 10px 30px;
            border-radius: 5px;
            font-size: 13px;
            width: 100%;
        }

        .search-panel .search-bar i {
            position: absolute;
            left: 10px;
            top: 12px;
            font-size: 14px;
        }

    .search-panel .filter-block {
        border-radius: 5px;
        background: #f8f7f7;
        border: solid 1px #e7e7e7;
        width: auto;
        height: auto;
        margin: 0px;
    }

        .search-panel .filter-block &gt; a {
            padding: 9px 15px;
            display: inline-flex;
        }

            .search-panel .filter-block &gt; a .fa-filter {
                font-size: 18px;
                color: #adadad;
            }

        .search-panel .filter-block .dropdown-menu {
            width: 200px;
            right: 0px;
            left: initial;
            padding: 10px;
        }

            .search-panel .filter-block .dropdown-menu ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}
.mt-15 {
    margin-top: 15px;
}
.grey-tabs {
    background: #F7F8FB;
    border-radius: 5px;
}
    .grey-tabs a {
        border: 0px !important;
    }
    .grey-tabs .active a {
        border: 0px !important;
        background: none !important;
        box-shadow: none !important;
    }
.nav-tabs.grey-tabs &gt; li.active &gt; a:after, 
.nav-tabs.grey-tabs &gt; li.active &gt; a:hover:after, 
.nav-tabs.grey-tabs &gt; li.active &gt; a:focus:after {
    top: initial;
    bottom: 0;
}
.nav-tabs.grey-tabs &gt; li &gt; a:hover,
.nav-tabs.grey-tabs &gt; li &gt; a:active {
    border: 0px !important;
    background: none !important;
}

.grey-tabs-content {
    margin: 0px;
    padding: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}
.grey-tabs-content .tab-pane {
    padding: 0px !important;
}

.lead-activity-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

.lead-activity-list-item {
    border: dashed 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 5px;
    width:100%;
}

    .lead-activity-list-item p {
        font-size: 13px;
        margin: 6px 0 0 0;
        padding: 0px;
    }

.lead-activity-list-post-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .lead-activity-list-post-detail .post-name {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }

        .lead-activity-list-post-detail .post-name h5 {
            font-size: 14px;
            font-weight: bold;
            color: rgba(0, 0, 0, 0.8);
            margin: 0px;
            padding: 0px;
        }

        .lead-activity-list-post-detail .post-name span {
            color: rgba(0, 0, 0, 0.5);
        }

    .lead-activity-list-post-detail .post-date {
        color: rgba(0, 0, 0, 0.5);
    }
    .lead-activity-list-post-detail .post-date span {
        display: inline-flex;
        margin: 0px 5px;
    }
.lead-activity-list-item-btns {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding-top: 5px;
}
    .lead-activity-list-item-btns a {
        display: inline-flex;
        gap: 10px;
        color: #555;
        font-size: 12px;
        font-weight: bold;
    }
    .lead-activity-list-item-btns a i {
        font-size: 16px;
    }
    .lead-activity-list-item-btns .fa-trash-o {
        color: #ED5B56;
    }
    .lead-activity-list-item-btns .open-task {
        background: #F1AD47;
        border-radius: 4px;
        font-size: 10px;
        color: #fff;
        padding: 3px 8px;
    }
.crm-list-panel-toggle {
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background: #eea200;
    z-index: 9;
    font-size: 14px;
    border-radius: 6px;
    color: #fff !important;
    padding: 0px 6px;
}

.active-list-icon {
    background: #137fe3;
    border-radius: 50%;
    color: #fff;
}

.w100{
    width:100%;
}

#crmOffcanwasTabs .thumb-img-list li .thumb-image a {
    display: none
}

#crmOffcanwasTabs .thumb-img-list li input[type=checkbox]:checked + .thumb-image a {
    display: block;
}

.txt-black{
    color:#000 !important;
}

.pending-task {
    background: #F6B202;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    padding: 3px 8px;
}
.completed-task {
    background: #44a001;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    padding: 3px 8px;
}
.task-assiged-to {
    left: 14px;
    position: absolute;
    font-weight: bold;
    font-size: 12px;
}
.user-detail-dropdown .btn-group {
    margin: 0px;
}
.user-detail-dropdown .multiselect {
    height: auto !important;
    padding-top: 4px;
    padding-bottom: 4px;
    border: solid 1px #c6c6c6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}
.user-detail-dropdown .multiselect-container &gt; li &gt; a &gt; label.radio, .user-detail-dropdown .multiselect-container &gt; li &gt; a &gt; label.checkbox {
    margin: 0px !important;
    padding-left: 0px;
}


.chld-list-block {
    display: flex;
    gap: 15px;
}
/*.chld-list-block &gt; .bars-widget {
        flex: 0 1 auto;
    }*/
.child-list-detail-pane {
    flex: 1 1 auto;
}

.chprofile .chld-list-block &gt; .bars-widget {
    overflow: hidden;
    width: 56px;
    position: fixed !important;
    z-index: 9;
    transition: .2s;
    transition-timing-function: cubic-bezier(0.9,0,1,1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    left: 216px;
    top: 52px;
    height: calc(100% - 55px);
}


.chprofile .chld-list-block.open-childlist &gt; .bars-widget {
    width: 225px;
    transition: .2s;
    transition-timing-function: cubic-bezier(0.9,0,1,1);
}

.chprofile .chld-list-block &gt; .bars-widget.open-childlist-panel {
    left: 56px;
}

.chprofile .chld-list-block .thumb-image-content, .chprofile .chld-list-block .child-status-search-dropin, .chprofile .chld-list-block .dropin-child-status-dropdown {
    display: none;
}
    .chprofile .chld-list-block .child-status-search-dropin {
        padding-top: 10px;
    }

    .chprofile .chld-list-block.open-childlist .child-status-search-dropin,
    .chprofile .chld-list-block.open-childlist .dropin-child-status-dropdown {
        display: block;
        padding: 0px 10px;
    }

.chprofile .chld-list-block.open-childlist .thumb-image-content {
    display: table-cell;
}

.oenChildLink {
    position: relative;
    top: 0px;
    display: block;
    width: 100%;
}

    .oenChildLink a {
        background: #e6e6e6;
        padding: 12px 11px;
        display: block;
        font-size: 12px;
        color: #000;
        text-align: center;
    }

.chprofile .childsearch-panel {
    padding: 0px 0 0 0;
    margin-bottom: 0px;
}

    .chprofile .childsearch-panel .thumb-img-list li {
        width: auto;
    }

.chprofile #pcont {
    padding-left: 0px;
}
.chprofile .chld-list-block &gt; .bars-widget &gt; .tab-container {
    width: 100%;
}
.time-to {
    color: rgba(0, 0, 0, 0.5)
}

.custom-default-select-dropdown .dropdown-toggle {
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 5px 20px 5px 5px;
    background: #fff;
    min-width: 80px;
    text-align: left;
    position: relative;

}
    .custom-default-select-dropdown .dropdown-toggle:after {
        content: " ";
        position: absolute;
        top: 12px;
        right: 7px;
        border-top: solid 5px rgba(0, 0, 0, 0.6);
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
        z-index: 10;
    }
.custom-default-select-dropdown .dropdown-menu {
    border-radius: 3px;
    padding: 0px;
}
.custom-default-select-dropdown-divider {
    background: rgba(0, 0, 0, 0.1);
    padding: 5px;
    font-size: 13px;
}

#md-LateFeePopup {
    margin-top:52px !important
}

    #md-LateFeePopup .md-close {
        color: #000 !important
    }

 #DivEditFeesTable .listTableInfo {
    width: 100%;
    overflow-y: auto; /* Enables both scrollbars */
    padding-bottom: 30px;
}
.gallery-cont .item {
    width: 33.3%;
}

.photoHeader {
    line-height: normal;
    width: 90%;
    word-wrap: break-word;
}

.divpic {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 11111;
    left: 33%;
    top: 80px;
    max-width: 440px;
}
.divpic:before {
    content: '';
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.gallery-cont .item img {
    /*height: 280px;*/
    /*width: 100%;*/
}

.gallery-cont .photo.pRemoveBG {
    background: none !important;
}

.galleryContHead {
    background-color: #2494F2 !important;
    min-height: 35px !important;
}


.gallery-cont .photo.pRemoveBG video {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.galleryContHead a {
    color: #fff;
    margin-top: 10px;
    margin-right: 10px !important;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.btn.fileinput-button i {
    display: inline-block;
    font-size: xx-large;
    margin-right: 2px;
    min-width: 10px;
}

.gallery-cont .item .OverEdit.over {
    background:  none;
    height: 15% ;
    opacity: 1 ;
    /*position: absolute !important;*/
    /*top: -39px ;*/
  transition: none 0s ease 0s ;
    width: 68%;
    line-height: normal;
}
.gallery-cont .item {
    position: static !important;
    left: initial !important;
    top: initial !important;
    float: left;
}
.gallery-cont .clearfix {
    display: none;
}

.gallery-cont .item .OverEdit {
    top: -39px ;
    background: none;
    height: 15%;
    margin-left: 25%;
    width: 61%;
}
.gallery-cont .img .over.OverEdit .func {
    margin-top: 8px;
    transition: none 0s ease 0s;
    position: initial;
    display: block;
}
.gallery-cont .item .img .over.OverEdit .func {
    margin-top: 8px;
    display: block;
    float: right;
    line-height: normal;
}
.gallery-cont .img .over.OverEdit .func a {
  background: rgba(36, 148, 242, 0.5) none repeat scroll 0 0 ;
  height: 24px;
  width: 24px;
}
.gallery-cont .img .over.OverEdit .func a:hover {
  background: rgba(36, 148, 242, 1) none repeat scroll 0 0 ;
}
.gallery-cont .img .over.OverEdit .func i {
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
}
.childSearchPhoto {
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    width: 90%;
}
.childSearchPhoto input {
    padding-right: 30px;
}
.childSearchPhoto .fa-search {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}



/* Fixes for IE &lt; 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

@media screen and (max-width:767px) {
    .gallery-cont .item {
        top: auto !important;
        left: auto !important;
        position: relative !important;
    }

    .gallery-cont .photo.pRemoveBG video {
        width: 100%;
    }

    .gallery-cont .item {
        width: 100%;
    }

    .divCameraMain .divCamera a {
        left: 42%;
    }

    .divpic {
        left: 20%;
        top: 90px;
        max-width: 340px;
    }

    #yourimage {
        width: 60% !important;
    }

    .gallery-cont .item img {
        /*height: 100%;*/
    }
    /*.options span {
        line-height:30px;
    }*/
    .tAlign {
        text-align: Center;
    }
}

@media screen and (max-width:500px) {
    .divpic {
        left: 5%;
    }
}

@media screen and (min-width:768px) and (max-width:980px) {
    .gallery-cont .item {
        width: 50%;
        left: 0;
        position: absolute;
    }

        .gallery-cont .item.showPic {
            width: 100%;
        }

    .divCameraMain .divCamera a {
        left: 45%;
    }

    .gallery-cont .img.imgPhoto {
        height: 100%;
        margin: 0 auto;
        width: 33%;
    }

    .divpic {
        left: 0%;
    }

    .gallery-cont .photo.pRemoveBG {
        background: #fff none repeat scroll 0 0 !important;
    }

        .gallery-cont .photo.pRemoveBG video {
            display: block;
            height: 100%;
            margin: 0 auto;
            width: 50%;
        }
}

@media screen and (min-width:667px) and (max-width:768px) {
    .divpic {
        left: 25%;
        top: 40px;
        max-width: 340px;
        position: absolute;
    }
}
.NoteDivLen {
    width: 83%;
}
.spanlheight1.NoteLineHeight {
    line-height: 1.5;
}
.topChatlist .friend-widget {
    margin-bottom: 0;
}
/*chat box css*/

.chatInfo img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: left;
}
.chat {
    background: #66b2ff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b2ff), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #66b2ff 0%, #4096ee 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66b2ff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #D1D2D4 solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-left: 15px;
    float: left;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
}
.chat:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -7px;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #66b2ff;
    display: block;
    width: 0;
    height: 0;
}
.chat:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.chatInfoR img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: right;
}
.chatRight {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #d1d1d1));
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%, #d1d1d1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=0);
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #D1D2D4 solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-right: 15px;
    float: right;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
}
.chatRight:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -7px;
    border-style: solid;
    border-width: 5px 0px 5px 8px;
    border-color: transparent #e2e2e2;
    display: block;
    width: 0;
    height: 0;
}
.chatRight:before {
    content: "";
    position: absolute;
    top: 2px;
    right: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.setupList ul {
    margin: 0px;
}
.setupList table tr th {
    font-weight: bold;
}
.setupList .dataTables_length label {
    width: 100%;
    margin-bottom: 0px;
}
.btnbgMrn {
    background: #933931;
    width: 30px;
    height: 30px;
}
.btnbgMrn:hover {
    background: #70160e;
    width: 30px;
    height: 30px;
}
.btnbgBlue {
    background: #538FD7;
    width: 30px;
    height: 30px;
}
.btnbgBlue:hover {
    background: #4480c8;
    width: 30px;
    height: 30px;
}
.btnbgGreen {
    background: #00AF50;
    width: 30px;
    height: 30px;
}
.btnbgGreen:hover {
    background: #009c3d;
    width: 30px;
    height: 30px;
}
.assessmentType ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
.assessmentType ul li {
    margin: 0px;
    padding: 0px;
    display: block;
}
.btn-viewBtn {
    background-color: #eee;
}
.journalBox {
    border-top: 1px solid #dadada;
    padding-top: 15px;
    min-height: 350px;
}
.topChatlist .friend-widget {
    margin-bottom: 0;
}
/*chat box css*/

.chatInfo img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: left;
}
.chat {
    background: #66b2ff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b2ff), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #66b2ff 0%, #4096ee 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66b2ff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #D1D2D4 solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-left: 15px;
    float: left;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
}
.chat:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -7px;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #66b2ff;
    display: block;
    width: 0;
    height: 0;
}
.chat:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.chatInfoR img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: right;
}
.chatRight {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #d1d1d1));
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%, #d1d1d1 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%, #d1d1d1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=0);
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #D1D2D4 solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-right: 15px;
    float: right;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
}
.chatRight:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -7px;
    border-style: solid;
    border-width: 5px 0px 5px 8px;
    border-color: transparent #e2e2e2;
    display: block;
    width: 0;
    height: 0;
}
.chatRight:before {
    content: "";
    position: absolute;
    top: 2px;
    right: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.setupList table tr th {
    font-weight: bold;
}
.setupList .dataTables_length label {
    width: 100%;
    margin-bottom: 0px;
}
.btnbgMrn {
    background: #933931;
    width: 30px;
    height: 30px;
}
.btnbgMrn:hover {
    background: #70160e;
    width: 30px;
    height: 30px;
}
.btnbgBlue {
    background: #538FD7;
    width: 30px;
    height: 30px;
}
.btnbgBlue:hover {
    background: #4480c8;
    width: 30px;
    height: 30px;
}
.btnbgGreen {
    background: #00AF50;
    width: 30px;
    height: 30px;
}
.btnbgGreen:hover {
    background: #009c3d;
    width: 30px;
    height: 30px;
}
.btnbgMrnBig {
    background: #933931;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    border: 1px solid #fff;
    margin-bottom: 30px !important;
    margin-left: 28px;
}
.btnbgMrnBig:hover {
    background: #70160e;
    color: #fff;
}
.btnbgBlueBig {
    background: #538FD7;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    border: 1px solid #fff;
    margin-bottom: 30px !important;
}
.btnbgBlueBig:hover {
    background: #4480c8;
    color: #fff;
}
.btnbgGreenBig {
    background: #00AF50;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    border: 1px solid #fff;
    margin-bottom: 30px !important;
}
.btnbgGreenBig:hover {
    background: #009c3d;
    color: #fff;
}
.assessmentType ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
.assessmentType ul li {
    margin: 0px;
    padding: 0px;
    display: block;
}
.btn-viewBtn {
    background-color: #eee;
}
.settingIcon {
    font-size: 20px;
}
.yearOld {
    margin-bottom: 20px;
}
/*.childrenChat {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 20px;
}

.staffChat {
    max-height: 200px;
    overflow: auto;
}*/

.topChatlist .friend-widget {
    margin-bottom: 0;
}
/*chat box css*/

.chatInfo img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: left;
}
.chat {
    background: #66b2ff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b2ff), color-stop(100%, #4096ee));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #66b2ff 0%, #4096ee 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #66b2ff 0%, #4096ee 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66b2ff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
    
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #D1D2D4 solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-left: 15px;
    float: left;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #fff;
}
.chat:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -7px;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #66b2ff;
    display: block;
    width: 0;
    height: 0;
}
.chat:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.chatInfoR img {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    float: right;
}
.chatRight {
    background: #82BCEF;
    background: -moz-linear-gradient(top, #82BCEF 0%, #82BCEF 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #82BCEF), color-stop(100%, #82BCEF));
    background: -webkit-linear-gradient(top, #82BCEF 0%, #82BCEF 100%);
    background: -o-linear-gradient(top, #82BCEF 0%, #82BCEF 100%);
    background: -ms-linear-gradient(top, #82BCEF 0%, #82BCEF 100%);
    background: linear-gradient(to bottom, #82BCEF 0%, #82BCEF 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#82BCEF', endColorstr='#82BCEF', GradientType=0);
    position: relative;
    max-width: 240px;
    padding: 3px;
    border: #82BCEF solid 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-right: 15px;
    float: right;
    display: inline-block;
    word-wrap: break-word;
    white-space: pre-wrap;
    /*color: #fff;*/
    
    color: #000;
    font-size: 13px;
}
.chatRight:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -7px;
    border-style: solid;
    border-width: 5px 0px 5px 8px;
    border-color: transparent #e2e2e2;
    display: block;
    width: 0;
    height: 0;
}
.chatRight:before {
    content: "";
    position: absolute;
    top: 2px;
    right: -12px;
    border-style: solid 0;
    border-width: 8px 11px 8px 0;
    border-color: transparent #D1D2D4;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}
.setupList table tr th {
    font-weight: bold;
}
.btnbgMrn {
    background: #933931;
    width: 30px;
    height: 30px;
}
.btnbgMrn:hover {
    background: #70160e;
    width: 30px;
    height: 30px;
}
.btnbgBlue {
    background: #538FD7;
    width: 30px;
    height: 30px;
}
.btnbgBlue:hover {
    background: #4480c8;
    width: 30px;
    height: 30px;
}
.btnbgGreen {
    background: #00AF50;
    width: 30px;
    height: 30px;
}
.btnbgGreen:hover {
    background: #009c3d;
    width: 30px;
    height: 30px;
}
.btnbgMrnBig {
    background: #933931;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 14px;
    box-shadow: none;
    /*-webkit-box-shadow: 0px -1px 11px -1px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0,0,0,0.58);
    box-shadow: 0px -1px 11px -1px rgba(0,0,0,0.58);*/
    
    border: 1px solid #fff;
    margin-bottom: 30px !important;
}
.btnbgMrnBig:hover {
    background: #70160e;
    color: #fff;
}
.btnbgBlueBig {
    background: #538FD7;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    border: 1px solid #fff;
    margin-bottom: 30px !important;
}
.btnbgBlueBig:hover {
    background: #4480c8;
    color: #fff;
}
.btnbgGreenBig {
    background: #00AF50;
    width: 30px;
    height: 30px;
    color: #fff;
    height: 100%;
    padding: 35% 0;
    width: 100%;
    font-size: 16px;
    -webkit-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    box-shadow: 0px -1px 11px -1px rgba(0, 0, 0, 0.58);
    border: 1px solid #fff;
    margin-bottom: 30px !important;
}
.btnbgGreenBig:hover {
    background: #009c3d;
    color: #fff;
}
.assessmentType ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
.assessmentType ul li {
    margin: 0px;
    padding: 0px;
    display: block;
}
.btn-viewBtn {
    background-color: #eee;
}
.settingIcon {
    font-size: 20px;
}
.yearOld {
    margin-bottom: 20px;
}
.inputLg {
    min-height: 46px;
}
.ddlWidth {
    width: 100% !important;
}
div.options &gt; label &gt; input {
    visibility: hidden;
}
div.options &gt; label {
    display: block;
    margin: 0 0 0 -13px;
    padding: 0 0 50px 0;
    height: 20px;
    width: 80px;
}
div.options &gt; label &gt; img {
    display: inline-block;
    padding: 0px;
    height: 60px;
    width: 60px;
    /*background: url(https://cdn2.iconfinder.com/data/icons/snipicons/500/thumbs-down-128.png);*/
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
}
div.options &gt; label &gt; input:checked + img {
    /*background: url(https://cdn1.iconfinder.com/data/icons/onebit/PNG/onebit_34.png);*/
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
}
#tbl_journal tr {
    position: relative;
}
#tbl_journal .journal-action-btns {
    text-align: center;
    white-space: nowrap;
}
#tbl_journal .journal-action-btns .fa {
    font-size: 16px;
}
#tbl_journal .journal-action-btns a {
    margin-right: 8px;
}
#tbl_journal .journal-action-btns .fa.fa-trash-o {
    color: #f36060;
}
#tbl_journal .journal-action-btns .fa-sticky-note {
    background: url("/images/note-icon.png") no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: cover;
}
#tbl_journal .journal-action-btns .fa-check {
    color: #44a001;
}
#tbl_journal .journal-action-btns .fa-times-circle {
    color: #f36060;
}
#tbl_journal .journal-action-btns .fa-pencil {
    color: #666;
}
.btnbgGreen.act {
    border: 2px solid #333;
}
.btnbgBlue.act {
    border: 2px solid #333;
}
.btnbgMrn.act {
    border: 2px solid #333;
}
.tblborder {
    border-bottom: medium none !important;
    border-left: medium none !important;
    border-right: medium none !important;
}
.acheck {
    color: white !important;
}
.JCheader {
    font-size: 16px;
}
.JCheader span {
    float: right;
    font-size: 14px;
    margin-top: 3px;
}
.JCList {
    font-size: 13px;
    line-height: 16px;
}
.child-widget {
    cursor: default;
    overflow: hidden;
    transition: background-color 300ms ease-in-out 0s;
}
.child-widget table {
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: solid 1px #f2f2f2;
}
.child-widget table:hover {
    background: #f2f2f2 none repeat scroll 0 0;
}
.child-widget table tr td:first-child {
    width: 60px;
}
.child-widget table tr td {
    padding: 7px 0 7px 7px;
    position: relative;
}
.child-widget table tr td img {
    border: 3px solid #f2f2f2;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    max-height: 50px;
    max-width: 50px;
    transition: border-color 300ms ease-in-out 0s;
    width: 100%;
}
.child-widget table:hover img {
    border-color: #4d90fd;
}
.child-widget table tr td div {
    position: relative;
}
.child-widget table tr td input[type=checkbox] {
    margin: 0px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
}
/*choose category*/

.BtnEdit.divJdateEdit {
    float: none;
    display: inline-block;
    height: auto;
}
.BtnEdit.chooseTime {
    display: inline-flex;
    margin-bottom: 20px;
}
.BtnEdit.chooseTime h2 {
    margin: 0px;
}
.BtnEdit.chooseTime:hover a {
    padding-top: 10px;
}
.divDate {
    margin: 0 auto;
    width: 25%;
}
.btnbgMrnBig.mrgCat {
    margin: 0;
}
.JCheader &gt; span {
    cursor: pointer;
}
.drpsize {
    padding: 1px !important;
    height: 22px;
}
.btn.btn-viewBtn.btnpad {
    padding: 0 11px;
}
.btn.btn-default.btnpad {
    padding: 0 11px;
}
.date.jDate {
    width: 60px !important;
    margin-left: -6px;
    padding: 0 !important;
}
.jHeaderBtn {
    margin-bottom: 6px;
}
#SearchViewTimeline {
    margin-top: 10px;
}
.JCancelSearch {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: left;
    margin-left: 5px;
    margin-right: 0;
    padding: 7px 11px;
}
.jWeekSearch {
    position: relative;
    right: -65%;
    top: 37px;
    z-index: 9;
}
.btnpad {
    padding: 4px 11px;
}
.btnJSearch {
    float: left;
    width: 100%;
    /*margin-left: 11px;*/
}
.jTextHei {
    height: 88px;
}
.JournalSearchViewCSS {
    margin-bottom: 10px;
}
.JCatTime {
    Width: 100%;
}
.JDivCatTime {
    display: inline-block;
}
.JNewSearch {
    float: right;
}
.btnArrow {
    background-image: url("/images/btn_arrow.png");
    background-position: center bottom -5px;
    background-repeat: no-repeat;
    border-bottom: 0;
    box-shadow: none;
}
#dateRangeSearchpage .btn {
    padding-bottom: 3px;
    padding-top: 2px;
    height: 29px;
}
#buttonCancelEditClassName.JCancelSearch {
    padding-bottom: 5px;
    padding-top: 6px;
}
#txtSearchViews {
    height: 26px;
    padding-bottom: 4px;
    padding-top: 4px;
}
#JournalPane {
    padding: 6px;
}
.uLMargin {
    margin-left: -3px;
}
.ChildImage {
    position: absolute;
    right: 12px;
    display: none;
    top: 10px;
}
.ChildImageCheck {
    height: 45px;
    width: 45px;
    margin-right: 13px;
    margin-left: 5px;
}
.divChildJ {
    padding: 0;
    display: table;
}
#txtSearchViewsWeek.form-control {
    padding: 2px 8px;
}
.JdivScroll {
    margin-left: 7px;
}
.JCatInfo {
    margin-left: 10px;
}
.JCatPostBtn {
    width: 31%;
}
.fc-view {
    height: 440px;
    overflow: hidden;
    width: 100%;
}
#divTable #datatable_wrapper div.row div.col-sm-12 {
    margin-top: 0px;
    max-height: 170px;
    overflow: auto;
}
.viewSearch .btnJSearch label {
    margin: 0;
}
.viewSearch .btnJSearch label input {
    margin: 0;
    padding-right: 40px;
}
.viewBtnLeft .btn {
    padding: 8px 20px;
}
.childrenInfo #sidebar #scroller,
#sidebarCategory {
    width: 100%;
}
.childrenInfo label {
    margin: 0px;
}
#JournalForMobile .friends-list {
    padding-bottom: 15px;
}
#JournalForMobile .friends-list &gt; div {
    padding: 0;
}
#JournalForMobile #info {
    background-color: #fff;
    margin-top: 8px;
}
#JournalForMobile .nav-tabs {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    overflow: auto;
}
.journalBox .row {
    margin-right: -8px;
    margin-left: -8px;
}
.journalBox .topList .btn {
    overflow: hidden;
}
.journalBox .dataTables_length label {
    width: 100%;
    margin-bottom: 5px;
}
.journalBox table tr .dataTables_length {
    display: inline;
}
.journalBox table tr .dataTables_length select {
    width: 100%
}
.content.NoteDivLen {
    width: 76%;
}

.thumbnailImg::-webkit-scrollbar,
#sidebar #accordion::-webkit-scrollbar,
.panel-header ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px;
    border: 0px;
}
.thumbnailImg::-webkit-scrollbar-track,
#sidebar #accordion::-webkit-scrollbar-track,
.panel-header ul::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #f1f1f1;
    border-radius: 0px;
    border: 0px solid rgba(0,0,0,0.2);
}
.thumbnailImg::-webkit-scrollbar-track:hover,
#sidebar #accordion::-webkit-scrollbar-track:hover,
.panel-header ul::-webkit-scrollbar-track:hover {
    background-color: #f1f1f1;
}
.thumbnailImg::-webkit-scrollbar-thumb,
#sidebar #accordion::-webkit-scrollbar-thumb,
.panel-header ul::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 0px;
    border: 0px;
}
.thumbnailImg::-webkit-scrollbar-thumb:hover,
#sidebar #accordion::-webkit-scrollbar-thumb:hover,
.panel-header ul::-webkit-scrollbar-thumb:hover {
    background-color: #777777;
}

#sidebar #accordion {
    height: 545px;
    overflow-x: hidden;
    overflow-y: auto;
}
.journal-page .checkbox label {
    padding-left: 0;
    min-height: initial;
}
.journal-page .checkbox label .icheckbox_square-blue {
    background-size: cover;
    background-position: 0 0;
    margin-right: 5px;
}
.journal-page .checkbox label.hover .icheckbox_square-blue {
    background-position: -18px 0px;
}
.journal-page .checkbox label .icheckbox_square-blue.checked {
    background-position: -36px 0px;
}
.journal-page #sidebar .accordion .panel-heading .panel-title {
    position: relative;
    padding-right: 30px;
}
.journal-page .accordion .panel-heading a {
    position: relative;
    padding: 6px 10px 6px 15px;
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    line-height: normal;
}
.journal-page .accordion .panel-heading a + span {
    display: inline-block;
    color: #929292;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 10px;
}
.journal-page .accordion .panel-heading a .fa-angle-right {
    position: absolute;
    left: 0;
    top: 9px;
}
.journal-page .JournalStartDate {
    left: 235px;
    position: absolute;
    top: -2px;
}
.journal-page .fc-header-title &gt; h2 {
    font-size: 13px;
    font-weight: 700;
    margin: 6px !important;
    min-width: 150px;
    text-align: center;
}
.journal-page .fc-button {
    display: inline-block !important;
    background-color: #2494f2;
    color: #fff;
    padding: 5px 3px;
    text-align: center;
    width: 26px;
    height: 26px;
    border: 1px solid #3680bf;
    border-radius: 3px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    cursor: pointer;
    font-size: 10px;
    padding: 0 5px !important;
    margin-bottom: 10px !important;
}
}
.journal-page .fc-button:hover {
    color: #000;
}
#TxtJournalStartdate &gt; span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    float: left;
}
#TxtJournalStartdate &gt; span .glyphicon.glyphicon-th:before {
    display: none;
}
#TxtJournalStartdate &gt; span .glyphicon.glyphicon-th {
    color: #2494f2;
}
.BtnEdit.btnEditBrdNone .glyphicon.glyphicon-th {
    color: #2394f2;
}
.BtnEdit.btnEditBrdNone .glyphicon.glyphicon-th:hover {
    color: #4e9dff;
}
.BtnEdit.btnEditBrdNone {
    border: 0;
}
.BtnEdit.btnEditBrdNone:hover {
    border: 0;
}
.BtnEdit.btnEditBrdNone .divDate {
    display: inline-block;
    width: auto;
}
.BtnEdit.btnEditBrdNone .calendarIcon {
    color: #fff;
    left: 2px;
    position: absolute;
}
.BtnEdit.btnEditBrdNone .btn-primary:hover,
.BtnEdit.btnEditBrdNone .btn-primary:active,
.BtnEdit.btnEditBrdNone .btn-primary.active,
.BtnEdit.btnEditBrdNone .open .dropdown-toggle.btn-primary {
    background-color: #4e9dff;
    border-color: #4e9dff;
}
.btn-primary[disabled].btnAddClnd;
{
    background-color: #4d90fd;
    border-color: #4d90fd;
    opacity: 1;
}
.Journal-checkBoxActive {
    background-color: rgba(12, 156, 29, 0.94) !important;
}
.btnpad {
    padding: 4px 11px;
}
li.ui-menu-item {
    list-style: none;
}
.jsweekinfo {
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    -moz-user-select: none;
    border-radius: 3px;
    font-size: 10px;
    background-color: #4D90FD;
    border-color: #3680BF;
    padding: 4px 5px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    margin-left: 4px;
}
.JournalDayBg {
    background-color: #fff;
}
.btnJSearch label {
    position: relative;
}
.btnJSearch label .btn {
    position: absolute;
    right: 0;
    height: 30px;
}
.select2-results {
    display: none;
    border-top: 0;
    margin: 0;
    background-color: #fff;
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.select2-results ul {
    border-bottom: 0px solid #ccc;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.select2-results li:first-child {
    margin-top: 6px;
}
.select2-results li:last-child {
    margin-bottom: 6px;
}
.select2-results li a {
    padding: 5px 0;
    color: #555;
    display: inline-block;
}
.select2-results li a:hover {
    color: #2494F2;
}
.ddlCategory-block {
    padding-right: 60px;
    margin-top: 10px;
}
.JournalSettingsIcon {
    position: absolute;
    right: 30px;
    top: -12px;
    padding-top: 20px;
}
.ddlCategory-block #JournalInfoIcon a {
    display: none;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: 6px;
}
.journal-page .btn-group.categoryBtnGrp {
    margin-right: 0;
    background: none;
}
.journal-page .btn-group.categoryBtnGrp button,
.journal-page .btn-group.categoryBtnGrp input {
    background: none;
    padding: 0px;
    border: 0px;
    box-shadow: none;
}
.journal-page .btn-group.categoryBtnGrp button .fa-caret-down {
    color: #000;
}
.journal-page .dashbord-nav {
    position: relative;
}
.ViewNameSpan,
.viewCategory {
    color: green;
    font-weight: bold;
    font-size: 12px;
}
.viewCategory {
    color: #3078ef;
}
.post-block {
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    margin-bottom: 0;
    padding: 10px 10px 10px 10px;
}
.timeMin .JbtnTimeDisplay {
    min-width: 80px;
    padding: 0px;
    margin: 0px;
}
.journal-page .panel {
    border: none;
    margin-bottom: 0;
}
.journal-page .child-widget input[type=checkbox] {
    visibility: hidden;
}
.journal-page .child-widget .fa-check {
    display: none;
    top: 10px !important;
    right: 4px !important;
}
.journal-page .JCList span {
    font-weight: 400;
}
.day-separator {
    background-color: #f6f6f6;
    padding-top: 10px;
}
.day-separator span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #E8E8E8;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 11px;
}
#Divdaypartial .Journaldatetime {
    top: 6px;
}
.JournalDayView {
    background: #e6e6e6;
    padding: 3px;
    margin-top: 1px;
    margin-bottom: 20px;
}
.JournalDayView:before, .JournalDayView:after {
    content: '';
    display: table;
}
.JournalDayView:after {
    clear: both;
}
.journal-page .JournalDayView ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
} 
.journal-page .JournalDayView ul li {
    margin: 0px 8px 0px 0px !important;
    padding: 0px 8px 0px 0px;
    list-style: none;
    display: inline-block;
    position: relative;
}
.journal-page .JournalDayView ul li span {
    background: none !important;
    color: #545454;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    border: 0px !important;
}
.journal-page .JournalDayView ul li span.fc-state-active {
    text-decoration: underline;
}
.journal-page .JournalDayView ul li:after {
    content: '';
    display: block;
    position: absolute;
    right: -3px;
    top: 1px;
    width: 1px;
    height: 10px;
    background: #888888;
}
.journal-page .JournalDayView ul li:first-child {
    margin: 0px;
    padding: 0px 10px;
    font-weight: 500;
}
.journal-page .JournalDayView ul li:first-child:after {
    display: none;
}
.journal-page .JournalDayView ul li:last-child {
    margin: 0px;
    padding: 0px;
}
.journal-page .JournalDayView ul li:last-child:after {
    display: none;
}
.journal-page .JournalDayView .ViewNameSpan {
    float: left;
    margin-left: 20px;
    padding-top: 7px;
}
.journal-page .JournalDayView .JournalDayViewSearch {
    float: right;
    width: 280px;
    background: #fafafa;
    border-radius: 3px;
}
.journal-page .JournalDayView .JournalDayViewSearch #dateRangeSearchpage {
    float: left;
    padding-top: 7px;
}
.journal-page .JournalDayView .JournalDayViewSearch #dateRangeSearchpage button {
    background: none;
    border: 0px;
}
.journal-page .JournalDayView .JournalDayViewSearch .viewSearch {
    float: left;
    width: 170px;
    position: relative;
}
.journal-page .JournalDayView .JournalDayViewSearch .viewSearch:after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    top: 6px;
    width: 1px;
    height: 18px;
    background: #b5b5b5;
}
.journal-page .JournalDayView .JournalDayViewSearch .viewSearch input {
    margin: 0px;
    padding: 6px 8px;
    background: none;
    border: 0px;
    box-shadow: none;
    line-height: 14px;
}
.journal-page .JournalDayView .JournalDayViewSearch .viewSearch .btnsearchClick {
    color: #545454;
}
.journal-page .JournalDayView .JournalDayViewSearch .viewSearch i {
    color: #7c7c7c;
}
.journal-page .JournalDayView .JournalDayViewSearch .dropdown-toggle {
    box-shadow: none;
}
.JournalDayView .fc-state-default {
    color: #fff;
}
.journal-page button, .journal-page input, .journal-page {
    box-shadow: none;
    border-radius: 3px;
}
/*.ranges li:last-child {
    display: none;
}*/

ul.timeline {
    margin-bottom: 0;
}
.timeline .editnote-block {
    padding-right: 32px;
    position: relative;
}
.timeline .editnote-block textarea {
    min-height: 53px;
}
.editnote-block .BtnHeaderSave {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 9px;
}
.editnote-block .BtnHeaderCancel {
    position: absolute;
    right: 0;
    top: 26px;
}
.timeline .NoteDivLen p {
    padding-right: 55px;
}
.timeline .editInfo .edit-icon {
    position: absolute;
    right: 30px;
    top: 18px;
}
.timeline .editInfo .delete-icon {
    position: absolute;
    right: 10px;
    top: 18px;
}
.journal-page #calendar {
    padding: 0 8px;
}
#BtnDurationDisplay {
    padding-right: 5px;
}
.timeAmPm .DurationScrollable.dropdown-menu {
    width: 70px;
}
#trBlankCat label {
    margin-bottom: 0
}
/*#trBlankCat table tbody &gt; tr &gt; td {
    padding:0
}*/

.journal-page .time-duration {
    list-style: none;
    margin: 0px;
    padding: 10px 0 0 0;
    text-align: right;
}
.journal-page .time-duration &gt; li {
    list-style: none;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
}

.journal-page .time-duration &gt; li:after {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 1px;
    height: 14px;
    background: #888888;
}
.journal-page .time-duration &gt; li:last-child {
    margin: 0px;
    padding: 0px;
}
.journal-page .time-duration li:last-child:after {
    display: none;
}
.email-icon i, .reset-icon i {
    color: #8c8c8c;
}
.border-title {
    border-bottom: solid 1px #cccccc;
    padding-bottom: 10px;
}
.journal-page .bg-gray {
    padding: 5px 15px 1px 15px;
    margin-top: 10px;
    background: #e6e6e6;
}
/*.post-note-section {
    display: none;
}*/

.post-note-section select {
    height: auto;
}

@media (min-width: 768px) {
    .flexbox-desktop {
        display: flex;
    }
    #divMobile {
        display: none;
    }
}
@media (max-width: 767px) {
    .journalBox .content {
        overflow: auto;
    }
    #Divdaypartial {
        background-color: #fff;
    }
    #Divdaypartial.full-width {
        padding-left: 0;
        padding-right: 0;
    }
    #sidebar #accordion {
        height: auto;
    }
    #calendar .fc-header td {
        display: table-cell !important;
    }
    #buttonCancelEditClassName.JCancelSearch {
        padding-bottom: 2px;
        padding-top: 3px;
    }
    #datatable_wrapper,
    .datatable_wrapper {
        float: none;
        position: relative;
    }
    #datatable_wrapper .col-sm-10 {
        width: 100% !important;
    }
    .JCatPostBtn {
        left: 13px;
        position: absolute;
        top: 60px;
        width: 93%;
        z-index: 1;
    }
    #CtgRecentBtn {
        position: absolute;
        right: 0;
        top: 60px;
        z-index: 1;
    }
    .jTextHei {
        height: 40px;
    }
    .postCancelBtn {
        width: 100%;
        margin-top: 10px;
    }
    #CtgCancelBtn {
        width: 47%;
    }
    #CtgPostBtn {
        width: 47%;
    }
    .btnbgMrnBig {
        margin-bottom: 10px !important;
    }
    .jDivMarginInfo .btnbgMrnBig {
        padding: 18% 0;
    }
    select.input-sm {
        height: 20px;
        line-height: 30px;
    }
    #datatable_length select.input-sm {
        height: 20px;
    }
    #divTable #datatable_wrapper div.row div.col-sm-12 {
        margin-top: 80px;
        /*max-height: 140px;*/
        
        max-height: 200px;
        overflow: auto;
    }
    /*#datatable_wrapper:nth-child(4n){ display:none;}*/
    
    #datatable_wrapper div:nth-child(5n) {
        display: none;
    }
    #datatable_length {
        display: none;
    }
    .ChildImage {
        right: 7px;
        top: 0;
    }
    .JAssesmentdrp {
        margin-top: -4px;
        width: 140%;
    }
    .jSearchtext {
        margin-left: -12px;
    }
    #divTable div.row:last-child {
        display: none;
    }
    .post-block .btn-group {
        margin-left: 0
    }
    #Divweekpartial .fc-header-title {
        display: inline-block;
    }
    .journal-page .fc-header-left {
        text-align: left;
    }
    .journal-page .JournalDayView ul li:after {
        top: 5px;
    }
    .journal-page .JournalDayView .ViewNameSpan {
        margin-left: 0px;
        padding-top: 3px;
        padding-bottom: 5px;
    }
    .journal-page .JournalDayView .JournalDayViewSearch {
        float: right;
        width: 100%;
    }
    .journal-page .JournalDayView .JournalDayViewSearch #dateRangeSearchpage {
        padding-top: 4px;
    }
     .timeMin .JbtnTimeDisplay {
        text-align: left;
    }
}

.ddtxteditAssessment {
    margin-top: 10px;
}

 
/*Multiple time select dropdown*/

.multi-time-select-dropdown {
    background: #fff;
    border: solid 1px #ccc;
    position: absolute;
    width: 177px;
    height: 315px;
    display: none;
    right: 0px;
    left: initial;
    z-index: 90;
    border-radius: 5px;
    margin-top: 10px;
}
.multi-time-select-dropdown:before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: absolute;
    top: -6px;
    right: 10px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.multi-time-select-dropdown .nav-tabs &gt; li {
    width: 33%;
    margin-right: 0px;
}
.multi-time-select-dropdown .SumoUnder {
    visibility: hidden;
    height: 2px;
    padding: 0px;
}
.multi-time-select-dropdown .SumoSelect {
    width: 175px;
}
.multi-time-select-dropdown .SumoSelect &gt; .optWrapper {
    top: 0px;
    border: 0px;
}
.multi-time-select-dropdown .SumoSelect.open &gt; .optWrapper {
    top: 0px;
    box-shadow: none;
}
.multi-time-select-dropdown .SumoSelect &gt; .optWrapper .MultiControls {
    box-shadow: none;
}
.multi-time-select-dropdown .SumoSelect &gt; .CaptionCont {
    visibility: hidden;
    height: 2px;
    padding: 0px;
}
.multi-time-select-dropdown .nav-tabs &gt; li &gt; a {
    min-width: 10px;
    border-top: solid 2px transparent;
    padding: 3px 5px !important;
    cursor: pointer;
}
.multi-time-select-dropdown .nav-tabs &gt; li.active:first-child &gt; a {
    border-left: solid 1px transparent;
}
.multi-time-select-dropdown .nav-tabs &gt; li.active:last-child &gt; a {
    border-right: solid 1px transparent;
}
.multi-time-select-dropdown .tab-content {
    box-shadow: none;
    border-radius: 0px;
    padding: 0px;
    border: 0px;
    margin-bottom: 0px;
}
.multi-time-select-dropdown .tab-content .tab-pane {
    margin-top: 0px;
    text-align: left;
    padding: 0px;
}

#time-duration-dropdown {
    position: relative;
}
#time-duration-dropdown a {
    color: #555;
}
.custom-popup-hover {
    position: absolute;
    right: 0;
    bottom: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    max-width: 300px;
    min-width: 200px;
    background-color: #17365d;
    z-index: 999;
    margin-top: 10px;
    text-align: left;
}
.custom-popup-hover:before {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 10px;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-top: solid 10px #17365d;
}
div.box div.custom-popup-hover {
    display:none;
}

div.box:hover div.custom-popup-hover {
    display:block;   
}
.childSearchJournal {
    display: block; 
    position: relative;
    margin-right: 10px;
    margin-top: 10px;
}
.childSearchJournal input {
    padding-right: 25px;
}
.childSearchJournal .fa-search {
    position: absolute; 
    top: 8px; 
    right: 10px;
    color: #7c7c7c;
    cursor: pointer;
}

.jourtag-dropdown-list {
    border-radius: 4px;
    background: #f6f6f6;
    padding: 10px;
    position: absolute;
    width: 80%;
    z-index: 50;
    display: none;
}

.jourtag-dropdown-list:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    display: block;
    margin-left: -3px;
    border-bottom: solid 6px #f6f6f6;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
}

.selectgrade-results-container {
    position: relative;
}

.selectgrade-results {
    display: none;
    margin: 0;
    background-color: #fff;
    padding: 10px 0px 10px 10px;
    max-height: 120px;
    border: solid 1px #c6c6c6;
    position: absolute;
    left: 0px;
    top: 26px;
    z-index: 50;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    border-radius: 0px 0px 3px 3px;
}
.selectgrade-results li {
    margin-bottom: 5px;
}
.selectgrade-results li:last-child {
    margin-bottom: 0px;
}
.selectgrade-results li a {
    color: #333;
}
.selectgrade-results li a:hover {
    color: #3380FF;
}
#hrefJournalNotesRedirect {
    margin-left: 5px;
}
#hrefJournalNotesRedirect + .custom-tooltip {
    display: none;
    left: 3px;
    margin-left: 0px;
}
#hrefJournalNotesRedirect:hover + .custom-tooltip {
    display: block;
}
.drop-Curriculum-template, #SpanCurriculumProgramMap {
    position: relative;
    display: inline-block;
}
.drop-Curriculum-template .btn, #SpanCurriculumProgramMap .btn {
    width: 190px;
    text-align: left;
    position: relative;
    color: #555;
    background-color: #fff;
    border: solid 1px #c6c6c6;
    background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%);
}
.drop-Curriculum-template .btn::after {
    content: '';
    position:absolute;
    right: 10px;
    top: 13px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom-color: #555;
    border-top-color: #555;    
}
.drop-Curriculum-template.open .btn, #SpanCurriculumProgramMap .open .btn {
    border-radius: 3px 3px 0px 0px;
}
.drop-Curriculum-template .dropdown-menu {
    padding: 8px;
    margin: -1px 0px 0px 0px;
    border-radius: 0px 0px 3px 3px;
}
.drop-Curriculum-template .dropdown-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;    
    max-height: 190px;
    overflow-y: auto;
}
.drop-Curriculum-template .dropdown-menu ul li {
    font-size: 12px;
}
#SpanCurriculumProgramMap .checkbox {
    min-height: initial;
}

.journal-checkedin-flag {
    position: absolute;
    top: 12px;
    right: 17px;
    font-size: 0px;
}

.jCHildHide .bars-widget h3 {
    font-size: 16px;
    font-weight: 500;
}

.journal-checkedin-flag .btn {
    padding: 3px 8px;
    font-size: 12px;
}

.journal-checkedin-flag .bootstrap-switch.bootstrap-switch-mini {
    white-space: nowrap;
    margin-left: 5px;
}
.journal-checkedin-flag .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background: #5cb85c;
}
.journal-checkedin-flag .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
    width: 33% !important;
}
.journal-checkedin-flag .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #5cb85c;
}
.journal-checkedin-flag .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:after {
    border: 3px solid #5cb85c;
}
/*549 Fixed header*/

@media (min-width: 768px) {
    #cl-wrapper {
        padding-left: 55px;
    }

        #cl-wrapper .cl-sidebar {
            position: fixed;
            left: 0;
            overflow-y: auto;
            display: block;
            height: 100%;
        }

            #cl-wrapper .cl-sidebar .cl-vnavigation {
                padding-bottom: 38px;
            }

    .chprofile #cl-wrapper.sb-collapsed {
        padding-left: 124px !important;
    }
        #cl-wrapper.sb-collapsed {
            padding-left: 50px !important;
        }

    #txtCenter {
        width: 238px;
    }
}

@media screen and (min-width: 1025px) {
    #md-Support {
        width: 100%;
        max-width: 1000px;
    }

    #cl-wrapper {
        padding-left: 216px;
        display: block;
    }
    .chprofile #cl-wrapper {
        padding-left: 280px;
        display: block;
    }
}

/*Enter manual payment and See details By Devendra 23 june*/

@media (max-width: 767px) {
    #datatables-columnpriority div.dataTables_info {
        white-space: inherit;
    }

    #datatables-columnpriority #datatable.table tr {
        position: relative;
    }

    #datatables-columnpriority #datatable .SeeDeatils:hover .EnterManualPayment {
        position: absolute;
        left: 50%;
        bottom: auto;
        margin-left: -67px;
        margin-top: 10px;
    }

    .billingGridSPD,
    .bGPopupSeeDetails1 {
        left: 12% !important;
        width: 76% !important;
    }

        .billingGridSPD .bGPopupSeeDetailsClose,
        .bGPopupSeeDetails1 .bGPopupSeeDetailsClose {
            top: 2px;
            right: 2px;
        }

        .billingGridSPD .form-control {
            width: 210px !important;
            margin-bottom: 5px;
        }

        .billingGridSPD .datetime input[type="text"] {
            width: 200px !important;
        }

        .billingGridSPD .datetime select {
            width: 240px !important;
        }

        .billingGridSPD .nav-tabs &gt; li &gt; a {
            min-width: inherit;
            padding-left: 7px;
            padding-right: 7px;
        }

        .billingGridSPD .tab-content .btn,
        .bGPopupSeeDetails1 .btn {
            margin-bottom: 5px;
        }

        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8 &gt; .tab-container &gt; .tab-pane &gt; .col-xs-12 {
            padding-left: 0;
            padding-right: 0;
        }

        .billingGridSPD .tab-content .col-xs-12 .col-xs-3,
        .billingGridSPD .tab-content .col-xs-12 .col-xs-9,
        .billingGridSPD .tab-content .col-xs-12 .col-xs-5 {
            width: 100%;
        }

        .billingGridSPD #bottomDivPay .btn {
            margin-top: 5px;
        }

        .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOut {
            width: 100%;
            display: block;
        }

        .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent {
            width: 100%;
            display: inline-block;
        }

            .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent select {
                width: 110px !important;
            }

            .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent input[type=radio] {
                float: left;
            }

    .padding-bottom-0 {
        padding-bottom: 0px !important;
    }

    #datatables-columnpriority #datatable_length {
        margin-top: 10px;
        float: none;
        width: 100%;
    }

    #datatables-columnpriority .dataTables_paginate {
        margin-top: 10px;
        float: none;
        width: 100%;
    }

    .welcome-msg {
        max-width: 100%;
        margin-left: 0px;
    }

    .form-horizontal .control-label {
        display: block;
    }

    .site-block .BtnEdit {
        padding-right: 0px;
    }

    .site-block .spanlheight1 span {
        margin: 0px 0px 3px 0px;
        width: 100%;
    }

    .account-detail h2 {
        font-size: 20px;
    }

    .account-detail .account-detail-email {
        top: 8px;
    }

    #idQueryBuilder {
        top: 130px;
        right: 31px;
        width: 100%;
        max-width: 299px;
    }

        #idQueryBuilder .query-builder .rules-group-header:before,
        #idQueryBuilder .query-builder .rules-group-header:after {
            content: " ";
            display: table;
        }

        #idQueryBuilder .query-builder .rules-group-header:after {
            clear: both;
        }

        #idQueryBuilder .query-builder .rules-list {
            margin-left: 10px;
        }

            #idQueryBuilder .query-builder .rules-list .rule-header {
                float: right;
            }

            #idQueryBuilder .query-builder .rules-list .rule-filter-container,
            #idQueryBuilder .query-builder .rules-list .rule-operator-container,
            #idQueryBuilder .query-builder .rules-list .rule-value-container {
                max-width: 150px;
                width: 100%;
            }
}

@media (max-width: 767px) {
    #datatables-columnpriority div.dataTables_info {
        white-space: inherit;
    }

    #datatables-columnpriority #datatable.table tr {
        position: relative;
    }

    #datatables-columnpriority #datatable .SeeDeatils:hover .EnterManualPayment {
        position: absolute;
        left: 50%;
        bottom: auto;
        margin-left: -67px;
        margin-top: 10px;
    }

    .billingGridSPD,
    .bGPopupSeeDetails1 {
        left: 12% !important;
        width: 76% !important;
    }

        .billingGridSPD .bGPopupSeeDetailsClose,
        .bGPopupSeeDetails1 .bGPopupSeeDetailsClose {
            top: 2px;
            right: 2px;
        }

        .billingGridSPD .form-control {
            width: 210px !important;
            margin-bottom: 5px;
        }

        .billingGridSPD .datetime input[type="text"] {
            width: 200px !important;
            margin-bottom: 0;
        }

        .billingGridSPD .datetime select,
        .bGPopupSeeDetails1 .datetime select {
            width: 240px !important;
        }

        .billingGridSPD .nav-tabs &gt; li &gt; a,
        .bGPopupSeeDetails1 .nav-tabs &gt; li &gt; a {
            min-width: inherit;
            padding-left: 7px;
            padding-right: 7px;
        }

        .billingGridSPD .tab-content .btn,
        .bGPopupSeeDetails1 .tab-content .btn,
        .bGPopupSeeDetails1 .btn {
            margin-bottom: 5px;
        }

        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8,
        .billingGridSPD .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8 &gt; .tab-container &gt; .tab-pane &gt; .col-xs-12,
        .bGPopupSeeDetails1 .userProfileView .table &gt; tbody &gt; tr &gt; td,
        .bGPopupSeeDetails1 .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row,
        .bGPopupSeeDetails1 .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8,
        .bGPopupSeeDetails1 .userProfileView .table &gt; tbody &gt; tr &gt; td &gt; .row &gt; .col-sm-8 &gt; .tab-container &gt; .tab-pane &gt; .col-xs-12 {
            padding-left: 0;
            padding-right: 0;
        }

        .billingGridSPD .tab-content .col-xs-12 .col-xs-3,
        .billingGridSPD .tab-content .col-xs-12 .col-xs-9,
        .billingGridSPD .tab-content .col-xs-12 .col-xs-5,
        .bGPopupSeeDetails1 .tab-content .col-xs-12 .col-xs-3,
        .bGPopupSeeDetails1 .tab-content .col-xs-12 .col-xs-5,
        .bGPopupSeeDetails1 .tab-content .col-xs-12 .col-xs-7,
        .bGPopupSeeDetails1 .tab-content .col-xs-12 .col-xs-9 {
            width: 100%;
        }

        .billingGridSPD #bottomDivPay .btn,
        .bGPopupSeeDetails1 #bottomDivPay .btn {
            margin-top: 5px;
        }

        .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOut {
            width: 100%;
            display: block;
        }

        .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent {
            width: 50%;
            display: inline-block;
        }

            .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent select {
                width: 110px !important;
            }

            .bGPopupSeeDetails1 .table &gt; tbody &gt; tr &gt; td.gridPopOutContent input[type=radio] {
                float: left;
            }

    #LedgerTable_wrapper {
        float: left;
        /*width:100%;*/
    }

        #LedgerTable_wrapper .row {
            margin-left: 0;
            margin-right: 0;
        }

    .trTextalign {
        width: 50% !important;
    }

    .subsidy-split .form-control {
        margin-bottom: 10px;
    }

    .subsidy-split .subsidy-charge {
        text-align: left;
    }

    .account-content-block #subscription-model .content .input-group {
        width: 100%;
    }

    .account-detail #subscription-model label {
        padding-right: 0;
        padding-left: 0;
    }

    .account-detail #subscription-model .myradio {
        float: none;
    }

    .account-content-block p {
        padding-left: 0px;
    }

    .alert-box .alert-box-content .alert-box-content-inner {
        height: auto;
        overflow-y: auto;
    }

    .drop-in-accountinfo .accountinfo-list span {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .drop-in-total ul li:before {
        display: none;
    }

    .drop-in-buttons a {
        margin-bottom: 10px;
    }

    #dv_BatchChildEnroll .modal-body.form .container-fluid {
        height: 260px;
        overflow-y: scroll;
    }

    #datatable_filter label #CleartextFilter {
        top: 10px;
    }

    .thumb-img-list {
        max-height: 310px !important;
    }

    .alert-exceptionhandle {
        max-width: 300px;
    }

    .filter-dropdown .filter-category .filter-col {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0px;
    }

        .filter-dropdown .filter-category .filter-col .btn-group {
            float: none;
        }

    .spfddtooltiptext {
        display: block !important;
        width: 150px;
        margin-left: -80px;
        bottom: 0;
        position: relative;
        background: none;
        color: #333;
        padding: 0px;
    }

        .spfddtooltiptext:after {
            display: none;
        }
}

@media screen and (max-width: 320px) {
    .trTextalign {
        text-align: right;
        width: 48% !important;
    }

    .padding-bottom-0 {
        padding-bottom: 0px !important;
    }

    .margin-left-custom {
        margin-left: -8px !important;
    }
}

@media (max-width: 500px) {
    table.userProfileEdit tr td {
        display: block;
        line-height: 14px;
        text-align: left;
    }

    table.userProfileEdit.userProfileView tr td table tr td {
        display: block;
        text-align: left;
    }

        table.userProfileEdit.userProfileView tr td table tr td.fieldTitleEditChild {
            text-align: left;
        }

    table.userProfileView tr td {
        display: block;
        line-height: 14px;
        text-align: left;
    }

        table.userProfileView tr td table tr td {
            display: inline-block;
            /*updated by Bhupesh*/
        }

    table.userProfileView tr td {
        display: block;
        line-height: 14px;
        text-align: left !important;
        /*Updated By Bhupesh*/
    }

        table.userProfileView tr td table tr td.fieldTitleEditChild {
            text-align: right;
        }

    table.userProfileView .datetime input {
        width: 100%;
    }

    table.skills tr td.fieldTitleEditAdult {
        text-align: right;
        vertical-align: middle;
    }

    table.userProfileView tr td table tr td.fieldTitle {
        padding: 7px 8px !important;
    }

    table.userProfileView tr td table tr td.fieldTitleR {
        padding: 7px 8px !important;
    }

    table.information .btn span {
        display: block;
    }

    table.information td.category {
        padding-bottom: 7px;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 7px !important;
    }

    #datatable .SeeDeatils:hover .moreInfochild {
        left: -215%;
    }

    #datatable .SeeDeatils:hover .moreInfo {
        left: -150%;
    }

    .PCLeft {
        text-align: left !important;
    }

    .oneEditBtn {
        margin-bottom: 4px !important;
        position: absolute !important;
        right: 40px !important;
        top: auto !important;
    }

    .onoffOffermedia {
        padding-left: 32px !important;
    }

    .pdtlbl tr td.fieldTitleEditChild b {
        padding-left: 7px !important;
    }

    .pdtlbl .BtnEdit {
        height: 37px;
    }

        .pdtlbl .BtnEdit:hover .settingEditbtn {
            padding: 10px !important;
        }

    .pdtlbl .spanlheight1 {
        line-height: normal;
    }

    .pdtlbl .form-control {
        display: inline-block;
        width: auto;
        float: left;
    }

    .pdtlbl .settingUpdatebtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl .settingCancelbtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtInnerEditBirthdate {
        width: 100px;
    }

    .pdtlbl #TxtEditStartdate .input-group-addon {
        display: inline-table;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtEditStartdateChild {
        width: 100px;
    }

    .pdtlbl #TxtEditDischargedate input#TxtEditDischargedateChild {
        width: 130px;
    }

    .pdtlbl #TxtEditDischargedate .input-group-addon {
        display: inline-table;
        float: left;
    }

    #txteditAgeBasedRoom {
        display: inline-block;
        float: left;
        width: 100px;
    }

    .pdtlbl tr td.fieldTitleEditAdult b {
        padding-left: 7px !important;
    }

    .pdL7 {
        padding-left: 7px;
    }

    .oneYearPr {
        text-align: left !important;
    }

    .pdtlbl .BtnEdit:hover .settingEditbtn.inlineedit {
        padding: 8px !important;
    }

    .lblpad b {
        padding-left: 7px;
    }

    .BtnEdit1:hover .inlineeditPicker {
        float: left !important;
    }

    .inlineeditPickerupdate {
        float: left !important;
    }

    .inlineeditPickerCancel {
        float: left !important;
    }

    .widthTab table {
        width: 100%;
        overflow: auto;
    }
}

@media (max-width: 767px) {
    /*for layout profile menu*/

    .bGPopupSeeDetails {
        left: 8px;
        width: 544px;
    }

    #datatable .SeeDeatils:hover .moreInfoBG {
        left: -164% !important;
    }

    .oneYearPr {
        text-align: left;
    }

    .createPageMrgBt10 {
        margin-bottom: 10px;
    }

    .PCHeader {
        display: inline-block;
        font-size: 22px;
        margin-top: 10px;
    }

    .BtnEdit.PCHeaderAlign {
        float: none;
    }

        .BtnEdit.PCHeaderAlign:hover .moreinfoEditditButton {
            padding: 18px;
        }

    #DivPicker.BtnEdit:hover .inlineeditPicker {
        float: left;
        left: 9px;
        margin: 0;
        position: absolute;
        top: 1px;
    }

    .DivPickerEit.BtnEdit:hover .inlineeditPicker {
        float: left;
        left: 9px;
        margin: 0;
        position: absolute;
        top: 1px;
    }

    .inlineeditPickerCancel {
        float: left;
    }

    .inlineeditPickerupdate {
        float: left;
    }

    #datatable .SeeDeatils:hover .moreInfoClasses {
        right: -14px;
    }

    .margin-left-custom {
        margin-left: -8px !important;
    }

    .left_col_create_edit {
        padding-right: 0% !important;
        padding-left: 0% !important;
    }
}

@media (max-width: 767px) {
    .sd-page .sd-block h3 {
        text-align: center;
    }

    .sd-page .sd-block .db-list {
        display: block;
    }

        .sd-page .sd-block .db-list &gt; li {
            display: block;
        }

            .sd-page .sd-block .db-list &gt; li a {
                border-right: none;
            }
}

@media (max-width: 767px) {
    .tablestardEnd {
        overflow: auto;
        padding-top: 60px !important;
    }

        .tablestardEnd table {
            width: 767px;
        }

    .mSchedulPop {
        text-align: left;
    }

    .bGPopupSeeDetails {
        position: absolute;
        z-index: 9;
        border: 1px solid rgb(204, 204, 204);
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        padding: 10px;
        margin: 8px auto;
        left: 3.3%;
        width: 93.4%;
        display: none;
    }

    .commonjournalview {
        float: none !important;
        margin-bottom: 20px;
    }

    .navbar-default .navbar-nav {
        z-index: 9;
    }

    .navbar-defaul .cl-toggle {
        z-index: 0;
    }
}

@media screen and (max-width: 380px) {
    .btn_right {
        width: 100%;
    }

    /*.createNew, .createNewProgeammClass {
        margin-left: 1px;
        width: 99.9%;
    }*/
}

@media screen and (max-width: 767px) {
    .calenderbox {
        border: 0 none !important;
    }

    .viewBtnLeft {
        border-bottom-color: #2494f2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin-bottom: 10px;
    }

    .viewCategory {
        display: none;
    }

    .JCatInfo {
        display: none;
    }

    .ChivDivBottom {
        display: block;
    }

    .jDivMarginPost {
        margin-bottom: 10px !important;
    }

    .viewBtnLeft {
        float: none !important;
        margin-bottom: 10px;
    }

    .btnArrowAdd {
        width: 48.8%;
        padding: 5px;
        font-size: 18px;
    }

    .btnAddClnd {
        width: 48.9%;
        float: right;
        padding: 5px;
        font-size: 18px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #555;
    }

        .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            background: #155fb0 none repeat scroll 0 0;
            color: #ffffff;
            text-decoration: none;
        }

    .jSDiv {
        margin-top: 10px;
    }

    #Divweekpartial #calendar {
        position: relative;
        margin-left: 0;
        top: 0;
    }

    .divJdateEdit {
        margin-left: 4px;
    }

    .btn_right {
        padding-top: 5px;
        margin-right: -2px;
    }

    .jWeekSearch {
        position: relative;
        right: 0 !important;
        top: 100px;
        z-index: 999999999;
    }

    .social-block a {
        margin-right: 4px !important;
    }

    .help-links-dropdown {
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px) {

    #datatable_wrapper,
    .datatable_wrapper {
        float: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .btnbgMrnBig {
        font-size: 11px !important;
    }

    /* Added By Bhupesh 18-Nov-2015*/

    table.userProfileView tr td table tr td {
        display: inline-block;
        /*updated by Bhupesh*/
    }

    table.userProfileView tr td {
        display: block;
        line-height: 14px;
        text-align: left !important;
        /*Updated By Bhupesh*/
    }

        table.userProfileView tr td table tr td.fieldTitleEditChild {
            text-align: right;
        }

    table.userProfileView .datetime input {
        width: 100%;
    }

    table.skills tr td.fieldTitleEditAdult {
        text-align: right;
        vertical-align: middle;
    }

    table.userProfileView tr td table tr td.fieldTitle {
        padding: 7px 8px !important;
    }

    table.userProfileView tr td table tr td.fieldTitleR {
        padding: 7px 8px !important;
    }

    table.information .btn span {
        display: block;
    }

    table.information td.category {
        padding-bottom: 7px;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 7px !important;
    }

    #datatable .SeeDeatils:hover .moreInfochild {
        left: -215%;
    }

    #datatable .SeeDeatils:hover .moreInfo {
        left: -150%;
    }

    .PCLeft {
        text-align: left !important;
    }

    .oneEditBtn {
        margin-bottom: 4px !important;
        position: absolute !important;
        right: 40px !important;
        top: auto !important;
    }

    .onoffOffermedia {
        padding-left: 32px !important;
    }

    .pdtlbl tr td.fieldTitleEditChild b {
        padding-left: 7px !important;
    }

    .pdtlbl .BtnEdit {
        height: 33px;
    }

        .pdtlbl .BtnEdit:hover .settingEditbtn {
            padding: 8.5px 10px !important;
        }

    .pdtlbl .spanlheight1 {
        line-height: normal;
    }

    .pdtlbl .settingUpdatebtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl .settingCancelbtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtInnerEditBirthdate {
        width: 130px;
    }

    .pdtlbl #TxtEditStartdate .input-group-addon {
        display: inline-table;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtEditStartdateChild {
        width: 130px;
    }

    .pdtlbl #TxtEditDischargedate input#TxtEditDischargedateChild {
        width: 130px;
    }

    .pdtlbl #TxtEditDischargedate .input-group-addon {
        display: inline-table;
        float: left;
    }

    #txteditAgeBasedRoom {
        display: inline-block;
        float: left;
        width: 100px;
    }

    .pdtlbl tr td.fieldTitleEditAdult b {
        padding-left: 7px !important;
    }

    .pdL7 {
        padding-left: 7px;
    }

    .oneYearPr {
        text-align: left !important;
    }

    .pdtlbl .BtnEdit:hover .settingEditbtn.inlineedit {
        padding: 8px !important;
    }

    .lblpad b {
        padding-left: 7px;
    }

    .BtnEdit1:hover .inlineeditPicker {
        float: left !important;
    }

    .inlineeditPickerupdate {
        float: left !important;
    }

    .inlineeditPickerCancel {
        float: left !important;
    }

    .widthTab table {
        width: 100%;
        overflow: auto;
    }

    /* Added end by Bhupesh 18-Nov-2015*/
}

@media (max-width: 767px) {
    .BtnEdit1:hover .inlineeditPicker {
        background: #ccc none repeat scroll 0 0;
        display: block !important;
        float: left;
        margin-left: -5px;
        margin-top: -96px;
        padding: 3px;
    }

    .column1,
    .column2,
    .column4 {
        padding: 0 0 0 0 !important;
    }

    .column1,
    .column2,
    .column3,
    .column5 {
        padding: 2% 0 0 0 !important;
    }

    /* Added By Bhupesh 18-Nov-2015
    table.userProfileView tr td table tr td {
        display: inline-block;
        width: 100% !important; /*updated by Bhupesh
    }*/
    /*table.userProfileView tr td {
        display: block;
        line-height: 14px;
        text-align: left !important; /*Updated By Bhupesh
        width: 100% !important;
    }*/

    table.userProfileView tr td table tr td.fieldTitleEditChild {
        text-align: right;
    }

    table.userProfileView .datetime input {
        width: 100%;
    }

    table.skills tr td.fieldTitleEditAdult {
        text-align: right;
        vertical-align: middle;
    }

    table.userProfileView tr td table tr td.fieldTitle {
        width: 100% !important;
        padding: 7px 8px !important;
    }

    table.userProfileView tr td table tr td.fieldTitleR {
        width: 100% !important;
        padding: 7px 8px !important;
    }

    table.information .btn span {
        display: block;
    }

    table.information td.category {
        padding-bottom: 7px;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 7px !important;
    }

    #datatable .SeeDeatils:hover .moreInfochild {
        left: -215%;
    }

    #datatable .SeeDeatils:hover .moreInfo {
        left: -150%;
    }

    .PCLeft {
        text-align: left !important;
    }

    .oneEditBtn {
        margin-bottom: 4px !important;
        position: absolute !important;
        right: 40px !important;
        top: auto !important;
    }

    .onoffOffermedia {
        padding-left: 32px !important;
    }

    .pdtlbl tr td.fieldTitleEditChild b {
        padding-left: 7px !important;
    }

    .pdtlbl .BtnEdit {
        height: 30px;
    }

        .pdtlbl .BtnEdit:hover .settingEditbtn {
            padding: 7px 10px !important;
            padding-bottom: 6px;
        }

    .pdtlbl .spanlheight1 {
        line-height: normal;
    }

    .pdtlbl .settingUpdatebtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl .settingCancelbtn {
        display: inline-block;
        margin-top: 0px !important;
        margin-right: 0;
        margin-top: 0;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtInnerEditBirthdate {
        width: 130px;
    }

    .pdtlbl #TxtEditStartdate .input-group-addon {
        display: inline-table;
        float: left;
    }

    .pdtlbl #TxtEditStartdate input#TxtEditStartdateChild {
        width: 130px;
    }

    .pdtlbl #TxtEditDischargedate input#TxtEditDischargedateChild {
        width: 130px;
    }

    .pdtlbl #TxtEditDischargedate .input-group-addon {
        display: inline-table;
        float: left;
    }

    #txteditAgeBasedRoom {
        display: inline-block;
        float: left;
        width: 100px;
    }

    .pdtlbl tr td.fieldTitleEditAdult b {
        padding-left: 7px !important;
    }

    .pdL7 {
        padding-left: 7px;
    }

    .oneYearPr {
        text-align: left !important;
    }

    .pdtlbl .BtnEdit:hover .settingEditbtn.inlineedit {
        padding: 8px !important;
    }

    .lblpad b {
        padding-left: 7px;
    }

    .BtnEdit1:hover .inlineeditPicker {
        float: left !important;
    }

    .inlineeditPickerupdate {
        float: left !important;
    }

    .inlineeditPickerCancel {
        float: left !important;
    }

    .widthTab table {
        width: 100%;
        overflow: auto;
    }

    /* Added end by Bhupesh 18-Nov-2015*/
}

@media (min-width: 768px) and (max-width: 992px) {
    .column4 {
        padding: 0 0 0 0 !important;
    }

    .column5 {
        padding: 2% 0 0 0 !important;
    }
}

/* Added by Bheem */

@media (max-width: 767px) {
    .table_div {
        /*margin-top: 10%;*/
        margin-top: 2%;
    }

    .attend_graph_par {
        padding: 2% 0 0 0;
    }
}

@media (min-width: 667px) {

    .column1,
    .column2 {
        padding: 0% 1% 0% 0 !important;
    }
}

@media (min-width: 667px) and (max-width: 770px) {
    #cl-wrapper .cl-sidebar .cl-vnavigation {
        padding-top: 18px;
    }
}

@media (min-width: 668px) {
    .qwer_res {
        margin-top: -4%;
    }

    .flatmin-percentage {
        font-size: 2.5em !important;
    }
}

@media (min-width: 480px) and (max-width: 668px) {
    .flatmin-percentage {
        font-size: 2.2em !important;
    }
}

@media (max-width: 800px) {
    .flatmin-percentage {
        font-size: 2.5em !important;
    }
}

@media (max-width: 993px) {
    .accounting_right_col &gt; .right_col_row1 {
        padding: 2% 0% 0% 28%;
    }

    .accounting_right_col &gt; .right_col_row2 {
        padding: 0% 0% 0% 28%;
    }

    .accounting_right_col &gt; .right_col_row3 {
        padding: 3% 0% 0% 28%;
    }

    .right_col_row4 {
        padding: 3% 0 0;
    }
}

@media (min-width: 992px) {
    .btn_edit_cancel {
        margin-top: 4px;
    }

    .col-sm-8-new {
        width: 68%;
    }
}

@media (max-width: 480px) {
    .datetimepicker-dropdown-bottom-right.dropdown-menu {
        left: 20%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td {
        left: 20%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td3 {
        left: 20%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td4 {
        left: 15%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td2 {
        left: 10%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill,
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
        left: 10% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    #frmAttendance .col-sm-10 {
        width: 58%;
    }

    .cl-mcont {
        margin-top: 0px;
    }
}

@media (max-width: 1288px) {
    .listTableInfo &gt; .btn_right .btn-group .btn-group {
        margin-left: 0px;
        margin-right: 0px;
    }

    .listTableInfo &gt; .btn_right &gt; .btn-group {
        margin-right: 0px;
    }

    #SettingsPage .fuelux .wizard &gt; .actions {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .setupList .fc-header .fc-header-title {
        width: 230px;
    }

        .setupList .fc-header .fc-header-title h2 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    #Divweekpartial .setupList .topList .jWeekSearch {
        right: -54%;
        margin-bottom: 40px;
        padding-right: 83px;
    }

        #Divweekpartial .setupList .topList .jWeekSearch #datatable_filter,
        #Divweekpartial .setupList .topList .jWeekSearch .pull-right {
            float: left;
        }
}

@media (max-width: 767px) {
    .jWeekSearch {
        margin-bottom: 10px;
        position: relative;
        right: 0px !important;
        z-index: 999999999;
        top: 75px;
    }

    .fc-header-left {
        margin-top: 10px;
    }
}

/* end of bheem css */

@media (min-width: 320px) and (max-width: 573px) {
    .cl-mcont {
        line-height: 18px;
    }

    #frnSettingCenter .divdashedline label {
        padding-top: 5px !important;
    }

    #frmAdminInfo .divdashedline label {
        padding-top: 5px !important;
    }

    #child-tabs li a {
        padding: 9px !important;
        min-width: 62px;
    }

    #div_ActionResult_Profile {
        max-width: 270px !important;
        min-width: 270px !important;
    }

        #div_ActionResult_Profile table tr td {
            width: 54%;
            text-align: left;
        }

    .popup-boxes {
        min-width: 275px !important;
    }

    .ChildChargesPopOut-radio {
        padding-top: 14px;
    }

    .ChildChargesPopOut-select {
        padding-top: 14px;
    }
}

@media (min-width: 261px) and (max-width: 767px) {
    #btnSendMessageNewSetting {
        margin-top: 10px !important;
    }

    @media (min-width: 276px) and (max-width: 500px) {
        #setting-anc {
            display: block;
            margin-left: 0 !important;
            margin-top: 10px;
        }
    }
}

@media (min-width: 320px) and (max-width: 437px) {
    #setting-spn {
        display: block;
    }
}

@media (min-width: 380px) and (max-width: 1320px) {
    #setting-btns {
        float: left;
    }
}

@media (min-width: 261px) and (max-width: 767px) {
    #btnSendMessageNewSetting {
        margin-top: -40px !important;
    }

    #btnSendMessage {
        margin-top: -39px !important;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    #setting-btn {
        margin-top: 0px !important;
    }

    .child-dropdown-tick {
        margin-right: 0 !important;
    }

    .child-dropdown-cross {
        margin-right: 0 !important;
    }
}

@media (min-width: 350px) and (max-width: 480px) {
    table &gt; tbody &gt; tr:hover #moreInfochild_td2 {
        left: 25%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill,
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
        left: 25% !important;
    }
}

@media (max-width: 350px) {
    table &gt; tbody &gt; tr:hover #moreInfochild_td2 {
        left: 10%;
    }

    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill,
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
        left: 10% !important;
    }
}

@media (min-width: 381px) and (max-width: 1024px) {
    #child-btn {
        float: left;
        margin-bottom: 5px;
    }

        #child-btn.billing-btn {
            float: right;
        }

        #child-btn .btn-group {
            margin-left: 2px !important;
        }

    #program-submenu {
        height: 250px !important;
        overflow-y: auto;
    }
}

@media (max-width: 510px) {

    #child__edit_table_res tr td:first-child {
        padding-left: 0px;
        text-align: right;
    }
}

@media (max-width: 510px) {
    .child__edit_table_res tr td:last-child {
        width: 68% !important;
    }

    .child__edit_table_res tr td:first-child {
        padding-left: 0px;
        text-align: right;
    }

    .staff__edit_table_res tr td:last-child {
        width: 68% !important;
    }

    .staff__edit_table_res tr td:first-child {
        padding-left: 0px;
        text-align: right;
    }

    .contact-udf .panel-group .panel-title a strong span {
        display: block;
    }
}

@media (min-width: 511px) and (max-width: 991px) {
    .child__edit_table_res tr td:last-child {
        width: 54% !important;
    }

    .staff__edit_table_res tr td:last-child {
        width: 65% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .Siblings {
        line-height: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
    .block-flat .header h3 {
        font-size: 17px !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 560px) {
    .fieldTitleEditChild {
        width: 38% !important;
    }

    .fieldTitleEditAdult {
        width: 18% !important;
    }
}

@media screen and (min-width: 561px) and (max-width: 650px) {
    .fieldTitleEditChild {
        width: 38% !important;
    }

    .fieldTitleEditAdult {
        width: 28% !important;
    }
}

@media screen and (min-width: 651px) and (max-width: 768px) {
    .fieldTitleEditChild {
        width: 40% !important;
    }

    .fieldTitleEditAdult {
        width: 32% !important;
    }
}

@media screen (max-width: 500px) {
    .table .userProfileView tr td table tr td {
        width: 50% !important;
        padding-right: 0px !important;
    }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
    .table .userProfileView tr td table tr td {
        width: 39% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    table.userProfileView tr td table tr td {
        width: 46% !important;
        padding-right: 0px !important;
        text-align: right !important;
    }

    #EnterPaymentTR td table tr td {
        width: 100% !important;
    }

    table.userProfileView tr td table tr td:nth-child(even) {
        text-align: left !important;
    }

    #StaffprofileEdit tr td table tr td {
        width: 35% !important;
        padding-right: 0px !important;
        text-align: right !important;
    }
}

@media screen (max-width: 528px) {
    .pdtlbl .form-control {
        display: inline-block;
        width: 49% !important;
        float: left;
    }
}

@media screen (max-width: 767px) {
    #accountChild-add span {
        margin-top: 0px !important;
    }
}

@media screen (max-width: 980px) {
    .settingUpdatebtn {
        margin-right: -26px !important;
    }

    .settingCancelbtn {
        margin-right: -55px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #schedule-desktop {
        display: none !important;
    }

    #schedule-mobile {
        display: block !important;
    }

        #schedule-mobile th {
            width: 40.75%;
        }

    #child-schedule-header {
        width: 50% !important;
    }

    #child-schedule-header2 {
        width: 33% !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) {
    #schedule-desktop {
        display: none !important;
    }

    #schedule-mobile {
        display: block !important;
    }

        #schedule-mobile th {
            width: 37%;
        }

    #accounting-child {
        margin-right: 0px;
    }

    .accounting-today {
        margin-left: 0px;
        margin-right: 0px !important;
    }

    #accounting-action {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

        #accounting-action button {
            margin-left: 0px !important;
        }
}

@media screen and (min-width: 375px) and (max-width: 627px) {
    #schedule-desktop {
        display: none !important;
    }

    #schedule-mobile {
        display: block !important;
    }

        #schedule-mobile th {
            width: 3%;
        }

    .popup-boxes {
        min-width: 320px !important;
    }

    .ChildChargesPopOut-radio {
        padding-top: 15px;
    }

    .BalanceChargesPopOut-select {
        padding-top: 10px;
    }

    .mannual-payment {
        height: 400px;
        overflow-y: auto;
        overflow-x: auto;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .btnJSearch {
        margin-left: 0px !important;
    }

    .fileinput-button i {
        font-size: 2em !important;
    }

    #suggestion-box {
        bottom: 0px;
        right: 0px;
    }

        #suggestion-box a {
            padding: 8px 10px;
        }

        #suggestion-box i {
            font-size: 20px;
        }

        #suggestion-box span {
            font-size: 12px;
        }
}

@media (max-width: 500px) {
    .createNew {
        margin: 0px;
    }
}

@media (max-width: 767px) and (min-width: 261px) {
    #btnSendMessage {
        margin-top: 0px !important;
        margin-left: 8px;
    }
}

/*For Chat mobile screen*/

@media (max-width: 1250px) {
    .tab-container.topmargin {
        margin-top: 0px !important;
    }

    .divheight {
        min-height: 0px !important;
    }

    .divpadding0 {
        padding-top: 0px !important;
    }

    .ChivDivBottom {
        position: fixed;
        Bottom: 12%;
    }
}

@media (min-width: 1251px) {
    /*.Divhide {
        display: none;
    }*/

    #divMobile {
        display: none;
    }
}

@media(max-height:480px) {
    /*.panel-body {
        height: 120px;
    }*/
}

/*for iphone 6 plus*/
/*Portrait mode*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {
    /*Added  by bhupesh 26 Aug*/

    .FieldDivToEnable input.form-control {
        width: 84% !important;
    }

    .FieldValueUpdateBtn,
    .FieldValueCancelBtn {
        padding: 7px 20px 0px 6px !important;
    }

    /*end Add*/

    #tbl_journal tr:hover .saveCancel {
        position: absolute !important;
        right: 35px !important;
        margin-top: -50px !important;
        display: block;
    }

    #tbl_journal tr:hover .editDelete {
        position: absolute !important;
        right: 35px !important;
        margin-top: -40px !important;
        display: block;
    }

    .NoteDivLen {
        width: 72% !important;
    }

    .block-flat.bars-widget.Divhide {
        display: none;
    }

    .divheight .Divhide {
        display: none;
    }

    #info {
        /*position: fixed;
        bottom: 12%;*/
        left: -5px;
        width: 103%;
    }

    .ChatDivtop {
        top: 0px !important;
    }

    .ChivDivBottom {
        position: fixed;
        Bottom: 14%;
    }

    .SiblistMarginLeft {
        margin-left: 10px;
    }

    .padbtn5 {
        padding-bottom: 5px;
    }

    .JournalDayView {
        margin-bottom: 20px;
        overflow-y: auto;
    }

    #SearchViewTimeline {
        margin-top: 0px;
    }

    ul.timeline {
        margin-bottom: 20px;
    }

    .journalBox {
        height: 480px;
        overflow-y: scroll;
    }

    #ddlPC {
        display: block;
    }

    .imgposition {
        position: fixed;
        z-index: 11116;
        left: 31%;
        top: 35%;
    }
}

@media(min-height:414px) and (max-height:736px) {
    .ChatDivtop {
        top: 0px !important;
    }

    .ChivDivBottom {
        position: fixed;
        bottom: 12%;
    }
}

/* End Portrait mode*/
/*  Landscape mode*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .block-flat.bars-widget.Divhide {
        display: none;
    }

    #info {
        position: fixed;
        bottom: 12%;
        width: 100%;
    }

    .panel-body {
        height: 80px !important;
    }
}

@media(min-width:375px) and (max-height:627px) {

    .FieldValueUpdateBtn,
    .FieldValueCancelBtn {
        padding: 7px 20px 0px 6px !important;
    }

    .contact-udf .FieldDivToEnable .FieldValueUpdateBtn,
    .FieldValueCancelBtn {
        padding: 7px 10px !important;
    }

    .tag-dropdown-listimmu .FieldValueUpdateBtn,
    .tag-dropdown-listimmu .FieldValueCancelBtn {
        padding: 7px 10px !important;
    }

    div#md-3dQuickTips {
        top: 56%;
    }

    .NoteDivLen {
        width: 70%;
    }

    .block-flat.bars-widget.Divhide {
        display: none;
    }

    .divheight .Divhide {
        display: none;
    }

    .ChatDivtop {
        top: 0px !important;
    }

    .ChivDivBottom {
        position: fixed;
        Bottom: 14%;
    }

    .SiblistMarginLeft {
        margin-left: 10px;
    }

    .padbtn5 {
        padding-bottom: 5px;
    }

    .DesckChatChild {
        height: 250px !important;
    }

    .DesckChatstaff {
        height: 250px !important;
    }

    #SearchViewTimeline {
        margin-top: 0px;
    }

    .calenderbox {
        margin-bottom: 3px;
    }

    .DisplayMsgP {
        display: none;
    }

    .fc-view {
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
    }

    #ddlPC {
        display: block;
    }

    .imgposition {
        position: fixed;
        z-index: 11116;
        left: 31%;
        top: 35%;
    }
}

/*potrait mode*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    #tbl_journal tr:hover .saveCancel {
        position: absolute !important;
        right: 35px !important;
        margin-top: -50px !important;
        display: block;
    }

    #tbl_journal tr:hover .editDelete {
        position: absolute !important;
        right: 35px !important;
        margin-top: -40px !important;
        display: block;
    }

    #md-3dQuickTips.md-modal {
        height: 80%;
        overflow: scroll;
    }

    .NoteDivLen {
        width: 67%;
    }

    .block-flat.bars-widget.Divhide {
        display: none;
    }

    .divheight .Divhide {
        display: none;
    }

    .panel-body {
        height: 180px !important;
    }

    .ChatDivtop {
        top: 0px !important;
    }

    .ChivDivBottom {
        position: fixed;
        Bottom: 17%;
    }

    .SiblistMarginLeft {
        margin-left: 10px;
    }

    .padbtn5 {
        padding-bottom: 5px;
    }

    .DesckChatChild {
        height: 160px !important;
    }

    .DesckChatstaff {
        height: 180px !important;
    }

    .fc-view {
        height: 200px;
        overflow: hidden;
        width: 100%;
    }

    .imgposition {
        position: fixed;
        z-index: 11116;
        left: 31%;
        top: 35%;
    }
}

/*End potrait mode*/
/*Landscape Mode*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: landscape) {
    #info {
        position: fixed;
        bottom: 15%;
        width: 100%;
    }

    .panel-body {
        height: 268px !important;
    }
}

/*End Landscape Mode */
/*for iphone 5*/
/*for iphone 4*/
/*potrait mode*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
    .NoteDivLen {
        width: 67%;
    }

    .block-flat.bars-widget.Divhide {
        display: none;
    }

    .divheight .Divhide {
        display: none;
    }

    #info {
        position: fixed;
        bottom: 17%;
        width: 100%;
    }

    .panel-body {
        height: 100px !important;
    }

    .fc-view {
        height: 150px;
        overflow: hidden;
        width: 100%;
    }

    #info {
        position: fixed;
        bottom: 17%;
        width: 100%;
    }

    .panel-body {
        height: 50px !important;
    }
}

@media (max-width: 767px) {
    #cl-wrapper {
        z-index: 1040;
    }

    .cl-sidebar .cl-toggle {
        display: inline-block;
        position: absolute;
        right: 0;
        top: -52px;
        width: auto;
        padding: 10px;
    }

    .navbar {
        min-height: 45px;
    }

    .navbar-default .navbar-brand {
        padding-top: 5px;
        width: auto;
    }

    .navbar.navbar-default.navbar-fixed-top {
        position: relative;
        z-index: 1041;
    }

    .AddNewRowTransaction {
        display: none;
    }

    #AddNewRowBilling {
        display: none;
    }

    #a_addNewRow {
        display: none;
    }

    .Desktoplogo {
        display: none;
    }

    .mobilelogo {
        display: block;
        padding-top: 4px;
    }
}

@media (max-width: 627px) {
    #balances-btn {
        margin-right: 0px !important;
    }

    #billing-btn #btnSendMessage {
        margin-left: 0px !important;
    }
}

@media (max-width: 736px) {
    #billing-btn #btnSendMessage {
        margin-left: 3px !important;
    }

    .date1 {
        display: none !important;
    }

    .date2 {
        visibility: visible !important;
    }

    .bGPopupSeeDetails1 {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        border: 1px solid rgb(204, 204, 204);
        display: none;
        left: 0.8%;
        margin: 10px auto;
        padding: 10px;
        position: absolute;
        width: 98.5%;
        z-index: 9;
        height: 400px;
    }

    .bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-on .bootstrap-switch-container {
        background-color: transparent !important;
    }
}

/*iphone 6 landscape*/

@media (min-width: 725px) and (max-width: 736px) {
    .block-flat.bars-widget.Divhide {
        display: none;
    }

    .divheight .Divhide {
        display: none;
    }

    .panel-body {
        height: 80px !important;
    }
}

/*New Journal design mobile CSS*/

@media (min-width: 768px) {
    .ChivDivBottom {
        display: none;
    }
}

/*By devendra*/

@media (max-width: 767px) {
    #sidebar-plus div.submenuChild {
        width: 270px;
        overflow-x: scroll;
    }

    /*Child/Create*/

    .profile-info .personal {
        text-align: center;
    }

    .profile-info .avatar {
        text-align: center;
    }

        .profile-info .avatar img {
            max-width: 130px;
        }
}

/*End By devendra*/
/*By devendra*/

@media (max-width: 767px) {
    #sidebar-plus div.submenuChild {
        width: 270px;
        overflow-x: auto;
    }

    /*Child/Create
      Staff/Create*/

    .profile-info .personal {
        text-align: center;
    }

    .profile-info .avatar {
        text-align: center;
    }

        .profile-info .avatar img {
            max-width: 130px;
        }

    /*Staff/Edit*/

    #DivDischargDate,
    #DivHomePhone,
    #DivWorkPhone,
    #DivEmail,
    #DivDisReason {
        overflow-y: hidden;
    }

    /*ProgramClasses/Create*/

    .program-create .oneYearPr {
        width: 100%;
    }

    /*ProgramClasses/Edit*/

    .profile-info .personal #DivLabelEditClassName #AncEditClassName {
        padding: 10px !important;
    }

    /*ProgramClasses/ChildEnrollment*/

    .sidebare-action {
        right: auto;
        left: 0;
    }

    .top-spacer-15 {
        margin-top: 15px !important;
    }

    .btn-center-popup {
        text-align: center;
        margin-top: 10px;
    }

    /*Settings/Settings/index*/

    .fuelux .setting-block .steps {
        float: left;
    }

    .fuelux .setting-block .actions {
        position: relative;
    }

    .setting-block .form-horizontal.group-border-dashed .form-group label {
        margin-bottom: 0;
    }

    .setting-block #div_4 #btnSendMessage,
    .setting-block #div_4 #btnSendMessageNewSetting {
        margin: 0 10px 0 0 !important;
    }

    .setting-block #div_4 br {
        display: none;
    }
}

@media (max-width: 767px) {
    /*29 March*/

    .calendar-block .fc-header-right {
        padding-left: 0;
        padding-right: 0;
    }

        .calendar-block .fc-header-right .fc-button {
            padding: 10px 5px;
        }

        .calendar-block .fc-header-right .fc-header-space {
            display: none;
        }

    .Width60 {
        width: 100%;
    }
}

/*30 March*/

@media (max-width: 573px) and (min-width: 320px) {
    .cl-mcont #child-tabs li a {
        padding: 6px 6px !important;
        min-width: 57px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    /*Settings/Settings/index*/

    .setting-block .settingdefaultbtn {
        line-height: 13px;
    }

    .setting-block .settingUpdatebtn,
    .setting-block .settingEditbtn,
    .setting-block .settingCancelbtn {
        line-height: 14px;
    }

    .setting-block #div_4 #datatable_wrapper {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        overflow-x: auto;
        width: 100%;
    }

    .table-responsive.listTableInfo {
        border: 0px !important;
    }
    .setting-block .divdashedline label.control-label {
        width: 100%;
    }

    div.dataTables_filter input {
        margin-top: 10px;
    }

    #subsidydatatable_filter {
        width: 65% !important;
    }

    #dv_managesubsidy #addRowid {
        position: absolute;
        top: 27px;
        right: 25px;
        width: auto;
    }

    .dataTables_wrapper select.input-sm {
        height: auto !important;
        line-height: normal !important;
    }
}

@media (max-width: 767px) {
    /*741*/

    .program-create {
        padding-bottom: 50px;
    }

    /*744*/

    .mannual-payment {
        overflow: auto;
    }

        .mannual-payment .skills .createNew {
            width: auto;
        }

    .inputBtnInfo {
        margin: 0 auto;
        position: relative;
        width: auto;
    }

        .inputBtnInfo input {
            width: 100% !important;
        }

    .inputBtnInfo {
        width: 220px;
        margin: 0 auto;
        position: relative;
        display: inline-block;
    }

        .inputBtnInfo a.settingUpdatebtn.UDFsettingUpdatebtn {
            position: absolute;
            right: 20px !important;
        }

        .inputBtnInfo a.settingCancelbtn.UDFsettingCancelbtn {
            position: absolute;
            right: 46px !important;
        }
}

.custom-switch .bootstrap-switch {
    padding-top: 2px;
}

    .custom-switch .bootstrap-switch .bootstrap-switch-container {
        padding: 2px 0;
        background-color: transparent !important;
    }

.alltable-resize {
    width: 100% !important;
    margin-top: 0px !important;
}

/*End By devendra*/
/*21April*/

@media screen and (max-width: 767px) {
    #datatables-columnpriority .table-responsive.listTableInfo {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media (max-width: 767px) {
    /*23April*/

    #datatables-columnpriority #datatable_wrapper {
        width: 100%;
    }

    #datatables-columnpriority .table-responsive.listTableInfo {
        padding-left: 6px;
        padding-right: 6px;
    }

    #datatables-columnpriority div.dataTables_filter {
        padding-left: 0;
        width: 100%;
    }

        #datatables-columnpriority div.dataTables_filter label {
            margin-top: 0px;
            margin-left: 0;
        }

    #datatables-columnpriority #datatable_length {
        width: 100%;
    }

    #datatables-columnpriority #datatable_paginate {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #datatables-columnpriority table &gt; tbody &gt; tr:hover #moreInfochild_td {
        left: 50%;
        margin-left: -35px;
    }

    #datatables-columnpriority #datatable_wrapper,
    .datatable_wrapper {
        float: left;
    }

    /*22-24April*/

    #child-editpage table .datetime .child-updatebtn,
    #staff-editpage table .datetime .child-cancelbtn {
        margin-right: 0 !important;
    }

    #child-editpage table .datetime .form-control,
    #staff-editpage table .datetime .form-control,
    #child-editpage #Schedules .profileInfo .datetime .form-control {
        width: 90px !important;
    }

    #staff-editpage #Profile #DivHireDatevalue .settingUpdatebtn,
    #staff-editpage #Profile #DivDischargeDatevalue .settingUpdatebtn {
        margin-right: 0 !important;
    }

    #staff-editpage #Profile #DivDischargeDatevalue #buttonCancelEditClassName {
        margin-top: 0px !important;
        margin-right: 27px !important;
    }

    #staff-editpage #Profile #DivDisReasonvalue #buttonCancelEditClassName {
        margin-top: 0px !important;
        float: left;
    }
}

@media (max-width: 510px) {

    #child-editpage table.userProfileView table,
    #staff-editpage table.userProfileView table {
        width: 100% !important;
    }

        #staff-editpage table.userProfileView table td:first-child,
        #child-editpage #Schedules .profileInfo .mrgb10 .oneYearPr,
        #staff-editpage #Schedules .profileInfo .mrgb10 .oneYearPr {
            width: 28% !important;
        }

        #staff-editpage table.userProfileView table td:last-child,
        #child-editpage #Schedules .profileInfo .mrgb10 .col-sm-7.col-xs-12,
        #staff-editpage #Schedules .profileInfo .mrgb10 .col-sm-7.col-xs-12 {
            width: 70% !important;
            padding-right: 0;
            padding-left: 0;
        }

        #child-editpage table.userProfileView table td:first-child b,
        #staff-editpage table.userProfileView table td:first-child b {
            display: inline-block;
            padding-left: 0 !important;
        }

        #child-editpage table.userProfileView table td:last-child &gt; div,
        #staff-editpage table.userProfileView table td:last-child &gt; div {
            padding-left: 0;
        }

    #child-editpage #Schedules .profileInfo .mrgb10 .oneYearPr {
        width: 28% !important;
    }

    #child-editpage #Schedules .profileInfo .mrgb10 .col-sm-7.col-xs-12,
    #staff-editpage #Schedules .profileInfo .mrgb10 .col-sm-7.col-xs-12 {
        width: 70% !important;
        padding-right: 0;
        padding-left: 0;
    }

    #child-editpage table.userProfileView table td:first-child b,
    #staff-editpage table.userProfileView table td:first-child b {
        display: inline-block;
        padding-left: 0 !important;
    }

    #child-editpage table.userProfileView table td:last-child &gt; div,
    #staff-editpage table.userProfileView table td:last-child &gt; div {
        padding-left: 0;
    }
}

/*------------28th April-----------------------------*/

@media screen and (max-width: 980px) {
    #child-editpage #Schedules .profileInfo .customScheduleSpan {
        padding-left: 25px;
    }

    #child-editpage #Schedules .profileInfo .BtnEdit1:hover .inlineeditPicker {
        margin-left: -25px;
    }

    #child-editpage #Schedules .profileInfo .customScheduleSpan .inlineeditPickerupdate {
        margin-left: -25px;
    }

    #child-editpage #Schedules .profileInfo .customScheduleSpan .inlineeditPickerCancel {
        margin-left: -25px;
    }
}

/*------------28th April-----------------------------*/
/*-------2-May Devendra merge by Pankaj----------------*/
/*29April*/

@media screen and (max-width: 980px) {
    #staff-editpage #Schedules .profileInfo .customScheduleSpan {
        padding-left: 25px;
    }

        #staff-editpage #Schedules .profileInfo .BtnEdit1:hover .inlineeditPicker,
        #staff-editpage #Schedules .profileInfo .customScheduleSpan .inlineeditPickerupdate,
        #staff-editpage #Schedules .profileInfo .customScheduleSpan .inlineeditPickerCancel {
            margin-left: -25px;
        }
}

@media (max-width: 767px) {
    #datatables-columnpriority .btn_right {
        margin-right: 0 !important;
    }

        #datatables-columnpriority .btn_right .btn-group {
            margin-right: 3px;
            margin-left: 0;
        }

    .journal-page .jCHildHide #sidebar #accordion {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

/*------------End of 2-may statement-----------*/
/*Side Bar Fixed by Sameer*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .cl-vnavigation {
        position: absolute;
        width: 55px !important;
    }

    .cl-sidebar .cl-vnavigation {
        padding-top: 22px;
    }
}

@media (max-width: 736px) {
    .cl-vnavigation {
        position: relative !important;
        width: auto !important;
    }
}

/*09-May Devendra Code*/

@media (max-width: 510px) {
    #program-editpage table.userProfileView tr td {
        width: 100% !important;
    }

        #program-editpage table.userProfileView tr td table tr td:first-child {
            width: 28% !important;
        }

        #program-editpage table.userProfileView tr td table tr td:last-child {
            width: 70% !important;
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
}

@media screen and (max-width: 980px) {
    #program-editpage .profileInfo .BtnEdit1 {
        padding-left: 25px;
    }

    #program-editpage .profileInfo .inlineeditPicker,
    #program-editpage .profileInfo .inlineeditPickerupdate,
    #program-editpage .profileInfo .inlineeditPickerCancel {
        right: auto;
        left: 0;
        width: 23px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    #program-editpage #HeaderEdit #textEditClassName {
        width: 250px !important;
    }

    #program-editpage .onoffOffermedia {
        padding-left: 8px !important;
    }

    #datatables-columnpriority .btn_right .btn-group {
        margin-bottom: 5px;
    }

    #datatables-columnpriority .createNewProgeammClass {
        margin: 0;
    }

    #program-editpage #HeaderEdit .settingEditbtn {
        margin-left: 5px;
        padding: 1px;
    }

    #program-editpage table.userProfileView .datetime input {
        width: 78px;
    }

    #child-editpage table.userProfileView table td:last-child &gt; div,
    #staff-editpage table.userProfileView table td:last-child &gt; div {
        height: auto;
    }

    .profile-info .row-centered2 {
        margin-top: 0;
    }

        .profile-info .row-centered2 .avatar {
            width: 80px;
            margin: auto;
            padding-top: 0;
        }

            .profile-info .row-centered2 .avatar img {
                height: auto;
            }

        .profile-info .row-centered2 .col-centered2 {
            width: 100% !important;
        }

    .profile-info .col-centered2 .personal {
        margin-top: 0;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    #enrolledopenDate {
        text-align: center;
    }

    #TransOptions .dropdown-menu {
        left: 64%;
        width: 112px;
        top: 181%;
    }

    #s2id_inputEmail3 {
        max-height: 175px;
        overflow-y: auto;
    }

    td.PAddSectionFields .inputBtnInfo {
        display: inline-block;
        margin: 0 auto 0 10px !important;
        position: relative;
        width: 220px;
    }

    .easy-autocomplete {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    #SettingsPage {
        visibility: hidden;
        clear: both;
    }

    #SettingsPageErr {
        visibility: visible;
        clear: none;
        display: block !important;
        display: block;
        position: absolute;
        top: 119px;
        width: 100%;
        text-align: center;
        color: red;
        font-size: 16px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #SettingsPage {
        visibility: hidden;
        clear: both;
    }

    #SettingsPageErr {
        visibility: visible;
        clear: none;
        display: block !important;
        display: block;
        position: absolute;
        top: 119px;
        width: 100%;
        text-align: center;
        color: red;
        font-size: 16px;
    }

    div#LedgerTable_wrapper div.col-sm-10 {
        width: 50%;
    }

    div#billinggrid1 .col-sm-10 {
        width: 75%;
    }

    .head1.scale1 &gt; a {
        float: left !important;
        margin-left: 12% !important;
    }

    .inline-anchorIpad {
        display: block;
    }

    .inline-anchor {
        display: none;
    }

    .inputBtnInfo a.settingUpdatebtn.UDFsettingUpdatebtn {
        right: 23px !important;
    }
}

@media only screen and (min-device-width: 1300px) and (max-device-width: 1600px) {
    #s2id_autogen3 {
        width: 548px !important;
        height: 70px;
    }

    #s2id_autogen6 {
        width: 748px !important;
        /**/
        height: 70px;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    .showDeleteButton {
        display: inline-block;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .gallery-cont .item {
        width: 100%;
    }

    .gallery-cont .item {
        top: auto !important;
        left: auto !important;
        position: relative !important;
    }

    .button__badge {
        margin-left: -10px;
        margin-top: -10px;
    }

    span.SpanminWidth {
        min-width: 0px;
    }
}

/*iPhone 6 Portrait*/
/*FOr  Iphone 6 for chat and journal issues*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    div#md-3dQuickTips {
        top: 56%;
    }

    .content.NoteDivLen {
        width: 69% !important;
    }

    .JournalStartDate {
        left: 175px;
        position: absolute;
        top: 110px;
        width: 0;
        z-index: 99999999;
    }

    .ui-timepicker-wrapper {
        top: 155px !important;
        left: 130.766px !important;
        z-index: 1000000 !important;
        width: 100px !important;
        margin: 36px -30px 0 5px !important;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    /*Added on 22 June 2016*/

    div#LedgerTable_filter label input {
        margin-left: 21px;
    }

    #LedgerTable {
        margin-left: 21px;
    }
}

@media only screen and (min-width: 769px) {
    .inline-anchorIpad {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .modal-dialog {
        width: auto;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td:first-child {
        text-align: left !important;
        padding-right: 10px !important;
        width: 100% !important;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td {
        padding-right: 0px !important;
    }
}

/*DEV 25July*/
@media (max-width: 1024px) {
    .enroll-filter-strip {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .enroll-tab-content {
        padding: 0px !important;
    }

    .enroll-tab-inner-title {
        font-size: 14px;
    }

        .enroll-tab-inner-title h3 {
            font-size: 14px;
        }

    .days-of-week {
        flex: 0 1 auto;
        flex-wrap: wrap;
    }

        .days-of-week .checkbox-list-item {
            min-width: 46%;
        }

    .enroll-card-container {
        width: 48%;
    }
}

@media (max-width: 1024px) {
    .custom-color-table {
        overflow-x: auto;
    }

    .notestab {
        margin-top: 10px;
    }

    .notes-time input[type="text"],
    .journal-report-buttons input[type="text"] {
        margin: 0px;
    }

}

@media (max-width: 767px) {
    .profile-header {
        flex-direction: column;
        font-size: 12px;
    }

        .profile-header h2 {
            font-size: 26px;
        }

    header .img-responsive {
        max-width: 90px;
        margin-bottom: 15px;
    }

    #PaymentFrame .content .bGPopupSeeDetails1 {
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    #divMainPaymentFrame #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td {
        width: 100% !important;
        display: block;
        padding-left: 0px !important;
        text-align: left;
    }

        #divMainPaymentFrame #PaymentFrame .content .bGPopupSeeDetails1 table.userProfileView tr td &gt; table td .col-sm-10 {
            padding-left: 0px !important;
        }

    #tblTransval .text-right {
        text-align: left !important;
    }

    #tblTransval .input-group-addon + input {
        margin-bottom: 0px;
    }

    #PaymentFrame {
        width: 100%;
        max-width: 450px;
        margin-left: 20%;
        margin-right: 20%;
        position: absolute;
        top: 30%;
    }

    /*1123*/

    .reportcenter-page .nav-tabs &gt; li &gt; a {
        padding: 5px;
        margin-top: 5px;
    }

    .reportcenter-page .nav-tabs &gt; li.active &gt; a:after,
    .reportcenter-page .nav-tabs &gt; li.active &gt; a:hover:after,
    .reportcenter-page .nav-tabs &gt; li.active &gt; a:focus:after {
        bottom: -5px;
    }

    /*1119*/

    #RefershQuestion .sorting-icon thead:first-child &gt; tr &gt; th:first-child {
        padding-right: 25px !important;
    }

    /*DEV 28July*/

    #lobbyboxes1 #popup-btn {
        margin-top: 10px;
    }

    #mdlWarning {
        width: auto !important;
    }

    #Ledgerdata .btn_right {
        float: left;
    }

    td,
    th {
        padding: 4px;
    }

    .mobile-text-left {
        text-align: left !important;
    }

    .table-responsive .btn_right .btn-group.pull-right {
        float: left !important;
    }

    .table-responsive .btn_right .btn-group {
        float: left;
    }

    .support-admin.sd-page .dashbord-nav {
        padding-right: 0;
    }

    #child-btn.billing-btn {
        float: left;
    }

    #list-controls a {
        padding: 3px !important;
    }

    .list-control {
        top: 15px !important;
        display: none;
    }

    .account-detail h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .account-detail .account-content-block {
        margin-bottom: 20px;
        min-height: 200px;
    }

    #datatable_filter label .search_advance_filter {
        top: 10px;
    }

    #datatable_filter label .search_filter {
        top: 10px;
    }

    .profile-info .personal {
        margin-top: 10px !important;
    }

    .main-name {
        margin-top: 0px !important;
        line-height: normal;
    }

    #calendar.calendar-block .fc-header tr td {
        display: block !important;
        width: 100% !important;
    }

        #calendar.calendar-block .fc-header tr td.fc-header-left {
            margin-top: 0px;
        }

        #calendar.calendar-block .fc-header tr td .fc-header-title h2 {
            margin-bottom: 0px;
            line-height: normal;
        }

    .search-dropdown-block {
        display: block;
    }

    .search-form {
        width: 340px;
        height: auto;
        padding-bottom: 10px;
        display: none;
    }

        .search-form .easy-autocomplete {
            position: relative;
            right: initial;
            top: initial;
        }

        .search-form #search-txt {
            margin: 0px;
        }

    .social-block #ClearSearchBoxFilter {
        right: 12px;
    }

    .block-with-icon {
        margin: 20px 0 0 0;
    }

    .account-content-block .amount-detail {
        border-left: solid 0px #d8d8d8;
        border-top: solid 2px #d8d8d8;
        padding: 10px 0 13px 0px;
        margin-top: 20px;
    }

    .info-control-block,
    input[type="text"],
    .pdtlbl select.form-control {
        margin-bottom: 10px;
    }

    .account-detail h4 {
        margin-top: 20px;
        font-size: 16px;
    }

    .block-with-icon li {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        padding: 0px;
    }

        .block-with-icon li .block-with-icon-list {
            padding: 10px;
            font-size: 30px;
        }

        .block-with-icon li .block-with-icon-list-content {
            padding: 10px;
        }

            .block-with-icon li .block-with-icon-list-content p {
                padding-left: 40px;
                padding-right: 40px;
                font-size: 13px;
            }

    .block-with-icon-list-content h4 {
        font-size: 16px;
        padding: 0px;
    }

    .push-edit-bottom {
        margin-bottom: 0px !important;
    }

    #child-editpage .tab-content .tab-pane {
        padding-top: 0px;
    }

    .tab-content {
        padding: 10px;
    }

    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bootbox.modal.fade.bootbox-prompt .modal-dialog {
        width: 100%;
    }

    .factor-list-item ul li {
        width: 100%;
    }

    #dv_FactorSetupDll .factor-list-item ul li {
        width: 100%;
    }

    .ratechart .rate-chart-table .table-responsive {
        padding-top: 30px;
    }

    .ratechart .rate-chart-table #DeleteAllAmtbyZero,
    .ratechart .rate-chart-table #btnAddNewRow {
        margin-top: 6px;
        margin-right: 6px;
    }

    .profile-info table tr td,
    table.userProfileView tr td {
        word-break: inherit;
    }

    #DivDiscountTypevalue .SumoSelect {
        width: auto;
        position: relative;
        z-index: 1;
        float: left;
    }

    #DivDiscountTypevalue .settingUpdatebtn {
        position: relative;
        z-index: 2;
    }

    #DivDiscountTypevalue .settingCancelbtn {
        position: relative;
        z-index: 2;
    }

    .footer-social-icons {
        position: relative;
        right: initial;
        top: initial;
        text-align: center;
    }

    .pc-create-startdate {
        padding-right: 8px;
    }

    .pc-create-enddate {
        padding-left: 10px;
        width: 36.50%;
    }

    #trDocInfo table tr td {
        display: block;
        width: 100%;
    }

        #trDocInfo table tr td .ColumnNameContainer {
            text-align: left;
        }

    .dropin-icons-btn-grp {
        margin-top: 10px;
    }

    #nsfchargeback h3 {
        font-size: 18px;
    }

    .search-form .easy-autocomplete-container ul {
        width: 100% !important;
    }

    #PaymentFrame .md-content .modal-header h3 {
        font-size: 18px;
        font-weight: 500;
    }

    .dd-status-block {
        max-width: 180px;
    }

    .remind-btn-block {
        margin-top: -3px;
        float: right;
    }

    #PaymentFrame .modal-footer &gt; .pull-left {
        width: 100%;
        margin-bottom: 10px;
    }

    #PaymentFrame .tab-container .nav-tabs {
        padding: 0px;
        border-bottom: 0px !important;
    }

        #PaymentFrame .tab-container .nav-tabs.nav-justified &gt; li {
            margin-right: 0px;
            padding: 0px;
            border-radius: 0px !important;
        }

            #PaymentFrame .tab-container .nav-tabs.nav-justified &gt; li a {
                padding: 8px 10px !important;
                border-right: 0px;
                border-bottom: solid 1px #E2E2E2 !important;
                margin-bottom: 1px;
            }

            #PaymentFrame .tab-container .nav-tabs.nav-justified &gt; li:before,
            #PaymentFrame .tab-container .nav-tabs.nav-justified &gt; li:after {
                display: none;
            }

            #PaymentFrame .tab-container .nav-tabs.nav-justified &gt; li.active a {
                border-left: 1px solid #ddd;
            }

    #PaymentFrame .accordion .panel-body input[type="text"],
    #PaymentFrame .accordion .panel-body select {
        margin-top: 5px;
    }

    .service-fee-strip .col-sm-4:nth-child(2) {
        text-align: left;
    }

    .service-fee-strip .col-sm-4:nth-child(3) {
        text-align: left;
    }

    #PaymentFrame .tab-container .tab-content {
        padding-top: 20px;
    }

    #MDManageCards {
        min-width: 350px;
    }

    #PaymentFrame .tab-container .nav-tabs:before {
        display: none;
    }

    .payment-footer-btns .btn {
        margin-left: 3px !important;
        font-size: 12px;
        padding: 5px 8px;
    }

    #PaymentFrame .ac_balance {
        position: relative;
        top: -5px;
    }

        #PaymentFrame .ac_balance #bAcctName {
            display: block;
            margin-bottom: 4px;
        }

    #PaymentFrame .dd-list-overflow .search-addbtn {
        margin-top: 5px;
    }

    #PaymentFrame .dd-list-overflow select[name="ddlCardInfo"] {
        margin-top: 0px;
    }

    #PaymentFrame .dd-list-overflow .datetime input {
        margin-top: 0px !important;
    }

    #PaymentFrame .dd-list-overflow .datetime {
        margin-top: 5px;
    }

    .edit-manage-card {
        width: 100%;
    }

    .edit-manage-card-inner {
        padding-right: 0px;
    }

    .ddlist-managecards-inner {
        overflow-x: auto;
    }

    #EnterPaymentTR td table tr td {
        width: 100% !important;
    }

    #liSndMsgToCenterEmail {
        padding: 6px 1px 2px 20px;
        text-align: left;
    }

    .SndMsgCopyCenterEmail-tooltip {
        width: 100%;
        text-align: left;
        padding-left: 0px;
    }

    .service-fee-strip .col-sm-4:nth-child(2) {
        text-align: left;
    }

    .service-fee-strip .col-sm-4:nth-child(3) {
        text-align: left;
    }

    #checCashkRefundModal .md-content .modal-header h3 {
        font-size: 18px;
        font-weight: 500;
    }

    #checCashkRefundModal .modal-footer &gt; .pull-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .custom-tabs .tab-container .nav-tabs {
        padding: 0px;
        border-bottom: 0px !important;
    }

        .custom-tabs .tab-container .nav-tabs.nav-justified &gt; li {
            margin-right: 0px;
            padding: 0px;
            border-radius: 0px !important;
        }

            .custom-tabs .tab-container .nav-tabs.nav-justified &gt; li a {
                padding: 8px 10px !important;
                border-right: 0px;
                border-bottom: solid 1px #E2E2E2 !important;
                margin-bottom: 1px;
            }

            .custom-tabs .tab-container .nav-tabs.nav-justified &gt; li:before,
            .custom-tabs .tab-container .nav-tabs.nav-justified &gt; li:after {
                display: none;
            }

            .custom-tabs .tab-container .nav-tabs.nav-justified &gt; li.active a {
                border-left: 1px solid #ddd;
            }

    .custom-tabs .accordion .panel-body input[type="text"],
    .custom-tabs .accordion .panel-body select {
        margin-top: 5px;
    }

    .custom-tabs .tab-container .tab-content {
        padding-top: 20px;
    }

    .custom-tabs .tab-container .nav-tabs:before {
        display: none;
    }

    .home-dashboard #calendar .fc-header td {
        display: block !important;
    }

        .home-dashboard #calendar .fc-header td h2 {
            font-size: 20px;
            font-weight: 500;
        }

    .home-dashboard #calendar .fc-header .fc-header-right {
        padding: 10px 0px;
    }

        .home-dashboard #calendar .fc-header .fc-header-right .fc-button {
            padding: 8px;
        }

    .lnkSeetips {
        bottom: 0;
        float: right;
        padding: 20px 0 0;
        right: 0;
    }

    #home .flexbox {
        display: block;
    }

    #capacity_graph,
    #Scheduled_Child_col,
    #attend_graph {
        padding: 20px;
    }

    .dash-list-schedule li .progress {
        width: 100%;
    }

    .dash-list-schedule li p span {
        width: 100%;
    }

    .tdMove .custom-tooltip {
        bottom: 45px !important;
    }

    .waiting-list-info-block {
        margin-bottom: 10px;
    }

    .journal-lesson-plan .page-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .notestab-date input[type=text] {
        margin-bottom: 0px !important;
    }

    .notestab .notestab-date {
        flex-direction: column;
    }

    .journal-report-buttons {
        flex-direction: column;
    }

        .journal-report-buttons &gt; div {
            margin: 0px 5px 15px 5px;
            width: 100%;
        }

    .notestab-date {
        justify-content: flex-start;
        gap: 20px;
    }

    .main-notification {
        position: absolute;
        top: -35px;
        right: 60px;
        margin: 0px;
    }

    .daily-note-report-list-item p {
        padding-right: 40px;
    }

    input[placeholder="Category name"] {
        margin-bottom: 0px;
    }

    .nav-tabs-block {
        margin-bottom: 10px;
    }

    .lesson-plan-category-view-more {
        width: auto !important;
        padding: 2px 10px;
        height: auto !important;
    }

    .note-selected-children {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .page-title-dropdown {
        position: relative;
        top: 0;
        right: 0px;
    }

    .enroll-list-view .enroll-btn-date {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .enroll-card-buttons {
        width: 100%;
    }

    #md-newEnrollment .nav-tab-pclistv2-customize .enroll-filter-all {
        position: relative !important;
    }

    .enroll-list-view .enroll-card-program {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .enroll-detail .enroll-list-view .enroll-card-date {
        align-items: flex-start;
    }

    .enroll-card-detail-desicription {
        flex-direction: column;
    }

    .enroll-card-info {
        align-items: flex-start;
        flex-direction: column;
    }

    .enroll-card-description {
        height: auto;
        overflow-y: hidden;
    }

    .enroll-sorting {
        height: auto;
        padding-bottom: 40px;
        position: relative;
    }

    .enroll-sort-result {
        position: absolute;
        bottom: 10px;
    }

    .enroll-card-container {
        width: 100%;
    }

    #enrollStartDate .enroll-tab-content-inner .container-fluid &gt; .row:first-of-type .col-xs-12.col-sm-6 {
        margin-bottom: 20px;
    }

    #enrollFilterTime .enroll-tab-content-inner .container-fluid &gt; .row:first-of-type .col-xs-12.col-sm-6 {
        margin-bottom: 20px;
    }

    .notestab .notestab-date {
        flex-direction: column;
    }

    .journal-report-buttons {
        flex-direction: column;
    }

        .journal-report-buttons &gt; div {
            margin: 0px 5px 15px 5px;
            width: 100%;
        }

    .notestab-date {
        justify-content: flex-start;
        gap: 20px;
    }

    .main-notification {
        position: absolute;
        top: -35px;
        right: 60px;
        margin: 0px;
    }

    .daily-note-report-list-item p {
        padding-right: 40px;
    }

    input[placeholder="Category name"] {
        margin-bottom: 0px;
    }

    .nav-tabs-block {
        margin-bottom: 10px;
    }

    .lesson-plan-category-view-more {
        width: auto !important;
        padding: 2px 10px;
        height: auto !important;
    }

    .note-selected-children {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .default-bills-top-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .custom-color-table {
        overflow-x: auto !important;
    }

    .enroll-holidays-item {
        width: auto;
    }

    .enroll-cost {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
        padding: 10px;
    }

        .enroll-cost .btn-primary {
            padding: 7px 20px;
            font-size: 18px;
        }

    .enroll-cost-amount {
        font-size: 16px;
        line-height: normal;
    }

        .enroll-cost-amount span {
            display: block;
        }

    .enroll-detail-map .pos-relative {
        display: block;
    }

    .enroll-detail-map {
        margin-top: 5px;
    }

    .enroll-without-login .md-content .modal-header {
        padding: 0px;
    }

    .enroll-without-login .md-content .modal-body {
        padding-left: 0px;
        padding-right: 0px;
    }

    .enroll-without-login-container .btn-register {
        top: 60px;
    }

    .enroll-without-login-container .btn-login {
        top: 60px;
    }

    .enroll-without-login {
        padding-top: 30px;
    }

    .enroll-without-login-container .header-top aside span {
        display: none;
    }

    .custom-calendar-indication {
        margin-top: 20px;
    }

        .custom-calendar-indication ul {
            flex-direction: column;
            justify-content: flex-start;
            align-items: baseline;
            gap: 5px;
        }

    .AddChildProgramInfo .enroll-tile-view .enroll-card-container {
        width: 100%;
    }

    #programClassEnroll &gt; div {
        position: relative !important;
    }

    .enroll-sort-by {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .page-title #HeaderEdit {
        width: 100%;
    }

    .inner-accordion-panel {
        padding: 10px;
    }

    .btn-openSPFDirect {
        overflow-x: auto;
    }

        .btn-openSPFDirect #calendar {
            margin-top: 15px;
        }

            .btn-openSPFDirect #calendar .fc-view-container {
                width: 920px;
            }

    #MonhtlyScheduler .fc-view {
        height: 100%;
    }

    .Msch-Site-Dropdown-Center {
        position: relative;
        margin: 0px;
        left: 0px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        width: 100%;
    }

    .btn-openSPFDirect #btnType2 {
        right: 0px;
        margin-top: 10px;
        top: 0px;
        position: relative;
    }

    .monhtly-scheduler .btn-group {
        margin-top: 6px;
        float: left;
        margin-left: 0px;
        margin-bottom: 10px;
        width: 100%;
        text-align: left;
    }

    .siteID-dropdown:hover .custom-tooltip {
        right: 95%;
    }

    .siteID-dropdown .custom-tooltip:after {
        right: 0%;
        left: initial;
    }

    .enroll-card-block {
        flex-direction: column;
    }

    .enroll-list-view .enroll-card-date {
        align-items: flex-start;
    }

    .Div_gax {
        flex-direction: column !important;
    }


    .add-family-btntext {
        margin-top: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

        .add-family-btntext p {
            position: relative;
            text-align: left;
            width: 100%;
            padding: 10px 0 0 0;
        }

    .dv_classDetails .row-fields .col-sm-5 {
        text-align: left !important;
    }

    .descriptionDivRmvGroup table tr td,
    .immu-table tr td {
        width: 100% !important;
        display: block !important;
    }

        .descriptionDivRmvGroup table tr td .UDF_detail {
            padding: 10px 10px 0px 10px !important;
        }

    .dv_classDetails .Formview .row-fields {
        width: 100% !important;
        float: none !important;
    }

    .contact-udf .accordion .panel .collapse.in .BtnEdit {
        width: 100%;
    }

    #child-editpage #home .BtnEdit {
        width: 100%;
        float: none;
    }

    .tab-container .userProfileView td.category {
        width: 100% !important;
        display: block;
    }

    #trDocStart td {
        width: 100%;
        display: block;
        text-align: left;
    }

    .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    .immu-block .PAddSectionFields.tag-dropdown-listimmu .FieldDivToEnable .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    .immu-block .PAddSectionFields.tag-dropdown-listimmu .BtnEdit {
        width: 100%;
    }

    .immu-block .PAddSectionFields.tag-dropdown-listimmu table tr td {
        display: block !important;
        width: 100% !important;
    }

    .UDF_detail textarea {
        float: none !important;
        width: 100% !important;
    }

    .UDF_detail .udf_control_btns {
        bottom: 0px;
        top: initial !important;
    }

    #md-newEnrollment {
        margin-left: 0px !important;
        left: 0% !important;
    }

    #md-PcDetailV2 {
        left: 0% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    #modalNotetabSetting &gt; .md-content .modal-body {
        height: 34vh !important;
    }

    /* Max-width: 767px area */

    .reportcenter-page .nav-tabs {
        margin-top: 30px;
    }
    .tab-container .add-custom-report {
        top: -20px;
    }
}

 .assign-role {
        overflow-x: auto;
        width: 100%;
    }


    @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
        #PaymentFrame {
            width: 100%;
            max-width: 650px;
            position: absolute;
            top: 30%;
        }
    }

    @media (max-width: 992px) {
        .Formview .row-fields.registration-flex-desktop-view {
            width: 100%;
        }

        .registration-flex-desktop-view {
            flex-direction: column;
        }

        .Formview .row-fields.registration-flex-desktop-view .col-sm-5,
        .Formview .row-fields.registration-flex-desktop-view .col-sm-4,
        .row-fields.registration-flex-desktop-view .col-sm-5,
        .row-fields.registration-flex-desktop-view .col-sm-4 {
            width: 100%;
        }

            .row-fields.registration-flex-desktop-view .col-sm-5.text-right {
                text-align: left;
            }
    }

    /*@media only screen and (max-width: 1024px) {
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill,
    table &gt; tbody &gt; tr:hover #moreInfochild_td_bill1 {
        display: none;
    }
    .moreInfochild_td_bill {
        display: block;
        position: relative;
        left: unset;
        border: 0px;
        background: none;
        margin: 0px !important;
        white-space: nowrap;
    }
    .moreInfochild_td_bill .SeeDeatilsTransactions {
        font-size: 0px;
        position: relative;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 16px;
        top: -4px;
    }
    .moreInfochild_td_bill .SeeDeatilsTransactions:before {
        content: "\f06e";
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 16px;
    }
    .moreInfochild_td_bill a {
        display: inline-block;
        margin-right: 5px;
    }
}*/
    @media only screen and (max-width: 480px) {
        .fieldTitleEditChild.Width40 {
            width: 30% !important;
        }

            .fieldTitleEditChild.Width40 .ColumnNameContainer {
                margin-right: 20px;
            }

        .StatusInComplete {
            display: block;
        }

        table.userProfileView tr td table tr td {
            display: table-cell;
        }

        .fieldTitleEditChild.Width40 {
            width: 30% !important;
        }

            .fieldTitleEditChild.Width40 .ColumnNameContainer {
                margin-right: 20px;
            }

        .StatusInComplete {
            display: block;
        }

        table.userProfileView tr td table tr td {
            display: table-cell;
        }

        .support-wrapper #datatable_wrapper {
            float: none;
            overflow: auto;
            width: 100%;
            padding: 0;
        }

        .block-with-icon li .block-with-icon-list-content p {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 13px;
        }

        #child-tabs {
            margin-top: 30px;
        }
    }

    @media only screen and (max-width: 480px) {
        .fieldTitleEditChild.Width40 .ColumnNameContainer {
            margin-right: 20px;
        }

        #child-tabs + .admin-notes {
            top: -40px;
        }

        .immu-table tbody .remove &gt; td {
            display: block !important;
            width: 100% !important;
        }

        .immu-table tbody .remove td span#SpanNewSectionMessage,
        .immu-table tbody .remove td span#SpanNewSectionMessage + span {
            display: block;
            width: 100%;
            margin: 0px 0px 10px 0px;
            text-align: left;
        }

        .immu-table .immu-setting .immustatus {
            text-align: right;
        }

            .immu-table .immu-setting .immustatus .immulavel,
            .immu-table .immu-setting .immustatus .immudate,
            .immu-table .immu-setting .immustatus .immulavel span,
            .immu-table .immu-setting .immustatus .immudate span {
                display: inline-block;
                width: auto;
                margin: 0px !important;
            }

        #helplinks .fa-question-circle {
            display: block;
            height: 20px;
            line-height: 20px;
        }

        #helplinks span {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        #PaymentFrame .accordion input[type='text'] {
            width: 100% !important;
        }

        #SettingsPage .fuelux .wizard &gt; .actions {
            display: none;
        }
    }

    @media screen and (min-width: 1025px) {
        #md-EmailChargeWarning {
            width: 800px;
            max-width: 714px;
        }
    }

    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
        #subscription-model .modal-body {
            height: 200px;
            overflow: auto;
        }
    }

    @media (min-width: 768px) {
        .chprofile {
            padding-right: 0px !important;
        }

                .chprofile #cl-wrapper .cl-sidebar {
                    z-index: 10;
                    transition: width 1s;
                }

            .chprofile .cl-mcont .cl-mcont {
                padding-top: 0px;
            }

            .chprofile #sidebar #accordion {
                height: 100vh;
            }
                .chprofile #sidebar #accordion .thumb-img-list {
                    padding-bottom: 180px;
                }
        .chprofile .profile-tabs-mobile-section .tab-container {
            margin-top: 20px;
        }

            .chprofile #cl-wrapper.sb-collapsed .cl-sidebar {
                background: #272930;
            }

            .chprofile #cl-wrapper .cl-vnavigation li a {
                border-top: 1px solid #1a1c2054;
                border-bottom: 1px solid #1a1c2054;
            }

            .chprofile .block-flat .table.no-border tr td {
                line-height: normal;
            }

            .chprofile #DivBusTypevalue .btn-group {
                width: 100%;
            }

            .chprofile .custom-fields-edit #DivBusTypevalue .btn-group .multiselect {
                width: 100% !important;
            }
            .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row {
                display: flex;
                flex-wrap: wrap;
                align-items: baseline;
            }

            .immu-block .PAddSectionFields.tag-dropdown-listimmu &gt; .container-fluid &gt; .row .control-edit-block .control-edit .form-control {
                width: 100%;
            }
    }

    @media screen and (min-width: 992px) and (max-width: 1400px) {
        .chprofile .block-flat#sidebar-plus .header &gt; a {
            top: -5px !important;
        }

        .chprofile .block-flat#sidebar-plus .dropdown.dropdownInfo {
            margin: -20px 0 0 0;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {
        .cl-mcont &gt; .row &gt; .col-sm-4 {
            width: 100%;
        }

        .cl-mcont &gt; .row &gt; .col-sm-8 {
            width: 100%;
        }

        .StatusInComplete {
            display: block;
        }

        table.userProfileView tr td table tr td {
            display: table-cell;
        }

        .fieldTitleEditChild.Width40 .ColumnNameContainer {
            margin-right: 20px;
        }

        .StatusInComplete {
            display: block;
        }

        table.userProfileView tr td table tr td {
            display: table-cell;
        }

        .support-wrapper #datatable_wrapper {
            float: none;
            overflow: auto;
            width: 100%;
            padding: 0;
        }

        .block-with-icon li .block-with-icon-list-content p {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 13px;
        }

        #child-tabs {
            margin-top: 30px;
        }

            #child-tabs + .admin-notes {
                top: -40px;
            }

        .immu-table tbody .remove &gt; td {
            display: block !important;
            width: 100% !important;
        }

        .immu-table tbody .remove td span#SpanNewSectionMessage,
        .immu-table tbody .remove td span#SpanNewSectionMessage + span {
            display: block;
            width: 100%;
            margin: 0px 0px 10px 0px;
            text-align: left;
        }

        .immu-table .immu-setting .immustatus {
            text-align: right;
        }

            .immu-table .immu-setting .immustatus .immulavel,
            .immu-table .immu-setting .immustatus .immudate,
            .immu-table .immu-setting .immustatus .immulavel span,
            .immu-table .immu-setting .immustatus .immudate span {
                display: inline-block;
                width: auto;
                margin: 0px !important;
            }

        #helplinks .fa-question-circle {
            display: block;
            height: 20px;
            line-height: 20px;
        }

        #helplinks span {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        #PaymentFrame .accordion input[type='text'] {
            width: 100% !important;
        }

        #SettingsPage .fuelux .wizard &gt; .actions {
            display: none;
        }

        .chprofile .chld-list-block &gt; .bars-widget {
            top: 74px;
            left: 55px !important;
        }
    }

    @media screen and (min-width: 1025px) {
        #md-EmailChargeWarning {
            width: 800px;
            max-width: 714px;
        }
    }

    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
        #subscription-model .modal-body {
            height: 200px;
            overflow: auto;
        }
    }

    @media screen and (min-width: 1400px) {
        #modalNotetabSetting &gt; .md-content .modal-body {
            height: 67vh !important;
        }
    }
@media screen and (max-width: 750px) {
    .enroll-without-login .md-content .modal-header h3 {
        font-size: 20px;
    }
    .enroll-without-login .md-content .modal-header {
        margin-top: 50px !important;
    }
    .login-header-btns {
        top: 65px;
    }
    #md-selfRregistrationModal .md-content .modal-header h3 {
        font-size: 20px;
    }

    .chprofile .chld-list-block &gt; .bars-widget {
        top: 140px;
        left: 0px !important;
    }
    .chprofile .chld-list-block #sidebar #tabs {
        display: none;
    }
}


@media screen and (max-width: 600px) {
    .thumb-img-list {
        max-height: 100vh !important;
        padding-bottom: 260px;
    }
}

    
/* Import the Google Font 'Lato' */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

/* Container styles */
 

.outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;

}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

svg .icon {
     
}


.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container&gt;li{padding:0}.multiselect-container&gt;li&gt;a.multiselect-all label{font-weight:bold}.multiselect-container&gt;li&gt;label.multiselect-group{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:bold}.multiselect-container&gt;li&gt;a&gt;label{margin:0;height:100%;cursor:pointer;font-weight:normal}.multiselect-container&gt;li&gt;a&gt;label.radio,.multiselect-container&gt;li&gt;a&gt;label.checkbox{margin:0}.multiselect-container&gt;li&gt;a&gt;label&gt;input[type="checkbox"]{margin-bottom:5px}.btn-group&gt;.btn-group:nth-child(2)&gt;.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.ms-container{
  background: transparent url('../img/switch.png') no-repeat 50% 50%;
  width: 370px;
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}
.ms-container .ms-selection{
  float: right;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
 */
@-webkit-keyframes blink {
  0% {
    border-color: #ededed;
  }
  100% {
    border-color: #b94a48;
  }
}
@-moz-keyframes blink {
  0% {
    border-color: #ededed;
  }
  100% {
    border-color: #b94a48;
  }
}
@keyframes blink {
  0% {
    border-color: #ededed;
  }
  100% {
    border-color: #b94a48;
  }
}
.tokenfield {
height: auto;
    min-height: 100px;
    max-height: 100px;
    padding-bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden; 
}

.tokenfield.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.tokenfield .token {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  background-color: #ededed;
  white-space: nowrap;
  margin: -1px 5px 5px 0;
  
  vertical-align: top;
  cursor: default;
}
.tokenfield .token:hover {
  border-color: #b9b9b9;
}
.tokenfield .token.active {
  border-color: #52a8ec;
  border-color: rgba(82, 168, 236, 0.8);
}
.tokenfield .token.duplicate {
  border-color: #ebccd1;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.tokenfield .token.invalid {
  background: none;
  border: 1px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px dotted #d9534f;
}
.tokenfield .token.invalid.active {
  background: #ededed;
  border: 1px solid #ededed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tokenfield .token .token-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
}
.tokenfield .token .close {
  font-family: Arial;
  display: inline-block;
  line-height: 100%;
  font-size: 1.1em;
  line-height: 1.49em;
  margin-left: 5px;
  float: none;
  height: 100%;
  vertical-align: top;
  padding-right: 4px;
}
.tokenfield .token-input {
  background: none;
  width: 60px;
  min-width: 60px;
  border: 0;
  height: 20px;
  padding: 0;
  margin-bottom: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tokenfield .token-input:focus {
  border-color: transparent;
  outline: 0;
  /* IE6-9 */
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tokenfield.disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.tokenfield.disabled .token-input {
  cursor: not-allowed;
}
.tokenfield.disabled .token:hover {
  cursor: not-allowed;
  border-color: #d9d9d9;
}
.tokenfield.disabled .token:hover .close {
  cursor: not-allowed;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.has-warning .tokenfield.focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-error .tokenfield.focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-success .tokenfield.focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.tokenfield.input-sm,
.input-group-sm .tokenfield {
  min-height: 30px;
  padding-bottom: 0px;
}
.input-group-sm .token,
.tokenfield.input-sm .token {
  height: 20px;
  margin-bottom: 4px;
}
.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
  height: 18px;
  margin-bottom: 5px;
}
.tokenfield.input-lg,
.input-group-lg .tokenfield {
  height: auto;
  min-height: 45px;
  padding-bottom: 4px;
}
.input-group-lg .token,
.tokenfield.input-lg .token {
  height: 25px;
}
.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
  line-height: 23px;
}
.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
  line-height: 1.3em;
}
.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
  height: 23px;
  line-height: 23px;
  margin-bottom: 6px;
  vertical-align: top;
}
.tokenfield.rtl {
  direction: rtl;
  text-align: right;
}
.tokenfield.rtl .token {
  margin: -1px 0 5px 5px;
}
.tokenfield.rtl .token .token-label {
  padding-left: 0px;
  padding-right: 4px;
}

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete {
  position: relative;
}
.easy-autocomplete input {
  border-color: #ccc;
  
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}
.easy-autocomplete a {
  display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}
.easy-autocomplete.eac-dark {
  color: #fff;
}
.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
  color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
  color: #fff;
}
.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
  color: #333;
}
.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}
.easy-autocomplete.eac-purple {
  color: #333;
}
.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}
.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
    left: 4px;
    position: absolute;
    width: 100%;
    z-index: 2;
    margin-top: 30px;
    text-align: left;
    
}
.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

/*# sourceMappingURL=easy-autocomplete.css.map */

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete {
  /* Theme Square */
  /* Round */
  /* Funky */
  /* Solid */
  /* Plate */
}
.easy-autocomplete.eac-square {
  font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.easy-autocomplete.eac-square input {
 /* border: 1px solid #7f8c8d;
 font-size: 18px;
 min-width: 350px;
 */
  border-radius: 0;
  color: #7f8c8d;
  font-family: inherit;
 
  font-style: italic;
  font-weight: 300;
  margin: 0; 
 padding: 12px 43px 12px 15px;
}
.easy-autocomplete.eac-square ul {
  border-color: #7f8c8d;
  border-top: 0;
  box-shadow: none;
  top: 0;
}
.easy-autocomplete.eac-square ul li, .easy-autocomplete.eac-square ul .eac-category {
  border-color: #7f8c8d;
  font-family: inherit;
  
  font-weight: 300;
  padding: 6px 12px;
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-square ul li *, .easy-autocomplete.eac-square ul .eac-category * {
  font-weight: 300;
}
.easy-autocomplete.eac-square ul li.selected, .easy-autocomplete.eac-square ul .eac-category.selected {
  background-color: #f1f1f1;
  font-weight: 300;
}
.easy-autocomplete.eac-square ul li b, .easy-autocomplete.eac-square ul .eac-category b {
  font-weight: 600;
}
.easy-autocomplete.eac-round {
  font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.easy-autocomplete.eac-round input {
  border: 2px solid #888;
  border-radius: 10px;
  color: #888;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  min-width: 300px;
  padding: 10px;
}
.easy-autocomplete.eac-round input:hover, .easy-autocomplete.eac-round input:focus {
  border-color: #3079ed;
}
.easy-autocomplete.eac-round ul {
  background: none;
  border-color: #888;
  border-width: 0;
  box-shadow: none;
  min-width: 300px;
  top: 20px;
}
.easy-autocomplete.eac-round ul li, .easy-autocomplete.eac-round ul .eac-category {
  background: #fff;
  border-color: #3079ed;
  border-width: 0 2px;
  font-size: 14px;
  padding: 8px 12px;
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-round ul li.selected, .easy-autocomplete.eac-round ul .eac-category.selected {
  background-color: #d4e3fb;
}
.easy-autocomplete.eac-round ul li:first-child, .easy-autocomplete.eac-round ul .eac-category:first-child {
  border-radius: 10px 10px 0 0;
  border-width: 2px 2px 0;
}
.easy-autocomplete.eac-round ul li:last-child, .easy-autocomplete.eac-round ul .eac-category:last-child {
  border-radius: 0 0 10px 10px;
  border-width: 0 2px 2px;
}
.easy-autocomplete.eac-round ul li b, .easy-autocomplete.eac-round ul .eac-category b {
  font-weight: 700;
}
.easy-autocomplete.eac-funky {
  font-family: "Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.easy-autocomplete.eac-funky input {
  background: #07ED89;
  border: 0;
  border-radius: 0;
  color: #ED076B;
  font-family: inherit;
  font-size: 18px;
  min-width: 240px;
  padding: 12px;
}
.easy-autocomplete.eac-funky ul {
  background: transparent;
  border: 0;
}
.easy-autocomplete.eac-funky ul li, .easy-autocomplete.eac-funky ul .eac-category {
  background: transparent;
  border: 0;
  color: #ED076B;
  font-size: 18px;
  padding: 4px 12px;
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-funky ul li.selected, .easy-autocomplete.eac-funky ul .eac-category.selected {
  color: #8907ED;
}
.easy-autocomplete.eac-solid input {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  border-color: #ddd;
  color: #666;
  font-size: 13px;
  min-height: 0;
  padding: 6px 12px;
}
.easy-autocomplete.eac-solid ul li, .easy-autocomplete.eac-solid ul .eac-category {
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-solid ul li.selected, .easy-autocomplete.eac-solid ul .eac-category.selected {
  background-color: #f2f2f2;
}
.easy-autocomplete.eac-plate {
  font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.easy-autocomplete.eac-plate input {
  font-size: 13px;
  padding: 6px 12px;
}
.easy-autocomplete.eac-plate ul {
  background: #b5b5b5;
  border-radius: 6px;
  border-width: 0;
  top: 10px;
}
.easy-autocomplete.eac-plate ul li, .easy-autocomplete.eac-plate ul .eac-category {
  background: #b5b5b5;
  color: #FAFAFA;
  font-size: 12px;
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-plate ul li b, .easy-autocomplete.eac-plate ul .eac-category b {
  color: #ffd464;
}
.easy-autocomplete.eac-plate ul li.selected, .easy-autocomplete.eac-plate ul .eac-category.selected {
  background: #656565;
}
.easy-autocomplete.eac-plate ul li:first-child, .easy-autocomplete.eac-plate ul .eac-category:first-child {
  border-radius: 6px 6px 0 0;
}
.easy-autocomplete.eac-plate ul li:last-child, .easy-autocomplete.eac-plate ul .eac-category:last-child {
  border-radius: 0 0 6px 6px;
}
.easy-autocomplete.eac-plate-dark {
  font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.easy-autocomplete.eac-plate-dark input {
  font-size: 13px;
  padding: 6px 12px;
}
.easy-autocomplete.eac-plate-dark ul {
  background: #212121;
  border-radius: 6px;
  border-width: 0;
  top: 10px;
}
.easy-autocomplete.eac-plate-dark ul li, .easy-autocomplete.eac-plate-dark ul .eac-category {
  background: #212121;
  color: #FAFAFA;
  font-size: 12px;
  transition: all 0.4s ease 0s;
}
.easy-autocomplete.eac-plate-dark ul li b, .easy-autocomplete.eac-plate-dark ul .eac-category b {
  color: #ffd464;
}
.easy-autocomplete.eac-plate-dark ul li.selected, .easy-autocomplete.eac-plate-dark ul .eac-category.selected {
  background: #656565;
}
.easy-autocomplete.eac-plate-dark ul li:first-child, .easy-autocomplete.eac-plate-dark ul .eac-category:first-child {
  border-radius: 6px 6px 0 0;
}
.easy-autocomplete.eac-plate-dark ul li:last-child, .easy-autocomplete.eac-plate-dark ul .eac-category:last-child {
  border-radius: 0 0 6px 6px;
}

/*# sourceMappingURL=easy-autocomplete.themes.css.map */

table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td.child,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;th.child,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td.child:before,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;th.child:before,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td:first-child,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;td:first-child:before,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr&gt;th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr.parent&gt;td:first-child:before,table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr.parent&gt;th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed&gt;tbody&gt;tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact&gt;tbody&gt;tr&gt;td:first-child,table.dataTable.dtr-inline.collapsed.compact&gt;tbody&gt;tr&gt;th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact&gt;tbody&gt;tr&gt;td:first-child:before,table.dataTable.dtr-inline.collapsed.compact&gt;tbody&gt;tr&gt;th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column&gt;tbody&gt;tr&gt;td.control,table.dataTable.dtr-column&gt;tbody&gt;tr&gt;th.control{position:relative;cursor:pointer}table.dataTable.dtr-column&gt;tbody&gt;tr&gt;td.control:before,table.dataTable.dtr-column&gt;tbody&gt;tr&gt;th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-column&gt;tbody&gt;tr.parent td.control:before,table.dataTable.dtr-column&gt;tbody&gt;tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable&gt;tbody&gt;tr.child{padding:0.5em 1em}table.dataTable&gt;tbody&gt;tr.child:hover{background:transparent !important}table.dataTable&gt;tbody&gt;tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable&gt;tbody&gt;tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable&gt;tbody&gt;tr.child ul li:first-child{padding-top:0}table.dataTable&gt;tbody&gt;tr.child ul li:last-child{border-bottom:none}table.dataTable&gt;tbody&gt;tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

.slick-dots:before, .slick-dots:after, 
.slick-list:before, .slick-list:after {
    content: " ";
    display: table; 
}
.slick-dots:after, .slick-list:after {
    clear: both; 
}
.slick-list {
    margin: 10px 0px;
    position: relative;
}
.slick-list:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 135px;
    background: #848484;
    z-index: 2;
}
.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 15px 0 10px 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #b5b5b5;
    border: 0px;
    font-size: 0px;
    color: transparent;
    padding: 0px;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li.slick-active button {
    background: #2494f2;
}
</pre></body></html>