body
{
    background: #fff;
    font-family: Verdana, Arial, Scans-serif;
    color: #666666;
}

body, form
{
    margin: 0;
    padding: 0;
}

a
{
    color: #70232E;
}

a img
{
    border: none;
}

#header
{
    background: #FFFFFF;
    border-bottom: 1px solid #ccc;
}
.headerHelp {
    background-color: #f0f7f7;
    color: #4a8185;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 24px 0;
    padding: 12px 15px;
    text-align: left;
    width: 100%;
}
.headerHelp .support
{
    float: right;
    padding: 2px 6px 2px 0px;
}

/* ====================== Logo ======================== */
#logo
{
    margin: 5px 0 10px 10px;
    font-size: 0.9em;
    font-weight: bold;
}
.verifileLogo
{
    float: left;
}

.col-md-6.client-area
{
  float: left;
  padding: 0 4px;
  width: 26.5%;
}

.col-md-6.client-area:nth-of-type(2) input
{
  height: 19px;
}

.col-md-6.client-area:nth-of-type(2):after
{
  clear: both;
  content: "";
  display: table;
  /*margin-bottom: 9px;*/
}

.col-md-6.client-area select {
  width: 100%;
}


#strapline
{
    margin: 5px 0 10px 0;
    width: 300px;
    float: left;
}

#logo a:link, #logo a:visited
{
    color: #000;
    text-decoration: none;
}
#logo a:hover
{
    color: #000;
}
#logo em
{
    background: #000;
    color: #fff;
    font-style: normal;
    padding: 0 0.25em;
}

/* ====================== FRAMELESS ========================*/
div.header
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 125px;
    background-color: #fff;
    z-index: 999;
    position: fixed;
}
div.docBody
{
    font-size: 70%;
    padding: 155px 20px 0 20px;
    position: relative;
}

/* ====================== Top Menu ======================== */

#menu
{
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    padding: 0;
    background: #E8E6EF;
    border: 0;
    list-style-type: none;
    font-size: 0.8em;
    display: block;
    z-index: 999;
    width: 200px;
}
#menu li
{
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}
#menu a
{
    vertical-align: middle;
    padding: 5px 8px 2px 4px;
    display: block;
    background:yellow;
}
#menu a:link, #menu a:visited
{
    background: #E8E6EF;
    border: 1px solid #F9F9E9;
    color: #333;
    line-height: 10px;
    text-decoration: none;
    height: 20px;
}
#menu li a:hover, #menu li.current a:hover
{
    background: #70232E;
    border: 1px solid #ccc;
    color: #fff;
}
#menu a img
{
    border: none;
    margin-right: 0.3em;
    vertical-align: middle;
}

/* ====================== Status Text ======================== */
#status
{
    color: #333;
    font-size: 0.70em;
    margin-right: 10px;
}

#status b
{
    color: #002C6A;
}

/* ====================== Module Tabs ======================== */
.moduleMenu
{
    border: none;
    border-bottom: solid 1px #ccc;
}
.tabs
{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    background:#e8e6ef;
}
.tabs a
{
    color: #444;
    text-decoration: none;
    padding: 5px;
    width: 150px;
    display: block;
    font-size: 0.9em;
}
.tab {
    background: #f0f0f0;
}
.tabActive
{
    background-color: #e8e6ef;
    border-bottom: solid 1px #e8e6ef;
}
.tabActive a
{
    color: #70232E;
    font-weight: bold;
}
.tabSpace
{
    text-align: right;
    width: 100%;
    background:#fff;
}
.tabSpace div
{
    padding: 5px;
    height: 25px;
}
.tabSpace, .tab
{
    border-bottom: 1px solid #ccc;
}
.tab, .tabActive
{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.menuDynamic
{
    background-color: #E8E6EF !important;
    border: solid 1px #ccc;
    margin: 0;
    z-index: 100;
}
.menuDynamic a
{
    display: block;
    text-decoration: none;
    padding: 5px;
}
.menuDynamic a:hover
{
    background-color: #70232E;
    color: #fff;
    border: 1px solid #E8E6EF;
}
.menuStatic
{
    font-size: 1em;
}

.menuStatic li > a
 {
    padding:5px 10px 5px 10px !important;
    text-align:left;
    display:block;
}

 .tab > a, .tabActive > a
{
    display: block;
    text-align: center;
    text-decoration: none;
}

.menuStatic a:hover
{
    background-color: #70232E;
    color: #fff;
}
/* ====================== Current Module Menu ======================== */
#tabMenu
{
    background: #F9F9E9;
    clear: both;
    font-size: 0.8em;
    margin: 0;
    padding: 2px 0 22px 10px;
    list-style-type: none;
}
#tabMenu li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#tabMenu a:link, #tabMenu a:visited
{
    color: #444;
    float: left;
    line-height: 14px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}
#tabMenu li a:hover, #tabMenu li.current a:hover
{
    background: #e0e0e0;
}

/* ====================== Login ======================== */
#login
{
    margin: 20% auto 0 auto;
    width: 400px;
    font-size: 0.8em;
}
#area
{
    background: #ffffff;
    border: 1px solid #ccc;
}
#login .support
{
    font-size: 0.9em;
    margin: 0 0 0.5em 0;
}
#login .pad {
    padding: 10px;
}
#login TD
{
    padding: 5px;
}
#login #logo
{
    background: #FFFFFF;
    font-size: 140%;
    font-weight: bold;
    height: 70px;
    margin: 0;
    padding: 5px 0 10px 10px;
}
#login .loginButton
{
    text-align: right;
}
#login .loginError
{
    color:#3b5e93;
    font-weight:bold;
}

/* ====================== Module menu ======================== */
.moduleMenu
{
    background: #E8E6EF;
    padding-left:10px;
    margin: 0;
    top: -10px;
    font-size: 0.8em;
}
#login .phone
{
    margin-left: 50px;
    margin-top: -20px;
}
.numberColumn
{
    text-align: right;
    padding-right: 50px !important;
}

#AutoCompleteEx_completionListElem
{
    color: #666;
    margin: 0;
}
.AutoCompleteHighlight
{
    background-color: #ccc;
}
#AutoCompleteEx_completionListElem li
{
    border-bottom: dotted 1px #ccc;
    cursor: pointer;
    font-size: 1em;
}

/* RadComboBox Simple skin */

/*global*/

.RadComboBox_Simple, .RadComboBox_Simple .rcbInput, .RadComboBoxDropDown_Simple
{
    color: #333;
}

/* combobox */

div.RadComboBox_Simple table td.rcbInputCell
{
    height: 18px;
    line-height: 18px;
    border: solid #616161;
    background: #fff;
}

* html div.RadComboBox_Simple table td.rcbInputCell
{
    height: /**/ 20px;
    line-height: /**/ 20px;
}

div.RadComboBox_Simple table td.rcbInputCellLeft
{
    border-width: 1px 0 1px 1px;
}
div.RadComboBox_Simple table td.rcbInputCellRight
{
    border-width: 1px 1px 1px 0;
}

* html div.RadComboBox_Simple .rcbInputCell .rcbInput
{
    height: /**/ 16px;
    padding: /**/ 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}

.RadComboBox_Simple .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}

.RadComboBox_Simple .rcbHovered .rcbInputCell .rcbInput, .RadComboBox_Simple .rcbFocused .rcbInputCell .rcbInput
{
    color: #882501;
}

div.RadComboBox_Simple table td.rcbArrowCell {
  border: 1px solid #616161;
  background: #fff url('/App_Themes/Default/CSS/ComboBox/rcbSprite.png') no-repeat -1px 50%;
}

div.RadComboBox_Simple .rcbReadOnly .rcbArrowCellLeft, div.RadComboBox_Simple .rcbArrowCellHidden.rcbArrowCellLeft
{
    border-width: 1px 0 1px 1px;
}
div.RadComboBox_Simple .rcbReadOnly .rcbArrowCellRight, div.RadComboBox_Simple .rcbArrowCellHidden.rcbArrowCellRight
{
    border-width: 1px 1px 1px 0;
}

.RadComboBox_Simple td.rcbArrowCell
{
    background-position: -1px 50%;
}
.RadComboBox_Simple .rcbHovered .rcbArrowCell
{
    background-position: -21px 50%;
}
.RadComboBox_Simple .rcbFocused .rcbArrowCell
{
    background-position: -41px 50%;
}
.RadComboBox_Simple .rcbDisabled .rcbArrowCell
{
    background-position: -61px 50%;
}

.RadComboBox_Simple .rcbReadOnly td.rcbArrowCell
{
    background-position: -2px 50%;
}
.RadComboBox_Simple .rcbHovered .rcbReadOnly .rcbArrowCell
{
    background-position: -22px 50%;
}
.RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbArrowCell
{
    background-position: -42px 50%;
}
.RadComboBox_Simple .rcbDisabled .rcbReadOnly .rcbArrowCell
{
    background-position: -62px 50%;
}

.RadComboBox_Simple td.rcbArrowCellHidden, .RadComboBox_Simple .rcbHovered td.rcbArrowCellHidden, .RadComboBox_Simple .rcbFocused td.rcbArrowCellHidden, .RadComboBox_Simple .rcbReadOnly td.rcbArrowCellHidden, .RadComboBox_Simple .rcbHovered .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Simple .rcbDisabled .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Simple table.rcbDisabled td.rcbArrowCellHidden
{
    background: none;
}

.RadComboBox_Simple .rcbHovered .rcbArrowCell, .RadComboBox_Simple .rcbHovered .rcbReadOnly .rcbInputCell, .RadComboBox_Simple .rcbHovered .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #ccc;
}
.RadComboBox_Simple .rcbFocused .rcbArrowCell, .RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #ffa517;
}

div.RadComboBox_Simple .rcbHovered .rcbArrowCell, div.RadComboBox_Simple .rcbHovered .rcbInputCell
{
    border-color: #999;
}
div.RadComboBox_Simple .rcbFocused .rcbArrowCell, div.RadComboBox_Simple .rcbFocused .rcbInputCell
{
    border-color: #999;
}
div.RadComboBox_Simple .rcbDisabled .rcbArrowCell, div.RadComboBox_Simple .rcbDisabled .rcbInputCell
{
    border-color: #999;
}

div.RadComboBox_Simple .rcbArrowCell a
{
    height: 20px;
}

div.RadComboBox_Simple td.rcbArrowCellHidden, div.RadComboBox_Simple .rcbArrowCellHidden a
{
    width: 1px;
}

div.RadComboBox_Simple td.rcbArrowCellHidden.rcbArrowCellRight
{
    border-left: 0;
}

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_Simple
{
    background: #fff;
    border-color: #616161;
}

.RadComboBoxDropDown_Simple .rcbHeader, .RadComboBoxDropDown_Simple .rcbFooter
{
    background: #e4e4e4;
    color: #000;
}

.RadComboBoxDropDown_Simple .rcbHeader
{
    border-bottom-color: #7c7c7c;
}

.RadComboBoxDropDown_Simple .rcbFooter
{
    border-top-color: #7c7c7c;
}

.RadComboBoxDropDown_Simple .rcbItem em
{
    background: #e5e5e5;
}

div.RadComboBoxDropDown_Simple .rcbHovered
{
    background: #ccc;
    color: #882501;
    border: 1px solid #ccc;
    padding: 1px 5px;
}

.RadComboBoxDropDown_Simple .rcbCheckAllItems, .RadComboBoxDropDown_Simple .rcbCheckAllItemsHovered
{
    color: #999999;
    font-style: italic;
}
.RadComboBoxDropDown_Simple .rcbCheckAllItemsHovered
{
    color: #000000;
}

.RadComboBoxDropDown_Simple .rcbSeparator
{
    color: #fff;
    background: #8a8a8a;
}

.RadComboBox_Simple .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_Simple .rcbDisabled
{
    color: #787777;
}

.RadComboBoxDropDown_Simple .rcbLoading
{
    background: #f0f0f0;
}

.RadComboBoxDropDown_Simple .rcbMoreResults
{
    border-top-color: #c3c3c3;
    background: #e4e4e4;
    color: #8a8a8a;
}

  .RadComboBoxDropDown_Simple .rcbMoreResults a {
    background: url('/App_Themes/Default/CSS/ComboBox/rcbSprite.png') no-repeat -1px -85px;
  }

.RadComboBoxDropDown
{
    background-color: #fff;
}
.rcbList
{
    cursor: pointer;
}
.rgArrPart2
{
    margin-right: 20px;
}

/*Icons for email validation*/
.verifiedicon { margin-left:2px; border-style:none; width:16px; height:16px; display:inline-block;
              background: #fff url('/App_Themes/Default/Images/verified.png') no-repeat 0px 50%; }

.verifiedicon.passed { background: #fff url('/App_Themes/Default/Images/verified.png') no-repeat -16px 50%; }
.verifiedicon.failed { background: #fff url('/App_Themes/Default/Images/verified.png') no-repeat -32px 50%; }
.verifiedicon.blank { background: #fff url('/App_Themes/Default/Images/verified.png') no-repeat -48px 50%; }

/*icons for the package designer*/
.packageicon { margin-left:2px; border-style:none; width:16px; height:16px; display:inline-block;
              background: url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -160px 50%; }
.packageicon.selected.edit { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat 0px 0px; }
.packageicon.selected.edit.grey { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -0px -16px; }
.packageicon.selected.delete { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -16px 0px; }
.packageicon.selected.delete:hover { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -16px -16px; }
.packageicon.selected.pencil { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -32px 0px; }
.packageicon.selected.pencil:hover { background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -32px -16px; }
.packageicon.selected.suspend { background: url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -48px 0px; }
.packageicon.selected.suspend:hover { background: url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -48px -16px; }
.packageicon.selected.lock {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -64px 0px; }
.packageicon.selected.lock:hover {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -64px 0px; }
.packageicon.selected.more {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -80px 0px; }
.packageicon.selected.more:hover {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -80px -16px; }
.packageicon.selected.less {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -96px 0px; }
.packageicon.selected.less:hover {  background:  url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -96px -16px; }
.packageicon.selected.undelete { background: url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -110px 0px; }
.packageicon.selected.undelete:hover { background: url('/App_Themes/Default/Images/icons16/packageicons.png') no-repeat -110px -16px; }
.isparentpackage.isdesigner { color:#4f89c8;}


/* The following style the datepicker in intranet and client entry scenarios #1687  */
.icon-icon-calendar-green
{
  background-image: url(Default/Images/Icons16/Calendar.gif);
  display: inline-block;
  height: 16px;
  margin: 5px;
  vertical-align: top;
  width: 16px;
}

.icon-icon-calendar-green.error {
  margin-bottom: 20px;
}

  .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    float: left;
    left: 0;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget
{
  list-style: none;
}

  .bootstrap-datetimepicker-widget.dropdown-menu
  {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
  }

@media (min-width: 768px)
{
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
  {
    width: 38em;
  }
}

@media (min-width: 992px)
{
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
  {
    width: 38em;
  }
}

@media (min-width: 1200px)
{
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs
  {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after
{
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after
{
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before
{
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after
{
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before
{
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after
{
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled
{
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action]
{
  padding: 6px 0;
}

  .bootstrap-datetimepicker-widget a[data-action]:active
  {
    box-shadow: none;
  }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second
{
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action]
{
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after
{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch
{
  text-align: center;
}

  .bootstrap-datetimepicker-widget .picker-switch::after
  {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
  }

  .bootstrap-datetimepicker-widget .picker-switch td
  {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
  }

    .bootstrap-datetimepicker-widget .picker-switch td span
    {
      line-height: 2.5;
      height: 2.5em;
      width: 100%;
    }

.bootstrap-datetimepicker-widget table
{
  width: 100%;
  margin: 0;
}

  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th
  {
    text-align: center;
    border-radius: 4px;
  }

  .bootstrap-datetimepicker-widget table th
  {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }

    .bootstrap-datetimepicker-widget table th.picker-switch
    {
      width: 145px;
    }

    .bootstrap-datetimepicker-widget table th.disabled,
    .bootstrap-datetimepicker-widget table th.disabled:hover
    {
      background: none;
      color: #777777;
      cursor: not-allowed;
    }

    .bootstrap-datetimepicker-widget table th.prev::after
    {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
      content: "Previous Month";
    }

    .bootstrap-datetimepicker-widget table th.next::after
    {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
      content: "Next Month";
    }

  .bootstrap-datetimepicker-widget table thead tr:first-child th
  {
    cursor: pointer;
  }

    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover
    {
      background: #eeeeee;
    }

  .bootstrap-datetimepicker-widget table td
  {
    height: 54px;
    line-height: 54px;
    width: 54px;
  }

    .bootstrap-datetimepicker-widget table td.cw
    {
      font-size: .8em;
      height: 20px;
      line-height: 20px;
      color: #777777;
    }

    .bootstrap-datetimepicker-widget table td.day
    {
      height: 20px;
      line-height: 20px;
      width: 20px;
    }

      .bootstrap-datetimepicker-widget table td.day:hover,
      .bootstrap-datetimepicker-widget table td.hour:hover,
      .bootstrap-datetimepicker-widget table td.minute:hover,
      .bootstrap-datetimepicker-widget table td.second:hover
      {
        background: #eeeeee;
        cursor: pointer;
      }

    .bootstrap-datetimepicker-widget table td.old,
    .bootstrap-datetimepicker-widget table td.new
    {
      color: #777777;
    }

    .bootstrap-datetimepicker-widget table td.today
    {
      position: relative;
    }

      .bootstrap-datetimepicker-widget table td.today:before
      {
        content: '';
        display: inline-block;
        border: solid transparent;
        border-width: 0 0 7px 7px;
        border-bottom-color: #337ab7;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px;
      }

    .bootstrap-datetimepicker-widget table td.active,
    .bootstrap-datetimepicker-widget table td.active:hover
    {
      background-color: #337ab7;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

      .bootstrap-datetimepicker-widget table td.active.today:before
      {
        border-bottom-color: #fff;
      }

    .bootstrap-datetimepicker-widget table td.disabled,
    .bootstrap-datetimepicker-widget table td.disabled:hover
    {
      background: none;
      color: #777777;
      cursor: not-allowed;
    }

    .bootstrap-datetimepicker-widget table td span
    {
      display: inline-block;
      width: 54px;
      height: 54px;
      line-height: 54px;
      margin: 2px 1.5px;
      cursor: pointer;
      border-radius: 4px;
    }

      .bootstrap-datetimepicker-widget table td span:hover
      {
        background: #eeeeee;
      }

      .bootstrap-datetimepicker-widget table td span.active
      {
        background-color: #337ab7;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      }

      .bootstrap-datetimepicker-widget table td span.old
      {
        color: #777777;
      }

      .bootstrap-datetimepicker-widget table td span.disabled,
      .bootstrap-datetimepicker-widget table td span.disabled:hover
      {
        background: none;
        color: #777777;
        cursor: not-allowed;
      }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour
{
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider
{
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade
{
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon
{
  cursor: pointer;
}

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

.input-group-btn
{
  font-size: 0;
  position: relative;
  white-space: nowrap;
}

.input-group .form-control
{
  float: left;
  position: relative;
  width: 100%;
  z-index: 2;
}

.form-control
{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  display: block;
  width: 100%;
}

.input-group
{
  border-collapse: separate;
  display: inline;
  position: relative;
  width: 100%;
}

.input-group .btn
{
  height: 30px;
  padding: 8px 25px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group
{
  margin-left: -1px;
  z-index: 2;
}

.dropdown-menu
{
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  float: left;
  left: 0;
  min-width: 160px;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

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

.bootstrap-datetimepicker-widget
{
  transition: .3s ease-in-out;
}

  .bootstrap-datetimepicker-widget.dropdown-menu
  {
    margin: 16px 0 24px;
    padding: 24px 15px;
    width: 310px;
  }

  .bootstrap-datetimepicker-widget .btn:hover
  {
    color: #951540;
  }

  .bootstrap-datetimepicker-widget .bootstrap-datetimepicker-widget a[data-action]
  {
    border: 0;
    padding: 12px 0;
  }

  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover
  {
    color: white;
  }

  .bootstrap-datetimepicker-widget .picker-switch td span
  {
    height: 48px;
    line-height: 48px;
    margin: 0;
  }

  .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td
  {
    padding: 0;
  }

    .bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td.day
    {
      padding: 5px;
    }

  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th
  {
    border-radius: 0;
    height: 24px;
    line-height: 15px;
    width: 20px;
  }

    .bootstrap-datetimepicker-widget table td.day
    {
      line-height: 15px;
    }

    .bootstrap-datetimepicker-widget table td span
    {
      border-radius: 0;
      line-height: 26px;
      margin: 0;
    }

    .bootstrap-datetimepicker-widget table td.day:hover,
    .bootstrap-datetimepicker-widget table td.hour:hover,
    .bootstrap-datetimepicker-widget table td.minute:hover,
    .bootstrap-datetimepicker-widget table td.second:hover
    {
      background-color: #eaeaea;
    }

    .bootstrap-datetimepicker-widget table td.today:before
    {
      border-bottom-color: #c60c46;
    }

    .bootstrap-datetimepicker-widget table td.active
    {
      background-color: #c60c46;
    }

      .bootstrap-datetimepicker-widget table td.active:hover
      {
        background-color: #951540;
      }

.collapse
{
  display: none;
  visibility: hidden;
}

  .collapse.in
  {
    display: block;
    visibility: visible;
  }

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

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

.collapsing
{
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  height: 0;
  overflow: hidden;
  position: relative;
  transition-duration: .35s;
  transition-timing-function: ease;
  transition-property: height,visibility;
}
.normalise-from{
    margin: 10px;
    margin-top: 0px;
    padding: 2px;

}

.fas.fa-chevron-left,
.fas.fa-chevron-right {
    display: inline-block;
    height: 16px;
    width: 16px;
}


.far.fa-calendar-alt,
.far.fa-time-alt {
    display: inline-block;
    margin:auto;
}

.fas.fa-arrow-down,
.fas.fa-arrow-up {
    display: inline-block;
    height: 30px;
    width: 30px;
}

.fas.fa-chevron-left {
    background-image: url(/App_Themes/Default/Images/Icons16/Exit.gif);
}

.fas.fa-chevron-right {
    background-image: url(/App_Themes/Default/Images/Icons16/ActionItem.gif);
}

.far.fa-calendar-alt {
    background-image: url(/App_Themes/Default/Images/Icons16/Calendar.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.far.fa-time-alt {
    background-image: url(/App_Themes/Default/Images/Icons16/Clock.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.far.fa-trash-alt {
    background-image: url(/App_Themes/Default/Images/Icons16/Delete.gif);
}

.fas.fa-arrow-down {
    background-image: url(/App_Themes/Default/Images/Icons16/down-chevron.png);
    background-repeat: no-repeat;
}

.fas.fa-arrow-up {
    background-image: url(/App_Themes/Default/Images/Icons16/up-chevron.png);
    background-repeat: no-repeat;
    margin: auto;
}