@font-face {
   font-family: 'HELVETICAFontNEUE-REGULAR'; 
    src:url('../fonts/HELVETICA-NEUE-REGULAR.TTF');
}
body {
  font-family: HELVETICAFontNEUE-REGULAR;
}
select,option{
  color: black;
}
#wrap a{
  color: #FFF;
  text-decoration: none;
}
#wrap a:focus, #wrap a:hover{
  color: #FFF !important;
  text-decoration: none !important;
}
#wrap{
  overflow: auto;
  position: relative;
} 
div#wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;

  display: block;
  background-image: url("../images/intro/bg.png");
  background-size:cover;
  width: 100%;
  height: 100%;

  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);

}
/*header menu*/
header .navbar-right{
  height: 66px;
  color: #FFFFFF;
  margin-right: 50px !important;
}
.navbar-header{
  background-color: #ebebeb;
}
header .navbar-right li{
  height: 66px;
}
.navbar .container-fluid{
    padding-left: 50px !important;
    margin-right: 0px !important;
    padding-right:0px !important;
}
.navbar-brand{
  height: 66px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  background-color: #0367a6;
  color: #FFFFFF;
}
.navbar-default .navbar-nav>.open, .navbar-default .navbar-nav>.open:focus, .navbar-default .navbar-nav>.open:hover{
  background-color: #0367a6;
  color: #FFFFFF;
  height: 66px;
}

/*header menu*/
.navbar{
  margin-bottom: 0px !important;
  min-height:6% !important;
}
.navbar .container-fluid{
    padding-left: 50px !important;
    margin-right: 50px !important;
}
.icon-notication a{
    font-size: 21px;
    top: 8px;
}
.icon-notication span{
  width: 17px;
  font-size: 14px;
  position: absolute;
  top: 6px;
  margin-left: -9px;
  background: red;
  padding: 0 4px;
  border-radius: 50%;
  color: #FFF;
}
.caret{
      display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 12px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
/*content*/
.inner.cover{
  text-align: center;
  color: #FFF;
  padding-top: 20px;
  position: relative;
  z-index: 2;
  padding-bottom: 12px;
}
.content-left{
  margin-left:  2% !important;
  width: 19.666667%;
}
#sidebar-left{
    opacity: 0.9;
  line-height: 50px;
  z-index: 2;
  position: relative;
  overflow: hidden;
  background-color: #31465c;
  width: 106%;
}
#sidebar-left:nth-child(2){
  margin-top: 13px;
  height: 295px;
}
.content-center{
    width: 54.5%;
    margin-left: 1%;
    z-index: 2;
    position: relative;
}
#sidebar-center{
    opacity: 0.9;
    background-color: #31465c;
    width: 103%;
    color: #FFFFFF;

    /*opacity: 0.7;*/
}
#sidebar-center:nth-child(2){
  margin-top: 13px;
  height:295px;
  padding-left: 25px;
}
#sidebar-right{
    z-index: 2;
    position: relative;
    overflow: hidden;
    width: 19.666667%;
    margin-right: 2%;
    opacity: 0.9;
}
#sidebar-right ul li{
    background-color: #31465c;
    list-style: none;
    /*opacity: 0.7;*/
}
#sidebar-right ul li p{
    height: 70px;
    padding-left: 27px;
    font-size: 17px;
    padding-top: 15px;
    margin-left: -5%;
    margin-bottom: 37px;
}
#sidebar-right ul li p a{
  color: #FFF;
  text-decoration: none;
}
#sidebar-right ul li p span{
  padding-left: 10px;
}
#sidebar-left h5{
  text-align: center;
  font-size: 20px;
  color: #FFF;
  z-index: 2;
  position: relative;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
#sidebar-left .currency{
  color: #FFF;
  font-size: 20px;
  z-index: 2;
  position: relative;
}
#sidebar-center .title{
  height: 60px;
  font-size: 20px;
  padding-left: 35px;
  padding-top: 10px;
  z-index: 2;
  position: relative;
}
#sidebar-center p{
  padding-left: 8%;
  height: 45px;
  padding-top: 10px;
}
/*config datepciker*/
.ui-datepicker{
  width: 100% !important;
  padding: none !important;
    line-height: 30px;
}
.ui-widget-content{
  border: none !important;
  background: none !important;
  color: #FFF !important;
}
.ui-datepicker-year{
  display: none;
}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{
  color: #ffffff;
}
.ui-widget-header{
  border: none !important;
  background: none !important;
  color: #ffffff;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-title{
    text-align: right !important;
    font-size: 20px;
    text-transform: uppercase;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border: none !important; 
  background: none !important; 
  font-weight: normal !important;
  color: #FFF !important;
}
table {
  display: table;
  border-collapse:none !important;
  border-spacing:none !important;
  border-color:none !important;
}
.ui-datepicker td span, .ui-datepicker td a{
  padding: none !important;
  text-align: center !important;
}
.ui-datepicker tr>td:nth-child(7)>a,.ui-datepicker tr>th:nth-child(7)>span {
    color: #ff0000 !important;
}
.ui-datepicker th {
  padding:0 !important; 
  font-weight: normal !important;
}
.ui-datepicker th
{
        width:16px !important;
        height:16px !important;
}
.ui-datepicker td
{
        width:16px !important;
        height:16px !important;
}
.ui-datepicker-today{
  background-color:#4594ff;
  font-weight:bold;
}
/*bottom center*/
td.month-day{
  font-size: 20px;
  font-weight: bold;
}
td.avata-home{
  width: 10%;
}
td.avata-home span{
  padding-left: 18px;
}
td.message-home{
  width: 44%;
}
td.message-home textarea{
  width: 90%;
  color: black;
}
td.also-birthday{
  vertical-align: top;
  line-height: 48px;
  width: 40%;
  font-size: 20px;
}
td.also-birthday img{
  padding: 7px;
}
td.coming-soon{
  font-size: 20px;
}
td.coming-soon img{
  padding-left: 10px;
}

/*login form*/
.login-popup{
  cursor: pointer;
  top: 8px;
  font-size: 16px;
}
.login-fade.modal-dialog{
  width: 498px !important;
  margin: 10%  auto !important;
}
#loginform{
  text-align: left;
  color: #2559a5;
  padding-left: 50px;
}
#login-username,#login-password{
  width: 298px;
  height: 36px;
  box-shadow:none;
  font-size: 18px;
  line-height: 26px;
  border: 0;
  background: transparent url(../images/login/4_PL_Web_Login_Line.png) no-repeat bottom;
  color: #444;
  vertical-align: middle;
}
#login-username:focus,#login-password:focus{
  background: transparent url(../images/login/3_PL_Web_Login_Line_Hover.png) no-repeat bottom;
}
.icon-username,.icon-password{
  top: 11px !important;
  margin-left: -20px !important;
}
.submit-login{

    margin-top: 30px !important;
    margin-left: -65px !important;
}
.forgot-pass,.login-button{
    border-radius: 0 !important;
    width: 197px !important;
    font-weight: bold;
}
td.des-day{
    font-size: 20px;
  }
/*custom checkbox*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #939598;
  background: #939598;
  border-radius: 3px;
  border-radius: 0;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #FFF;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
/* responsive display*/
@media only screen and (max-width : 1024px){

  #sidebar-left h5,#sidebar-left .currency{
    font-size: 13px !important;
  }
  #sidebar-left{
    line-height: 30px !important;
  }
  .content-left{
    margin-left: 13px !important;width: 21.666667%;
  }
  #sidebar-right{
    width: 22.666667% !important;
    margin-right: -1% !important;
  }
  #sidebar-right ul li{
    width: 100%;
    margin-left: -16%;
  }
  #sidebar-right ul li p{
    height: 56px;
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
  }
  #sidebar-right ul li p img{
    float: left;width: 17%;
  }
  #sidebar-right ul li p span{
    width: 74%;
    float: left;
    text-align: center;
  }
  .content-center{
    margin-left: 0%;
  }
  .inner.cover{
    padding-top: 0px;
  }
  #sidebar-center .title {
    height: 34px;
  }
  #sidebar-center p {
    height: 20px;
    padding-top: 0px;
  }
  td.also-birthday {
     line-height: 20px; 
      font-size: 6px;
      width: auto;
  }
  td.month-day,td.des-day {
    font-size: 16px;
  }
  td.message-home textarea {
    height: 58px;
    width: 90%;
  }
  td.coming-soon {
    font-size: 16px;
  }
  #sidebar-center:nth-child(2) {
    height: 192px;
  }
  .ui-datepicker .ui-datepicker-header,.ui-datepicker td span, .ui-datepicker td a,.ui-datepicker td{
    padding: 0 !important;
  }
  .ui-datepicker .ui-datepicker-title{
    font-size: 16px;
  }

  #sidebar-left:nth-child(2){
    height: 192px;
  }
  .ui-datepicker{
    line-height: 25px;
  }

}
/*class color*/
.bgcl-0d9e6e{
  background-color: #0d9e6e;
}
.bgcl-ff944f{
  background-color: #ff944f;
}
.bgcl-7c6ecd{
  background-color: #7c6ecd;
}
.bgcl-9b3336>.{
  background-color: #9b3336;
}
.bgcl-678ec7{
  background-color: #678ec7;
}
.bgcl-517bb8{
  background-color: #517bb8;
}
.bgcl-0367a6{
  background-color: #0367a6;
}
.bgcl-ebebeb{
  background-color: #ebebeb;
}
/*background color*/
.bg-0d9e6e>.panel-heading{
  background-color: #0d9e6e;
  color: #FFF;
}
.bg-ff944f>.panel-heading{
  background-color: #ff944f;
  color: #FFF;
}
.bg-7c6ecd>.panel-heading{
  background-color: #7c6ecd;
  color: #FFF;
}
.bg-9b3336>.panel-heading{
  background-color: #9b3336;
  color: #FFF;
}
.bg-678ec7>.panel-heading{
  background-color: #678ec7;
  color: #FFF;
}
.bg-517bb8>.panel-heading{
  background-color: #517bb8;
  color: #FFF;
}
.bg-0367a6>.panel-heading{
  background-color: #0367a6;
  color: #FFF;
}
.bg-ebebeb>.panel-heading{
  background-color: #ebebeb;
  color: #FFF;
}

/*class color*/
.cl-0d9e6e {
  color: #0d9e6e;
}
.cl-ff944f{
  color: #ff944f;
}
.cl-7c6ecd{
  color: #7c6ecd;
}
.cl-9b3336{
  color: #9b3336;
}
.cl-678ec7{
  color: #678ec7;
}
.cl-517bb8{
  color: #517bb8;
}
.cl-0367a6{
  color: #0367a6;
}
.cl-ebebeb{
  color: #ebebeb;
}
.cl-000000{
  color: #000000;
}

.number {
  font-size: 40px;
}
@media only screen and (max-width : 1366px){

  

  #sidebar-right ul li p img{
    float: left;
    width: 17%;
  }
  #sidebar-right ul li p span{
    float: left;
    text-align: left;
    width: 74%;
  }
  #sidebar-left h5,#sidebar-left .currency{
    font-size: 13px !important;
  }
  #sidebar-left{
    line-height: 30px !important;
  }
  .content-left{
    margin-left: 13px !important;width: 21.666667%;
  }
  #sidebar-right{
    width: 22.666667% !important;
    margin-right: -1% !important;
  }
  #sidebar-right ul li{
    width: 100%;
    margin-left: -16%;
  }
  #sidebar-right ul li p{
    height: 64px;
    font-size: 15px;
    padding-top: 5px;
    margin-bottom: 15px;
  }
  #sidebar-right ul li p img{
    float: left;width: 17%;
  }
  .content-center{
    margin-left: 0%;
  }
  .inner.cover{
    padding-top: 0px;
  }
  #sidebar-center .title {
    height: 34px;
  }
  #sidebar-center p {
    height: 20px;
    padding-top: 0px;
  }
  td.also-birthday {
     line-height: 20px; 
      font-size: 6px;
      width: auto;
  }
  td.month-day,td.des-day {
    font-size: 16px;
  }
  td.message-home textarea {
    height: 58px;
    width: 90%;
  }
  td.coming-soon {
    font-size: 16px;
  }
  #sidebar-center:nth-child(2) {
    height: 246px;
  }
  .ui-datepicker .ui-datepicker-header,.ui-datepicker td span, .ui-datepicker td a,.ui-datepicker td{
    padding: 0 !important;
  }
  .ui-datepicker .ui-datepicker-title{
    font-size: 16px;
  }

  #sidebar-left:nth-child(2){
    height: 246px;
  }
  .ui-datepicker{
    line-height: 35px;
  }
}