@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing: border-box; list-style: none; border:0; }


/*------- HTML, Body Section ---------*/
html, body {
    background:#fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size:14px;
    line-height:16px;
    color:#333;
    height:100%;
}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('TitilliumText22L001-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*------- Containers ---------*/

.container{
    /*border:1px solid #0C3;*/
    display:flex;
    flex-flow: column nowrap; /*This is a shorthand for the flex-direction and flex-wrap */
    align-items:stretch;
    min-height:100%;
}


.page-header {
    /*border:1px solid #F36;*/
    flex: 0 1 auto;
    background:#f5f5f5;
    border-bottom:1px solid #e2e2e2;
    box-shadow: 0 1px 10px 1px #c1c1c1;
    /*z-index:111;*/
}

.page-content{
    /*border:1px solid #09F;*/
    flex: 1 1 auto;
    align-content:flex-start;
}

.page-footer {
    /*border:1px solid #093;*/
    flex: 0 1 auto;
    font-size:12px;
    color:#9f9f9f;
    background:#1f1f1f;
}

.box-full{
    /*border:1px solid #063;*/
    position:relative;
    display:block;
}

.box{
    position:relative;
    margin:0 auto;
    max-width:910px;
    /*border:1px solid #F00;*/
}

.box-table{
    position:relative;
    display:table;
    margin:0 auto;
}

/*--------------- Flex Boxes -------------*/
.flex-row,
.flex-one{
    display:flex;
    flex-flow: row nowrap;
    justify-content:space-between;
    /*border:1px solid red;*/
}

.flex-left{
    /*border:1px solid red;*/
    flex: 0 1 auto;
    display: flex;
    flex-flow: column nowrap;
    position:relative;
}


.flex-right{
   /* border:1px solid olive;*/
    flex:0 1 auto;
    display: flex;
    flex-flow: column;
    position:relative;

}

/*------- Font Awsome ---------*/
.position{color:#be1219;text-decoration:underline}

.fa-online{color:#2cd904;}
.fa-offline{color:#959894;}
.fa-enabled{color:green;}
.fa-disabled{color:#be1219;}
a.block.disabled {background:#eee;color:#999; border:1px solid #e1e1e1}

/*------- General Settings ---------*/

a{text-decoration:none; color:#0254a7 /*#0000FF*/}
a.disabled{pointer-events: none;color:#999;background:#eee;}

em{font-style:italic;}
strong{font-weight:bold;}
sup {vertical-align: super;	font-size: smaller;}
img {display:block}
p{line-height:1.6em}

h1{font-size:30px;font-weight:lighter}
h2{font-size:24px;font-weight:lighter}
h3{font-size:18px;font-weight: 400; }
h4{font-size:16px;font-weight: 400; }
h5{font-size:12px;font-weight:lighter}
h6{font-size:11px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.6em;}
input[type=text],input[type=email],input[type=password],textarea{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 8px 5px;
    border: 1px solid rgba(58, 121,185, .2);
    background: #fefefe;
    min-width:200px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
}

select{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 8px 5px;
    border: 1px solid rgba(58, 121,185, .3);
    min-width:50px;
    background:#fff;
    display:inline-block;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
}

option{
    height:28px;
    line-height:28px;
}     

@-moz-document url-prefix(){
    select{
        padding-right:7px;
    }
    option{
        height:15px;
        padding:1px 2px 3px;
    }
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus, select:focus{
    /*box-shadow: 0 0 5px rgba(1, 104, 6, 1);*/
    border: 1px solid rgba(58,121,185, .5);
    background-color: #fff;
    outline: 0 none;
}

input[type=text]:disabled,
textarea:disabled, select:disabled{
    background:#fdfdd3;
    border: 1px solid #f2f2f2;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {-moz-appearance:textfield;}

input.small[type=text]{
    min-width:50px;
    width:50px;
}

input.medium[type=text]{
    min-width:90px;
    width:90px;
}

input.mlarge[type=text]{
    min-width:350px;
    width:350px;
}

input.large[type=text]{
    min-width:306px;
    width:306px;
}

input.xlarge[type=text]{
    min-width:400px;
    width:400px;
}

/*---------------  Page Title -------------*/

.page-title {
    background: linear-gradient(#fff,#f4f7f4);
    display: block;
    position: relative;
    padding:10px;
    color:#333;
    border-bottom:#e2e2e2 1px solid;
    font-family: 'TitilliumText22LThin', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.box-title{
    display:block;
    position:relative;
    background:#f5f5f5;
    border:1px solid #e6e5e5;
    padding:10px;	
}

/*------- Page Header ---------*/

.mainNav{
    display: flex;
    position: relative;
    justify-content: space-between;
    margin: auto;
    padding: 20px 0;
    align-items: center;
}

.mainNav .logo img{max-height:85px;}

.mainNav input, .mainNav label{display:none;}

.mainNav input:checked + label::before{content:'\00d7';}

.mainNav ul li{
    display:inline-block;
    /*margin:0 2px;*/
    position:relative;
    /*padding-bottom:41px;
    margin-top:25px;*/
    padding: 30px 0;
    /*border: 1px solid blue;*/
}


.mainNav > ul > li > a{
    display: inline-block;
    position: relative;
    padding:10px 18px;
    font-weight:normal;
    font-size:17px;
    color:#333333;
    border-radius:2px;
    text-transform:uppercase;
}

.mainNav > ul > li.active > a,
.mainNav > ul > li:hover > a{
   background:#3a79b9;color:#fff;text-shadow:#000 1px 1px; 
}


.mainNav ul li ul {
    position:absolute;
    visibility:hidden;
    opacity: 0;
    padding:0;
    top:95px;
    left:0px;
    color:#1d2123;
    background: #fff;
    border:1px solid #eeeeee;
    border-top:3px solid #3a79b9;
    z-index: 55;
}

.mainNav ul li ul li {
    height: auto;
    padding: 0;
    display:block;
    border-bottom:1px solid #eeeeee;
    line-height: 1.6em;
}
.mainNav ul li ul li:last-child{border-bottom:none}
.mainNav ul li ul li a {
    width: 210px;
    display:block;
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    color: #333;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.mainNav ul li:hover ul { 
    visibility:visible;
    opacity:1;
}
.mainNav ul ul li:hover  a{
    background:#f4f7f4;				
}

.mainNav input:checked ~ ul li ul,
.mainNav input:checked ~ ul {
    opacity: 1;
    visibility: visible;
}


/* --------------- Admin Navigation -----------*/
.adminNav{
    display:block;	
    position:relative;
    min-height:30px;
    background:-webkit-linear-gradient(#f5fafd, #e2f0fb); /* For Safari 5.1 to 6.0 */
    background:-moz-linear-gradient(#f5fafd, #e2f0fb); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#fdfdfd, #f4f7f4); /* Standard syntax blue #1A5C8E*/
    border-top:1px solid #ededed;
    line-height:9px;
}

.adminNav ul{
    display:inline-block; 
    position:relative;
    border-left:1px solid #d0d0d0;
    border-right:1px solid #fff;
}
.adminNav ul li{
    /*border:1px solid #0F6;*/
    display:inline-block;
    position:relative;
    float:left;
    border-left:1px solid #fff;
    border-right:1px solid #d0d0d0;
}
/*
//.adminNav > ul > li:first-child > a{ border-left:1px solid #d2d2d2;}
.adminNav > ul > li:last-child > a{ border-right:1px solid #f8fbfa;}
*/
.adminNav ul li a{
    display:block;
    position:relative;
    padding:20px;
    color:#333;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition:all 0.30s ease-in-out;
}

.adminNav ul li a cite{
    position: absolute;
    top:7px;
    font-size:11px;
    min-width: 20px;
    height: 15px;
    background:#c0171e;
    text-align: center;
    padding-top: 5px;
    border-radius:50%; 
    text-shadow:0px 1px 1px #000;
    color:#e1e1e1;
}



.adminNav ul li:hover,
.adminNav ul li.active,
.adminNav ul li.active > a,
.adminNav ul li.active a:hover,
.adminNav ul li a:hover{
    background:#fff;
    color:#008a00;
}

.adminNav ul > li.active > a{
    color:#008a00; /*08BAA4;*/
}

.adminNav ul li ul{
    position:absolute;
    visibility:collapse;
    height: 0;
    padding:0;
    opacity: 0;
    top:49px;
    left:-1px;
    z-index:66666;
    -webkit-transition: opacity .25s ease .1s, visibility .25s ease .1s;
    -moz-transition: opacity .25s ease .1s, visibility .25s ease .1s;
    -o-transition: opacity .25s ease .1s, visibility .25s ease .1s;
    -ms-transition: opacity .25s ease .1s, visibility .25s ease .1s;
    transition: opacity .25s ease .1s, visibility .25s ease .1s;
}

.adminNav ul ul li{
    height:0;
    display:block;
    position:relative;
    background:#015305;
    border-left:none;
    border-right:1px solid #f0f5e7;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}

.adminNav ul ul li:first-child > a{
    border-top:1px solid #d3e1e0;
}

.adminNav ul > li:hover > ul li {
    height: 45px;
    border-right:1px solid #d3e1e0;
}

.adminNav ul li:hover ul{
    visibility:visible;
    opacity:1;
}

.adminNav ul ul{
    display:block;
    z-index:99999;
}

.adminNav ul ul li.active,
.adminNav ul ul li:hover {
    background:#008a00;
    -webkit-transition: background .5s ease .1s;
    -moz-transition: background .5s ease .1s;
    -o-transition: background .5s ease .1s;
    -ms-transition: background .5s ease .1s;
    transition: background .5s ease .1s;
}

.adminNav ul ul a{
    display:block;
    width: 150px;
    font-size: 14px;
    line-height: 25px;
    font-weight:normal;
    border-top: 1px solid #f8fbfa;
    border-bottom: 1px solid #d3e1e0;
    margin-left:4px;
    background:#f4f7f4;
    padding:9px 10px;
}


.adminNav ul ul a:hover{
    background:#fff;
}

.adminNav ul ul .sub > a{background:#f4f7f4 url(../images/icons/symbol_sub_arrow.png) no-repeat; background-position:155px 16px;}
.adminNav ul ul .sub > a:hover{background:#fff url(../images/icons/symbol_sub_arrow.png) no-repeat; background-position:155px 16px;}
.adminNav ul ul li.sub ul li.sub ul,
.adminNav ul ul li.sub ul {
    top:3px; 
    left:0px; 
    position:absolute;
    visibility:collapse;
    -webkit-transition: left .25s ease .1s;
    -moz-transition: left .25s ease .1s;
    -o-transition: left .25s ease .1s;
    -ms-transition: left .25s ease .1s;
    transition: left .25s ease .1s;
    z-index:-1;
}

.adminNav ul ul li.sub li.sub:hover ul,
.adminNav ul ul li.sub:hover ul{
    left:174px;
    visibility:visible;
}

.adminNav ul ul li.sub li.sub li,
.adminNav ul ul li.sub li{
    font-size: 14px;
    height:0;
    font-weight:normal;
    background:#015305;
    padding-left:0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
    display:block;
}

.adminNav ul ul li.sub li.sub:hover li,
.adminNav ul ul li.sub:hover li {
    height: 45px;
}

.adminNav ul ul li.sub li.sub li:hover,
.adminNav ul ul li.sub li.sub li.active,
.adminNav ul ul li.sub li.active,
.adminNav ul ul li.sub li:hover {
    background:#019708;
    -webkit-transition: background .5s ease .1s;
    -moz-transition: background .5s ease .1s;
    -o-transition: background .5s ease .1s;
    -ms-transition: background .5s ease .1s;
    transition: background .5s ease .1s;
}

.adminNav a.disabled{color:#999}
.adminNav a.disabled:hover{color:#999}

.adminNav .closebtn {visibility:collapse}
.adminNav .navLink{
    display:none;
    position:relative;
    margin:0 10px;
}
.adminNav .navLink img{
    display:inline-block;
    height:28px;
    vertical-align:middle;
    margin-right:10px;	
}


/*---------------  Tab Nav -------------*/

.tabNav {
    display:block;
    position:relative;
}
.tabNav li {
    display:inline-block;
    position:relative;
    float:left;
    margin-right:20px;
    padding:10px 25px 5px;
    border-top:5px solid #e2e2e2;
}
.tabNav li:last-child{margin-right:0;}
.tabNav li:hover{cursor:pointer;}
.tabNav li.active{border-top-color:#008a00; color:#008a00;}

/*--------------- Link Nav -------------*/

.linkNav {
    display:flex;
    position:relative;
    gap:0 5px;
    justify-content: space-between;
}
.linkNav li {
    position:relative;
    padding:10px;
    border-top:1px solid #e2e2e2;
    border-left:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #fff;
}
.linkNav li:hover{cursor:pointer;}
.linkNav li.active{border-top-color:#3a79b9; color:#3a79b9; z-index: 50;}

/*---------------  input box -------------*/
.input-box{
    display:table;
    padding:40px;
    background:rgba(255,255,255,.8); /*#fff;*/
    border:1px solid rgba(58, 121,185, .2);
    margin:10px auto;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius:2px;
}

.input-box li{
    display:block;
    position:relative;
    margin:20px 0;	
}

.input-box li:first-child{margin-top:0}
.input-box li:last-child{margin-bottom:0}

.input-box input,
.input-box button,
.input-box select{margin-right:8px}

.input-box textarea.faq-answer{
	width:400px;
	height:125px;
    resize:vertical;
}

.input-box li label{
    display:inline-block;
    width:160px;
    margin-right:5px;
}

.input-box li aside{
    display:inline-block;
}
.input-box li input,
.input-box li aside{vertical-align:middle;}
.input-box li.right aside input{margin-left:8px; margin-right:0;}

.input-box .captcha figure,.input-block .captcha figure{display:inline-block; border:1px solid rgba(58,121,185,1); border-radius:2px; vertical-align:middle}
.input-box .captcha figcaption, .input-block .captcha figcaption{margin-left:10px;display:inline-block; vertical-align:middle}
.input-box .captcha figcaption a img,.input-block .captcha figcaption a img{display:inline-block; vertical-align:middle;}

/*---------------  input block -------------*/

.input-block{
    display:block;
    padding:20px;
    /*background:rgba(255,255,255,.8); /*#fff;*/
    border:1px solid rgba(1, 104, 6, .1);
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
}

.input-block li{
    display:block;
    position:relative;
    margin:20px 0;	
}

.input-block li:first-child{margin-top:0}
.input-block li:last-child{margin-bottom:0;}

.input-block input,
.input-block select{margin-right:5px; vertical-align:middle;}

.input-block li label{
    display:inline-block;
    width:160px;
    margin-right:5px;
}

.input-block li aside{
    display:inline-block;
    vertical-align:middle;
}

.input-block li span{
    display:inline-block;
    vertical-align:middle;
    margin-right: 10px;
}

/*---------------  Boxes -------------*/
.left-box{
    display:inline-block;
    position:relative;
    max-width:760px;
}

.box-left{
    /*border:1px solid red;*/
    display:inline-block;
    position:relative;
} 

.box-right{
    /*border:1px solid red;*/
    display:inline-block;
    position:relative;
    float:right;
    margin-left:40px;
} 

.right-box{
    display:inline-block;
    position:relative;
    max-width:760px;
    width:100%;
    float:right;
}

/* --------------- Listing Section -----------*/
.grid-wraper {
    display:block; 
    position:relative;
    margin:0;
}

.grid-wraper.nomargin{margin:0}


.grid-options-wraper{
    display:block;
    position:relative;
    margin:0 auto 20px;
    border:1px solid rgba(1, 104, 6, .1);
}

.grid-options-wraper.noborder{border:none}

.notopmargin{margin-top:0;}

.grid-options-wraper > li{display:block; position:relative; border-top:1px solid rgba(1, 104, 6, .1);}
.grid-options-wraper > li:first-child{border-top:none}

.grid-options{
    display:table;width:100%;
    background:rgba(255,255,255,.5);
}
.grid-options li{
    display:table-cell;
    vertical-align:middle;
    padding:0; 
}
.grid-options li > div{display:inline-block;}	

.grid-options li label,
.grid-options li select,
.grid-options li input,
.grid-options li button{margin:5px; vertical-align:middle}

.grid-options li img{display:inline-block; vertical-align:middle; margin-top:10px;margin-left:5px;}

.grid-options li.pagination,.grid-options li.pagenumber{padding:5px; line-height: 1.6em;}

/* --------------- Data Grid -----------*/

.data-grid{padding: 1px 2px;border-radius:2px;	border:1px solid rgba(1, 104, 6, .1);}
.data-grid div{position:relative}
.data-list{display:table;table-layout: fixed; width:100%;border-top:1px solid #FBFBFB;border-bottom:1px solid #FBFBFB;line-height: 1.6em;}
.data-list > li.checkbox{width:10px;padding:15px 5px;}
.data-list > li.action{width:120px;padding:10px;}
.data-list > li.action img{display:inline-block; vertical-align:middle; margin-right:5px;}
.data-list > li.ten{width:10px;}
.data-list > li.twenty{width:20px;}
.data-list > li.fifty{width:50px;}
.data-list > li.one{width:100px;}
.data-list > li.onehalf{width:150px;}
.data-list > li.two{width:200px;}
.data-list > li.three{width:300px;}
.data-list > li.four{width:400px;}

.data-grid input.small:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){
    padding:5px;
}

.data-list > li{
    display:table-cell;
    vertical-align:top;
    padding:10px;
    margin-bottom:2px;
}
.data-list > li a{display:inline-block;}
.oddRow {background-color: rgba(241,241,241,.9); /*#f1f1f1;*/}
.evenRow {background-color: rgba(234,239,247,.9); /*#eaeff7;*/}
.oddRow:hover,
.evenRow:hover{background-color:rgba(235,246,224,.9); /*#EBF6E0;*/}

.data-list > li  ul li{display:block;padding:3px 0;}
.data-list > li  ul li strong{margin-right:5px;}

.data-list a.detail{
    background:url(../images/detail-show.png) no-repeat;
    padding:1px 10px;	
}
.data-list a.detail.hide{
    background:url(../images/detail-hide.png) no-repeat;
    padding:1px 10px;	
}

.data-list li.action a{color:#0254a7; margin:auto 5px}

.grid-bottom{margin:10px auto 0; height:auto;}

.animation_image{display:none;}
.animation_image img{margin:0 auto;}


/*---------------  Item Detail -------------*/

.item-detail {display:none; position:relative;}
.line-item {display:table; table-layout:fixed; width:100%; border-top:1px solid #e2e2e2;}
.line-item.notopborder{border-top:none;}
.line-item li{display:table-cell; padding:10px;}
.line-item li.thirty{width:30px}
.line-item li.fifteen{width:15px}
.line-item li.half{width:50px}
.line-item li.one{width:100px}
.line-item li.onehalf{width:150px}
.line-item li.five{width:500px;}
.line-item.bg-white{background:rgba(255,255,255,.8);}

.order-detail{display:none;}

.line-item li div.three{width:400px;}

.select-all {
    display:block;
    position:relative;
    margin:0 5px;
}

.select-all img{display:inline-block; vertical-align:top; margin-top:5px}
.select-all figcaption{display:inline-block; vertical-align:top}

/*------- Home Page ---------*/


/*---------------  Home Book Box -------------*/

.home-book{
    /*border:1px solid red;*/
    position:relative;
    display:flex;
    flex-flow:row wrap; /*This is a shorthand for the flex-direction and flex-wrap */
    align-items:center;
    justify-content:space-between;
    align-content:stretch;
    padding-top:40px;
    min-height:362px;
}

.home-book div{
    /*border:1px solid yellow;*/
    flex:0 1 auto;
}

.home-book-input{
    /*border:1px solid #063;*/
    display:block;
    position:relative;
    max-width:450px;

}

.home-book-input > li{
    display:block;
    position:relative;
    padding:5px 0;
}

.home-book-input label{
    /*border:1px solid red;*/
    display:inline-block;
    width:130px;
    font-size:16px;
    color:#004387;
}

.home-book-input input[type=text]{
    /*border:1px solid red;*/
    width:320px;
}	
.home-book-input select{
    /*border:1px solid red;*/
    width:320px;
}
.home-book-input button{margin-right:10px;}	

.feature-box-home{
    /*border:1px solid red;*/
    display:flex;
    flex-flow:row wrap; /*This is a shorthand for the flex-direction and flex-wrap */
    align-items:flex-start;
    justify-content:space-between;
    align-content:flex-start;

}

.feature-box-home div{
    /*border:1px solid blue;*/
    flex:0 1 auto;
    max-width:270px;
    border-radius:2px;
}

.feature-box-home div h2{
    text-transform:uppercase;
    text-align:center;
}
.feature-box-home div img{margin:20px auto;width: 229px; height:172px}
.feature-box-home div h2 img{margin:auto;height:25px; width:167px }

/*------- Search Page ---------*/


.search-result-wraper{
    display: flex;
    flex-flow: column nowrap;
    gap:30px 0;
    
    /*border: 1px solid red;*/
}

.search-result-item{
    display: flex;
    flex-flow: row wrap;
    gap:10px;
    border-bottom: 1px solid #e1e1e1;
    /*border:1px solid cyan*/
}

.search-result-item figure img{
    width: 210px;
    padding: 2px;
    border:1px solid #e1e1e1;
}


.search-item-profile{
    flex:1 1 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.search-item-profile span{
    display:block;
    line-height: 1.6em;
}

.search-item-profile .profile-unclaimed{color:#ef6b22;}
.search-item-profile .profile-basic{color:#007C06;}
.search-item-profile .profile-advance{color:#0254a7;}
.search-item-profile .profile-premium{color:#ad0f14;}

.search-item-profile-detail{
    flex:2 1 0;
    display: flex; 
    flex-flow: column nowrap; 
    justify-content: space-between;
    gap:10px 0;
}

.search-item-profile-detail .link-wraper{
    display: flex;
    flex-flow: column; 
    justify-content: flex-end; 
    align-items: flex-end;
    gap:10px 0;
}

.search-item-profile-detail .link-im{
    width:155px;
    padding: 5px 0;
    border:1px solid #e1e1e1;
    text-align: center;
    border-radius: 2px;
    /*margin-bottom: 10px;*/

}

.search-item-profile-detail .link-book{
    width:155px;
    padding: 12px 0;
    text-align: center;
    background: #0254a7;
    color: #fff;
    border-radius: 2px;
}

.search-item-profile-detail .link-book.disabled{color:#999;background:#eee;}

/*---------------  Messages -------------*/
.message-container{
    height:520px;
    gap:30px
}    

.contact-list{
    flex: 0 1 auto;
    width: 280px;
    overflow:auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.contact-list li{
    padding: 5px;
    display: flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    gap:5px;
    border-bottom: 1px solid #e9e9e9;
    
}
.contact-list li:last-child{border-bottom:none;}

.contact-list li:hover{cursor: pointer;}
.contact-list li.active{background:#e6eef8;}
.contact-list-image,
.message-content-image{
    flex:0 0 auto; 
    /*border:1px solid green;*/
}

.contact-list-image img{width:60px}

.contact-list-contact,
.message-content-im{
    flex:0 1 auto;
    width: 100%;
    line-height: 1.4em;
    align-self: flex-end;
    /*border: 1px solid cyan;8*/
}
.message-content-im{align-self:flex-start;}

.contact-list-contact i{margin-right:5px;}
.contact-list-contact div:not(:last-child),
.message-content-im div:not(:last-child){color:#0254a7}

.contact-list-action{
    flex:0 0 auto;
    align-self: flex-start;
    text-align: center;
    /*border:1px solid green;*/
}

.contact-list-action a{color:#8a8a8a;}
.contact-list-action div{
    font-size:10px;
    margin-top: 10px;
    background: #17b451;
    border-radius: 50%;
    color:#fff;
    padding: 0 3px;
    min-width: 10px;
}

.message-box{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.message-box .header.show{flex:0 0 auto;background: #f2f2f2;padding:10px 0; text-align: center}

.message-content{
    flex: 0 1 auto;
    width: 596px;
    overflow:auto;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.message-content li{
    padding: 5px;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    gap:5px;
}
.message-content-image img{width:40px;}
.message-content-im strong{margin-right:5px;}

.message-box footer{background: #f2f2f2;padding:5px; text-align: right}
.message-box footer textarea{width:574px; resize: none; margin-bottom: 5px;}
.message-box footer input{margin:0 10px;}

/*---------------  FAQ/Testimonial -------------*/
	
	.testimonial {
		/*border: 1px solid #e2e2e2;*/
		display:block;
		position:relative;
		margin-top:10px;
	}
	
	.testimonial li {padding:10px 0;border-top: 1px solid #cedde9; padding-bottom:10px;}
	.testimonial li figure{
		border:1px solid #eeeeee;
		display:inline-block;
		position:relative;
		padding: 3px;
		border-radius:2px;
		margin-right:20px;
		vertical-align:top;
	}

	.testimonial li figure img{width:180px}

	.testimonial li figcaption{display:inline-block; position:relative; max-width:500px;line-height:22px;}
	.testimonial li figcaption h4{color:#0078AD;}
	.testimonial li figcaption date{color:#999}
	.testimonial li figcaption p:before{
		content:'';
		/*border:1px solid #999;*/
		/*padding:4px 12px;*/
		margin-top: 8px;
		/*background-image: url(../images/openquote1.gif);*/
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: 23px;
	}
	.testimonial li figcaption p:after{
		content:'';
		/*border:1px solid #999;*/
		/*padding:4px 12px;*/
		margin-top: 8px;
		/*background-image: url(../images/closequote1.gif);*/
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: 23px;
	}
	
	.testimonial li h3{color:#0078AD}
	.testimonial li > p{line-height:1.6em}

/*------- Contact us Page ---------*/
.contact-left{
    /*border:1px solid red;*/
    flex: 1 1 auto;
    position:relative;
}

.contact-left li{padding: 7px 0;}
.contact-left label{display:block; margin-bottom:5px;}
.contact-left input{display:block; width:350px;}
.contact-left textarea{display:block; width:490px; resize:vertical; height:160px;}
.contact-left aside{display:block;}

.contact-left .captcha input{display:inline-block;width:auto; min-width:auto;}
.contact-left .captcha figure{display:inline-block; vertical-align:middle; margin:0 10px;border:1px solid rgba(58,121,185,1); border-radius:2px; }
.contact-left .captcha figcaption{display:inline-block;vertical-align:middle}

.contact-right{
    /*border:1px solid olive;*/
    flex:0 1 auto;
    position:relative;
}
/* --------------- Doctor Profile Setup -----------*/
.profile-setup.input-box{margin:0}

.profile-setup.input-box article{display:inline-block;vertical-align:top; margin-left:50px;}
.profile-setup.input-box article:first-child{margin-left:0}
.profile-setup.input-box textarea{width:670px; height:100px;max-width: 670px;}
.profile-setup.input-box select{min-width:212px;}

/*------- Public Profile ---------*/
.flex-one.profile{column-gap:30px;}
.profile .flex-left{flex:0 1 0;row-gap:20px;}
.profile .flex-left li figure {border-radius: 2px; border: 1px solid #ccc;padding:2px}
.profile .flex-left li figure img{width: 275px;border-radius: 2px;}
.profile .flex-left li label{font-weight: bold; margin-right:10px;}
.profile .flex-right{flex:1 1 auto;}
.profile .flex-right article{
    display: block; 
    position: relative; 
    border-top: 1px solid #e2e2e2;
    margin-top: -1px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.book .profile .flex-left li:nth-child(2){order:0;}

/*--------------- User Roster Add -------------*/
.steps ul{display:table; width:100%; table-layout:fixed;}
.steps li{
    display:table-cell;
    /*border:1px solid yellow;*/
    text-align:center;
    padding:3px 10px;
    color:#e2e2e2;	
}
.steps li a{
    display:block;
    padding:5px 0;
    color:#e2e2e2;	
    border-bottom:4px solid #f2f2f2;
    min-height:42px;
    cursor:default;
    line-height:1.75em;
}
.steps li.active{color:#576f6c;}
.steps li.active a{border-bottom:4px solid #08BAA4;color:#576f6c;}

.steps li.current{color:#0078d7;}
.steps li.current a{border-bottom:4px solid #0078d7;color:#0078d7;}

.calendar-time{
    /*border:1px solid blue;*/
    display:inline-block;
    position:relative;
}

.calendar-time > ul {
    display:table; width:100%; table-layout:fixed; position:relative; 
}

.calendar-time > ul > li{
    display:table-cell;
    text-align:center;
   /* border: 1px solid green;*/
}
.calendar-time > ul > li > ul{
    margin-right:10px;
}

.calendar-time > ul > li:last-child > ul{
    margin-right: 0px;
}

.calendar-time > ul > li > ul > li{
    margin-bottom: 10px;
}

.calendar-time > ul > li > ul > li:last-child{
    margin-bottom:0;
}
.calendar-time > ul > li a{display:block;padding:10px; margin:0px 0px; border:1px solid #f2f2f2; box-shadow:0 0 1px #999}

.user-info.input-block aside{margin-left:30px;}
.user-info.input-block textarea{width:526px; resize:vertical;}

.book-thanks img{display:inline-block; vertical-align:middle; height:40px; margin-right:10px;}
.book-thanks h2{display:inline-block; vertical-align:middle;}

/*--------------- Calendar/Roster-------------*/
.rosterdate {position:relative}
.rosterdate li {position:relative;display:table-cell}
.rosterdate li ul{
    visibility:collapse;
    position:absolute;
    opacity:0;
    top:45px;
    left:-85px; 
    z-index:11;
    text-align:left;
    font-size:13px;
    transition:all .3s ease-in-out;
    box-shadow: 0 0 5px #bbb;
    border-radius:2px;
}
.rosterdate li ul li {text-shadow:none}
.rosterdate li ul li a{color:#576f6c; display:block; padding:3px 10px;}
.rosterdate li:hover ul{
    visibility:visible;
    opacity:1;
    background:white;
}

.roster li{padding:0; padding-top: 2px; padding-right: 2px;}
.roster li:last-child{padding-right:0;}

.time-slots{display:block; position:relative}

.time-slots li {display:block; position:relative;}

.daylong li,
.time-slots	li {color:#576f6c; display:block; border-top:1px solid #f2f2f2; padding: 5px 0;line-height:1.6em; min-height:28px; font-size:13px;}
.time-slots	> li > label{color:#444; display:block;padding:0 5px; cursor:default; text-align:left;}
.time-slots li.firstcell{border-top:1px solid #f2f2f2}
.time-slots li:visited{background:green;}
.time-slots li ul{
    visibility:collapse;
    position:absolute;
    opacity:0;
    top:15px;
    left:-110px; 
    z-index:11;
    text-align:left;
    font-size:13px;
    transition:all .3s ease-in-out;
    box-shadow: 0 0 5px #bbb;
    border-radius:2px;
}

.time-slots li ul li{display:block;position:relative;min-width:120px; border-bottom:1px solid #f2f2f2;text-shadow:none;}
.time-slots li ul li a{display:block;position:relative;padding:3px 10px;color:#444;}

.time-slots .ui-selecting {background: #8ce8dd; }
.time-slots .ui-selected { background: #049f8c; color: white; }

.time-slots .request:hover ul,
.time-slots .appointment:hover ul,
.time-slots .noshow:hover ul,
.time-slots .completed:hover ul,
.time-slots .reserved:hover ul,
.time-slots .ui-selected:hover ul{
    visibility:visible;
    opacity:1;
    background:white;
}


.request,
.request:hover{background:#f19a17; color:#f2f2f2;}

.appointment,
.appointment:hover,
.noshow,
.noshow:hover{background:#96DB92; color:#f2f2f2;}

.completed,
.completed:hover{background:#82dafe; color:#f2f2f2;}

.reserved,
.reserved:hover {background:#EF8FEF; color:#f2f2f2;}

.noshow,
.noshow:hover{background:#c0b2b2; color:#f2f2f2;}

.holiday,
.holiday:hover{background:#46A8EA; color:#f2f2f2;}

.dayhead.holiday{text-shadow: 0 1px 1px #000;}
.daycode .request,
.daycode .appointment,
.daycode .reserved,
.daycode .completed,
.daycode .noshow,
.daycode .holiday{font-weight:600; text-align:center; font-size:14px;text-shadow: 0 1px 1px #000;}

.disabled{background:#eee; color:#999}


/*------- Page Footer ---------*/
.sitemap {
    /*border:1px solid cyan;*/
    display:flex;
    flex-flow: row wrap; /*This is a shorthand for the flex-direction and flex-wrap */
    align-items:flex-start;
    justify-content:space-between;
    align-content:flex-start;
    padding:20px 0;
    font-size:14px;
}

.sitemap div{
    /*border:1px solid yellow;*/
    flex: 0 1 auto;
}
.sitemap div.about{max-width:280px;}

.sitemap div a{text-decoration:underline;flex:0 1 auto;line-height:26px; color:#cfcfcf;}
.sitemap div a:hover{text-decoration:none;}

.copyright{
    /*border:1px solid lightgreen;*/
    display:flex;
    flex-flow: row wrap; /*This is a shorthand for the flex-direction and flex-wrap */
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
    color:#9f9f9f;
}

.copyright > p{flex:0 1 auto}
.copyright .footer-links{
    display:flex;
    align-items:flex-end;
}
.copyright .footer-links a{margin-left:10px}



/*------- Common ---------*/

.bg-black{background:#131313;}
.bg-blue{background:#2569ad;}
.bg-home-book{background:#9dbddd}

.right {text-align:right;}
.center {text-align:center;}
.vtop{vertical-align:top;}

.margin{margin:30px}
.margin-top{margin-top:30px}
.margin-btm{margin-bottom:30px}
.margin-top-40{margin-top:40px}
.margin-btm-40{margin-bottom:40px}
.margin-top-btm{margin-top:30px;margin-bottom:30px;}
.margin-top60-btm{margin-top:60px;margin-bottom:30px;}
.margin-top-10{margin-top:10px}
.margin-top-5{margin-top:5px}
.margin-btm-10{margin-bottom:10px}
.margin-top-20{margin-top:20px}
.margin-top-btm-10{margin-top:10px;margin-bottom:10px;}
.margin-right{margin-right:30px;}

.no-border{border:none;}
.border{border:1px solid #e2e2e2;}

.disable{color:#aaa;}

.clearFix{clear:both}
/*------- Buttons and Links ---------*/

.btn{background:#0254a7;color:#fff;cursor:pointer;padding:7px 15px; margin:5px 0; border: 1px solid #c8c7c7; border-radius:2px; outline:none; text-transform:uppercase;}
.btn-blue {background:#266cb3; color:#fff; padding:5px 15px; border:1px solid #fff; margin:0 10px 0 0; font-size:14px;text-shadow:#000 1px 1px;cursor:pointer; text-transform:uppercase}
.btn-grey{
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background:#e2e2e2;	
    /*background:url(../images/btn_bg.jpg) repeat-x;*/
    font:14px Tahoma, Geneva, sans-serif;
    border:1px solid #ccc;
    text-shadow:0px 0px 1px #fff;
    padding:10px;
    transition:all .3s ease-in-out;
}
.btn:disabled{
    background:#a8aaad;
    border:1px solid #7a7b7c;
    color:#f6f6f6;

}
.btn:disabled:hover{
    background:#a8aaad;
    border:1px solid #7a7b7c;
}

a.block{
    font:14px Tahoma, Geneva, sans-serif;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    display: block;
    background:#266cb3; color:#fff;	
    /*border:1px solid #ccc;*/
    text-align: center;
    padding: 10px 0;
}

/*----------- Jquery UI --------*/
.ui-autocomplete {
max-height: 400px;
max-width:650px;
overflow-y: auto;   /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
z-index:1000 !important;
}

.hide-calendar .ui-datepicker-calendar {display: none;}