﻿

/*
///////////////////////////////////////////////////////////////////////////////////////////
// DO NOT MAKE CHANGES TO THIS FILE - MAKE YOUR CUSTOMISATIONS IN THE IW.CUSTOM.CSS FILE //
///////////////////////////////////////////////////////////////////////////////////////////
*/




/* GENERAL BASE STYLES */

/* SET ALT LINK DETAILS */
.AltLink            { color: #0000FF; cursor: pointer;  }
.AltLink:hover      { color: #990000; cursor: pointer;  }

/* TEXT HIGHLIGHTING STYLES */
.HLTB {	  color: #0033CC;	}
.HLTR {	  color: #CC0000;	}
.HLTG {	  color: #006600;	}
.HLTGr {  color: #666666;	}
.HLTW {	  color: #FFFFFF;	}
.HLTO {	  color: #FF6600;	}
.HLTP {	  color: #990099;	}
.HLTN {	  color: #666666; font-size: 11px; font-style: italic; font-weight: normal;	}




/* IW.DATEPICKER BASE STYLES */

/* Define global styles for IW.DateTime.Picker objects */
/* Calendar global properties */
.IWCal
{
  position: absolute;
  min-width: 250px;
  border: 1px solid #333333;
  border-radius: 3px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.23);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.23);
}

  /* Calendar selector and header (outer) containers */
  .IWCal .IWCSOut, .IWCal .IWCHOut
  {
    padding: 0px;
  }

  /* Calendar selector (inner) container*/
  .IWCal .IWCSIn
  {
    margin: 3px;
    border-radius: 3px;
    display: inline-block;
    width: calc(50% - 6px);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 3px 0px;
    cursor: pointer;
    color: #337AB7;
    line-height: 25px;
    height: 30px;
    vertical-align: middle;
  }

    /* The hover option of the Calendar selector. */
    .IWCal .IWCSIn:hover
    {
      background-color: #dfdfdf;
    }

  .IWCal .IWCSSel
  {
    background-color: #efefef;
  }

  /* Calendar header (inner) container */
  .IWCal .IWCHIn
  {
    text-align: center;
    height: 30px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 5px;
    font-weight: bold;
    font-size: 14px;
  }

  /* Calendar 'previous/next' button */
  .IWCal .IWCPrev, .IWCal .IWCNext
  {
    display: inline-block;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 30px;
    height: 25px;
    vertical-align: middle;
  }

  /* Calendar 'next' button */
  .IWCal .IWCNext
  {
    float: right;
  }

  /* Calendar header text */
  .IWCal .IWCTxt
  {
    display: inline-block;
    cursor: pointer;
  }

  /* The main class for 'date' options */
  .IWCal .IWCDOpt, .IWCal .IWCOOpt, .IWCal .IWCDH, .IWCal .IWTHOpt
  {
    display: inline-block;
    width: calc(14.28% - 4px);
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 3px;
    margin: 2px 2px;
    color: #000000;
  }

  /* The main class month/year/decade options. */
  .IWCal .IWCOOpt, .IWCal .IWTHOpt
  {
    width: calc(25% - 4px);
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
  }

  .IWCal .IWCDOpt, .IWCal .IWCOOpt, .IWCal .IWTHOpt
  {
    cursor: pointer;
  }

    /* The class applied to the hover event for month/year/decade options */
    .IWCal .IWCOOpt:hover, .IWCal .IWTHOpt:hover
    {
      color: #ffffff;
      background-color: #7AAFDA;
    }

    /* The class applied to the hover event for month/year/decade options that are disabled */
    .IWCal .IWCOOpt:hover, .IWCal .IWTHOpt:hover
    {
      color: #ffffff;
      background-color: #7AAFDA;
    }

    /* The class applied to the hover event for date options */
    .IWCal .IWCDOpt:hover
    {
      color: #ffffff;
      background-color: #7AAFDA;
    }

  /* The 'day names' header */
  .IWCal .IWCDH
  {
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
  }

  /* The 'date options' */
  .IWCal .IWCDOpt
  {
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
  }

  /* The class applied to dates belonging to the previous month */
  .IWCal .IWCOPre
  {
    color: #666666;
    background-color: #eeeeee;
  }

  /* The class applied to dates belonging to the next month */
  .IWCal .IWCOPost
  {
    color: #666666;
    background-color: #eeeeee;
  }

  /* The class applied to the year/decade belonging to the previous range */
  .IWCal .IWCOYPre
  {
    color: #666666;
    background-color: #eeeeee;
  }

  /* The class applied to the year/decade belonging to the next range */
  .IWCal .IWCOYPost
  {
    color: #666666;
    background-color: #eeeeee;
  }

  /* The class applied to 'todays' date */
  .IWCal .IWCToday
  {
    color: #333333;
    font-weight: bold;
    background-color: #efefef;
    border-radius: 3px;
  }

  /* The class set to dates 'disabled' before the allowed date. */
  .IWCal .IWCDisBef
  {
    color: #cccccc;
    cursor: initial;
  }

  /* The class set to dates 'disabled' after the allowed date. */
  .IWCal .IWCDisAft
  {
    color: #cccccc;
    cursor: initial;
  }

    /* The class applied to the hover event for date options that are disabled */
    .IWCal .IWCDisBef:hover, .IWCal .IWCDisAft:hover
    {
      color: #cccccc;
      cursor: default;
    }

  /* The class set to the date that is currently selected. */
  .IWCal .IWCSelected
  {
    color: #ffffff;
    font-weight: bold;
    background-color: #337AB7;
  }

  /* The class set to Decade ranges */
  .IWCal .IWCLHAu
  {
    line-height: 25px;
  }

  /* The class styles for clock selection */
  .IWCal .IWTArr, .IWCal .IWTDisp, .IWCal .IWTDispTT
  {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    margin: 4px;
    cursor: pointer;
  }

  /* The class styles for clock 'arrow' selectors */
  .IWCal .IWTArr
  {
    color: #337AB7;
  }

  /* The class styles for clock 'time value' selectors */
  .IWCal .IWTDisp
  {
    color: #333333;
  }

  /* The class styles for clock 'AM/PM' selector */
  .IWCal .IWTDispTT
  {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: #337AB7;
    border-radius: 3px;
  }

  .IWCal .W4-16Pc
  {
    width: calc(4.166666% - 8px);
  }

  .IWCal .W6-6Pc
  {
    width: calc(6.666666% - 8px);
  }

  .IWCal .W12-5Pc
  {
    width: calc(12.5% - 8px);
  }

  .IWCal .W16-6Pc
  {
    width: calc(16.666666% - 8px);
  }

  .IWCal .W20Pc
  {
    width: calc(20% - 8px);
  }

  .IWCal .W25Pc
  {
    width: calc(25% - 8px);
  }

  .IWCal .W40Pc
  {
    width: calc(40% - 8px);
  }

.IWCalEntry
{
}


/* Define style for IW.DateTime.Picker Parent object */
.IWCalParent
{
  position: relative;
  display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .IWCalParent input
  {
    padding-right: 50px;
  }
}

.IWCalParent:after
{
  font-family: 'FontAwesome';
  content: "\f073";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 25px;
  line-height: 30px;
  padding: 8px 15px;
  background: #000000;
  color: white;
  pointer-events: none;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}




/* IW.VALIDATION BASE STYLES */
.IWValidateNotice
{
  text-align: center;
  font-size: 10px;
  color: #CC0000;
  font-weight: bold;
}

.IWValidateMsgText
{
  font-size: 11px;
}

.IWValidateData
{
  text-align: center;
  font-size: 10px;
}

.IWValidateDataTable
{
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
}

.IWValidateRow
{
  background-color: #FFFFFF;
}

.IWValidateRowHL
{
  background-color: #FFF8F8;
}

.IWValidateDataC, .IWValidateDataL
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 20px;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #FFFFFF;
  border-right-color: #DDDDDD;
  border-bottom-color: #DDDDDD;
}

.IWValidateDataC
{
  text-align: center;
  vertical-align: top;
}

.IWValidateDataL
{
  text-align: left;
  vertical-align: top;
} 




/* IW.WINDOW BASE STYLES */
.IWWin
{
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #666666;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

.IWWin .IWWHead
{
  position: relative;
  width: 100%;
  cursor: move;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #666666;
  height: 35px;
  line-height: 25px;
}

.IWWin .IWWTitle, .IWWin .IWWCtrl
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 5px;
  padding-top: 5px;
}

  .IWWin .IWWTitle
  {
    width: calc(100% - 40px);
  }

.IWWin .IWWCtrl
{
  width: 100%;
  text-align: right;
  padding-right: 5px;
}

.IWWin .IWWClose, .IWWin .IWWMin, .IWWin .IWWMax
{
  cursor: pointer;
  margin-left: 5px;
}

.IWWContI
{
  width: 100%;
  white-space: normal;
  padding: 5px 5px 5px 5px;
}

.IWWContINS
{
  height: inherit;
}

.IWWBase
{
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.IWWBtns {
  width: 100%;
  padding: 5px 5px 5px 5px;
  text-align: center;
}

  .IWWBtns .IWWBtn {
    position: relative;
    cursor: pointer;
    color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030;
    background-color: #464646;
    padding: 3px 10px;
    display: inline;
  }
  /*
    .IWWBtns .IWWBtn:hover {
      color: #464646;
      background-color: #EEEEEE;
      border: 1px solid #CCCCCC;
      border-top: 2px solid #303030;
      border-left: 2px solid #303030;
    }
*/
.IWWFooter
{
  position: relative;
  width: 100%;
  text-align: right;
  border-top: 1px solid #666666;
  height: 25px;
  padding-top: 8px;
}

.IWWFootText
{
  position: absolute;
  height: 15px;
  top: 0px;
  text-align: left;
  padding-left: 5px;
  width: calc(100% - 30px);
}

.IWWRsz
{
  cursor: nw-resize;
}




/* DEFINE DEFAULT ALERT STYLES */
.IWMsg                  { font-size: 18px; font-weight: bold; text-align: center;  }
.IWMsgHelpText          { font-size: 11px; }
.IWAlert                { color: #0000FF; }
.IWAlertBG              { background-color: #0066CC; }
.IWCritical             { color: #CC0000; }
.IWCriticalBG           { background-color: #CC0000; }
.IWError                { color: #CC0000; }
.IWErrorBG              { background-color: #CC0000; }
.IWErrorBG .IWWTitle    { color: #ffffff; }
.IWHelp                 { color: #CC0000; }
.IWHelpBG               { background-color: #CC0000; }
.IWInfo                 { color: #0000FF; }
.IWInfoBG               { background-color: #0066CC; }
.IWNote                 { color: #0000FF; }
.IWNoteBG               { background-color: #0066CC; }
.IWNoteBG .IWWTitle     { color: #ffffff; }
.IWSecurity             { color: #0000FF; }
.IWSecurityBG           { background-color: #0066CC; }
.IWSession              { color: #0000FF; }
.IWSessionBG            { background-color: #0066CC; }
.IWSuccess              { color: #006600; }
.IWSuccessBG            { background-color: #009900; }
.IWSuccessBG .IWWTitle  { color: #ffffff; }
.IWWarning              { color: #0000FF; }
.IWWarningBG            { background-color: #0066CC; }



