/*
 *
 * Template Name: Alissa
 * Template URI: http//azmind.com
 * Description: Alissa - Responsive Coming Soon Template
 * Author: Anli Zaimi
 * Author URI: http//azmind.com
 *
 */


body {
    background: #f8f8f8 url(../img/pattern.jpg);
    text-align: left;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    color: #555;
    font-weight: 400;
    border-top: 2px solid #007ACC;
}

strong { font-weight: 700; }
a:hover { text-decoration: none; }

::-moz-selection { background: #007ACC; color: #fff; text-shadow: none; }
::selection { background: #007ACC; color: #fff; text-shadow: none; }

.logo h1 {
    margin-top: 7px;
    padding-left: 50px;
    font-family: 'Microsoft YaHei', cursive;
    font-size: 28px;
    font-weight: 400;
    color: #555;
}

.logo h1 span { color: #007ACC; }

.logo a {
    color: #555;
    text-decoration: none;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
.logo a:hover { color: #007ACC; }

.call-us {
    font-size: 18px;
    text-align: right;
}

.call-us p {
    margin-top: 18px;
    padding-right: 50px;
}

.call-us p span { color: #888; }


/***** Coming Soon *****/

.coming-soon {
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.inner-bg {
    padding: 55px 0 60px 0;
    background: url(../img/pattern-3.png);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
}

.coming-soon h2 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 7px rgba(0,0,0,.2);
}

.coming-soon p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 36px;
    text-shadow: 0 1px 7px rgba(0,0,0,.2);
}

.timer {
    margin-top: 40px;
    margin-bottom: 20px;
    text-shadow: 0 1px 5px rgba(0,0,0,.1);
}

.timer .days-wrapper{
    display: inline-block;
    width: 160px;
    height: 140px;
    margin: 0 10px;
    padding-top: 20px;
    background: #2d2d2d url(../img/pattern-2.png);
    font-size: 18px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    text-align:center;
}

.timer .days-wrapper:hover{
    background: #007ACC url(../img/pattern-2.png);
    text-shadow: none;
}

.timer a
{
    font-size: 20px;
    line-height: 120px;
    color:#FFF !important;
}


/***** Content *****/

.subscribe {
    margin-top: 30px;
    text-align: center;
}

.subscribe h3 {
    font-size: 32px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 40px;
    text-transform: uppercase;
    text-shadow: 1px 2px 1px #fff;
}

.subscribe p {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
}

.subscribe .form-inline {
    margin-top: 24px;
}

.subscribe .form-inline input {
    width: 310px;
    height: 46px;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-size: 18px;
    line-height: 46px;
    color: #888;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
}

.subscribe .form-inline input:focus {
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
}

.subscribe .form-inline input:-moz-placeholder { color: #888; }
.subscribe .form-inline input:-ms-input-placeholder { color: #888; }
.subscribe .form-inline input::-webkit-input-placeholder { color: #888; }

.subscribe .form-inline button {
    width: 130px;
    height: 46px;
    margin: 0;
    padding: 0;
    background: #007ACC;
    border: 0;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.subscribe .form-inline button:hover {
    background: #007ACC;
    color: #fff;
}

.subscribe .form-inline button:active {
    background: #007ACC;
    color: #fff;
}

.success-message, .error-message {
    font-size: 18px;
}

.error-message {
    color: #007ACC;
}

.social {
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.social a {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 3px;
}

.social a { background:#4D4D4D; color:#FFF; border-radius:50%; text-align:center; }

    .social i {
    margin:0px;
    font-size:22px;
    line-height:45px;
    }

/***** Media Queries *****/

@media (min-width: 768px) and (max-width: 979px) {

    .logo h1 {
        padding-left: 0;

    }

    .call-us p {
        padding-right: 0;
    }

    .timer .days-wrapper,
    .timer .hours-wrapper,
    .timer .minutes-wrapper,
    .timer .seconds-wrapper {
        width: 140px;
        height: 120px;
        margin: 0 7px;
        padding-top: 20px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
    }

    .timer .days,
    .timer .hours,
    .timer .minutes,
    .timer .seconds {
        font-size: 22px;
        line-height: 100px;
    }

}

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .logo h1 {
        padding-left: 0;
        text-align: center;

    }

    .call-us {
        padding-bottom: 7px;
        text-align: center;
    }

    .call-us p {
        padding-right: 0;
    }

    .inner-bg {
        padding: 45px 0 50px 0;
    }

    .coming-soon h2 {
        font-size: 36px;
        padding: 0 20px;
    }

    .coming-soon p {
        padding: 0 20px;
    }

    .timer .days-wrapper,
    .timer .hours-wrapper,
    .timer .minutes-wrapper,
    .timer .seconds-wrapper {
        width: 140px;
        height: 120px;
        margin: 7px;
        padding-top: 20px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
    }

    .timer .days,
    .timer .hours,
    .timer .minutes,
    .timer .seconds {
        font-size: 22px;
        line-height: 100px;
    }

    .subscribe h3 {
        padding: 0 20px;
        font-size: 28px;
    }

    .subscribe p {
        padding: 0 20px;
    }

}

@media (max-width: 480px) {

    .subscribe .form-inline {
        padding: 0 20px;
    }

    .subscribe .form-inline input {
        width: 90%;
    }

    .subscribe .form-inline button {
        width: 90%;
        margin-top: 10px;
    }

}

.logo a, span {
vertical-align:middle;
}

    #Ajax_Thead th {
    font-weight:normal;
    }
#Ajax_Sort {
width:465px;
text-align:left;
}
#Ajax_Sort label, a {
vertical-align:middle;
    line-height:30px;
    margin-left:5px;
}
 .pillbox {
 display:block;
 margin-bottom:5px;
 margin-left:5px;

        }
   #SelectLables_HTML .SelectLable2_Links a{
    min-width:60px !important;
    display:block;
    float:left !important;
    color:#333;
    }
    .SelectLable2 span {
        color:#007ACC !important;
        line-height:50px;
    }
    .pillbox p {
    display:block;
    width:100px !important;
    text-align:right;
    float:left;
    color:#FFF !important;
    border:1px solid #007ACC;
    border-radius:1px;
    text-align:center;
    margin:0px;
    padding:0px;
    background:#007ACC;
    font-size:12px;
    padding:0px;
    font-weight:normal;
    line-height:20px;

    }
.pillbox li{
    float:left;
    width:100px;
    margin-left:3px;
    cursor:pointer;
    font-weight:normal;
    border:1px solid #DDD;
    background:#EEE;
    padding:0px 1px 0px 5px;
    border-radius:2px;
    font-size:12px !important;
    list-style:none;
}
    .pillbox li i {
    color:#3D75AD;
    margin-left:10px;
    margin-right:0px;
    }

    .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #007ACC;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #E74C3C;
  background-color: none;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #007ACC;
  border-color: #007ACC;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#txtTnPageIndex {
height:32px;
line-height:30px;
margin-left:5px;
width:38px;
border:1px solid #DDD;
text-align:center;
}


.table td, .table th {
    white-space: nowrap;
}



nav ul,nav li{
    list-style: none;
    display: inline-block;
    line-height: 46px;
}

#dcs_box {
width:100%;
}
#dcs_box iframe {
width:100%;
height:600px;
}
#txtAjax_Search {
width:130px;
height: 46px;
margin: 0;
padding: 0 10px;
background: #fff;
font-family: 'Microsoft YaHei', Arial, sans-serif;
font-size: 18px;
line-height: 46px;
color: #888;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
float:left;
margin-right:2px;
}



#Ajax_HTML tr td:first-child{
    border-left:1px solid #EEE;
}
#Ajax_HTML tr td:last-child {
    border-right:1px solid #EEE;
}
#Ajax_HTML tr:last-child td {
border-bottom:1px solid #EEE;
}
.ap a{
 padding:0px 10px 0px 10px;
}
.ap a:hover,.apatv {
 background:#007ACC;
 color:#FFF !important;
 border-radius:2px;
}

li {
 list-style:none;
}