@charset "utf-8";
/*======================================================================
Site Name: Silver HTML
Theme URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #062a4a (Dark Blue)
Header Color: #062a4a (Dark Blue)
Text Color: #393939 (Dark Grey)
Title Color: #393939 (Dark Grey), #e65a15 (Orange)
Footer Color: #393939 (Dark Grey)
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1170px
Responsive Layout: Yes
=======================================================================*/

/********* Reset CSS *********/

/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon {background-color:#d9e7f4;}
.ui-datepicker th, .ui-state-highlight {background-color:#bdbdbd;}
.ui-state-active, .ui-datepicker tbody a:hover {background-color:#052847;color: #fff !important;}
td.ui-datepicker-today a { color: #fff !important; }
.ui-state-highlight.ui-state-active { color: #002763 !important; border: 2px solid #002763; background: transparent; line-height: 21px; }
.ui-datepicker {color:#fff; font-size:13px; }
.ui-datepicker { width: 25%;  padding: .2em .2em 0; display: none; min-height: 230px;z-index: 0 !important; }
.ui-datepicker .ui-datepicker-header { position: relative;     padding: 4px 0;background: #4480b1; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 9px; width: 2.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 21px; }
.pressPosting .ui-datepicker-next .fa-angle-right {font-size: 26px;color: #fff;}
.pressPosting .ui-datepicker-prev .fa-angle-left {font-size: 26px;color: #fff;}
.pressPosting ul li a:hover { color: #4e8ac8; }
.ui-datepicker .ui-datepicker-next { right: -12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -21px; top: 50%; margin-top: -12px; font-size:18px;    color: #fff; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker-year {color: #fff;}
.ui-datepicker-month { color: #000; }
.ui-datepicker .ui-datepicker-title select { font-size: 16px; margin: 6px 0; height: 32px; background-color: #fff; font-weight: 600; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none;min-height: 230px;}
.ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0;    background-color: #02447c; }
.ui-datepicker td { border: 0; padding: 1px; background-color:transparent;     border: 1px solid #fff;}
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/
.eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; }
.btn-reset { background: #183255; border: none; color: #fff;cursor: pointer; text-decoration: none; display: inline-block; vertical-align: top; height: 44px; line-height: 44px; min-width: 100px; font-size: 16px;padding: 0 10px; }
.btn-reset:hover { color: #fff; background: #4480b2; }
.calendarIcon { width:50px; height:52px; position:absolute; left:-50px; }
.calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; }
.calendarOut { padding:5px; }
.calendarOut .ui-datepicker {width:100%;}
.calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.calendarOut .button:hover { background-color:#173C84; }
.ui-datepicker  tbody a { color:#152b48; }
.ui-datepicker-title { font-size:18px; font-weight:normal; color:#052847; }
.ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; }
.ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#275596; }
.ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:35px; height:25px; position:static; margin:5px 0 0; }
.ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:35px; height:25px; position:static; margin:5px 0 0; }

.ui-datepicker td span, .ui-datepicker td a { line-height: 25px; font-size: 16px; width: 32px; border-radius: 25px; text-align: center !important; display: inline-block; }
.ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;}
.calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;}

.calendarCustom .ui-datepicker .default a { background: #553e52 !important; color: #ffffff; }
.calendarCustom .ui-datepicker .highlight a { background: transparent !important; color: #8c8c8c; border: 2px solid #8c8c8c; line-height: 21px; }
.calendarCustom .ui-datepicker .highlight a:hover{color: #000 !important;}
/*----Date Picker----*/