/* ==========================================================================
   Weyi Golbal styles
   ========================================================================== */
:root{
    --header-color: #C2233B;
    --header-font-color: #EFEFF4;
    --header-border-color: #B71737;
    --btn-primary-color: #F69731;
    --btn-primary-border: #F09124;
    --btn-font-color: #FFF;
    --btn-border-color: #F19124;
    --btn-default-bg:#FF3300;
    --btn-default-color:#000;
    --btn-info-bg:#F69731;
    --btn-info-color:#FFF;
    --btn-info-h-bg: #F19124;
    --btn-info-border: #F19124;
    --action-btn-bg:#F69731;
    --action-btn-color:#FFF;
    --action-btn-bgimage:linear-gradient(to bottom,#C2233B 22%,#F69731 100%);
    --startbutton-bg:rgba(0, 150, 0, 0.5);
    --startbutton-color:rgba(255, 255, 255, 1.0);
    --startbutton-border:rgba(255, 255, 255, 0.7);
    --login-btn-bg:#00CCFF;
    --login-btn-color:#FFF;
    --login-btn-h-bg:#00AADD;
    --login-btn-h-color:#000;
    --textscount-bg:#D00B0B;
    --textscount-color:#FFF;
    --arrow_box-bg:#EEE;
    --arrow_box-rborder:#616161;
    --arrow_box-border:rgba(238, 238, 238, 0);
    --requestbox-bborder:#AFAFB4;
    --ratepage-color:#fde16d;
    --textbox-border:#84C4DE;
    --textbox-provider-bg:#FFF;
    --textbox-bborder:#000;
    --textbox-image:#3C3C3C;
    --chatbox-btnbox-bborder:#000;
    --chatbox-btnbox-color:#0000FF;
    --chatbox-txtarea-border:#CECECE;
    --chatbox-border:#666;
    --chatbox-bg:#FFF;
    --hr:#888;
    --callTime-bg:#F69731;
    --callTime-color:#3C3C3C;
    --callTime-border:#F69731;
    --divMain-bg:#FFF;
    --input-bg:#FFF;
    --input-border:#000;
    --errheader-bg:#D50F25;
    --errheader-color:#FFF;
    --noteheader-bg:#C2233B;
    --noteheader-color:#FFF;
    --warnheader-bg:#FFD133;
    --warnheader-color:#FFF;
    --divError-bg:#E9A9E0;
    --divError-color:#000;
    --divOpenTask-bg:#E9A9E0;
    --divOpenTask-color:#000;
    --border-color:#000;
    --minus-sign:#f7dc02;
    --glyphicon:#0957A5;
    --glyphicon-header:#EFEFF4;
    --outer-color:#000;
}
#logoDedicated{
    background-image: url("dedicated.png");
    /*background-repeat:no-repeat;
    background-position-x:center;
    background-size:100px;
    width:100%;
    height:110px;
    margin:0px;
    padding:0px;*/
}
.logoHome{
    background-image: url("home.png");
    /*background-repeat:no-repeat;
    background-position-x:center;
    background-size:300px;
    width:100%;
    height:300px;
    margin-top:50px;
    margin-bottom:40px;
    padding:0px;*/
}
.logoGray{
    background-image: url("watermark_grey.png");
    /*background-repeat:no-repeat;
    background-position-x:center;
    background-size:300px;
    width:100%;
    height:300px;
    margin-top:50px;
    margin-bottom:40px;
    padding:0px;*/
}
.cube{
    background-image: url("cube.gif");
    /*background-repeat:no-repeat;
    background-position-x:center;
    background-size:150px;
    width:100%;
    height:150px;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;*/
}
a {
    color: #83caf7;
}
select#selectSystemLanguage{
    background-color:var(--header-font-color);
}
#callframe{
    background-color: var(--header-font-color);
}
#header {
    /*background-image:linear-gradient(to bottom,var(--header-color) 22%,#F69731 100%);*/
    color: var(--header-font-color);
    background-color: var(--header-color);
    border-color: var(--header-border-color);
}
#header .glyphicon/*, #header a*/{
    color:var(--header-font-color) !important;
}
.errheader{
    background-color:var(--errheader-bg);
    color:var(--errheader-color);
}
.noteheader{
    background-color:var(--noteheader-bg);
    color:var(--noteheader-color);
}
.warnheader {
    background-color:var(--warnheader-bg);
    color:var(--warnheader-color);
}
#divError {
    background-color:var(--divError-bg);
    color:var(--divError-color);
}
#divOpenTask {
    background-color:var(--divOpenTask-bg);
    color:var(--divOpenTask-color);
}
#divMain{
    background-color:var(--divMain-bg);
}
.listheader {
    background-color:var(--header-color);
    color:var(--header-font-color);
}
.listitem {
    /*  border: 1px solid #ccc;  */
    border-color:var(--chatbox-txtarea-border);
    background-color:var(--header-font-color);
}
.col-region-2 {
    color:var(--hr);
}
.btn-info{
    background-color:var(--btn-info-bg);
    border-color:var(--btn-info-border);
}
.btn-info:hover{
    background-color:var(--btn-info-h-bg);
    border-color:var(--btn-info-border);
}
.action-btn a {
    color:var(--action-btn-color);
    background-image:var(--action-btn-bgimage);
    background-color:var(--action-btn-bg);
}
/*
    Video Styles
*/
#video,#photo {
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 3px var(--border-color);
}
#startbutton {
  background-color: var(--startbutton-bg);
  border: 1px solid var(--startbutton-border);
  box-shadow: 0px 0px 1px 2px var(--border-color);
  color: var(--startbutton-color);
}
.panel.panel-info, .outer{
    color:var(--outer-color);
    background-color:var(--header-font-color);
    border-color:var(--hr);
}
.panel {
    box-shadow:0 1px 2px var(--border-color);
}
.panel-info>.panel-heading{
    color: var(--header-font-color);
    background-color: var(--header-color);
    border-color: var(--requestbox-bborder);
}
.panel-footer{
    background-color:var(--header-font-color);
    border-top: 2px solid var(--requestbox-bborder);
}
.modal-header .glyphicon-remove{
    color:var(--hr);
}
/* ==========================================================================
   Weyi Menu styles
   ========================================================================== */
/*#navbar ul li a {
    color: #666666;
}
#navbar ul li a:hover {
    color: #00ccff;
}*/
/* Input*/
input[type="text"], input[type="email"], input[type="password"], input[type="select"], input[type="tel"], select, text, email, password {
    border-bottom:2px solid var(--input-border);
    background:var(--input-bg);
}
.redBtn{
    background-color:rgb(175, 0, 0);
    border-color:rgb(155, 0, 0);
}
.redBtn:hover{
    background-color:rgb(155, 0, 0);
    border-color:rgb(125, 0, 0);
}
.blueBtn{
    background-color: #286090;
    border-color: #204d74;
    color:#FFF;
}
.blueBtn:hover{
    background-color: #205284;
    border-color: #204d74;
    color:#FFF;
}
a.login {
    color:var(--login-btn-color);
    background:var(--login-btn-bg);
}
a.login:hover,
a.login:focus,
a.login:active {
    background:var(--login-btn-h-bg);
    color:var(--login-btn-h-color);
}
/*a.login {
    -o-transition:color .15s ease-out, background .15s ease-in;
    -ms-transition:color .15s ease-out, background .15s ease-in;
    -moz-transition:color .15s ease-out, background .15s ease-in;
    -webkit-transition:color .15s ease-out, background .15s ease-in;
    transition:color .15s ease-out, background .15s ease-in;
} */
.btn-primary,
.btn-primary .badge,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
    background-color: var(--btn-primary-color);
    border-color:var(--btn-primary-border);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary 
{
    background-color: var(--btn-primary-border);
    border-color:var(--btn-primary-border);
}
.btn-primary.toggle-on {
    background-color: var(--btn-primary-color);
    border-color:var(--btn-primary-border);
    /*color: #000;*/
}
.btn-default.toggle-off {
    background-color: var(--btn-default-bg);
    color: var(--btn-default-bg);
}
.glyphicon {
    color: var(--glyphicon);
}
.glyphicon-minus-sign {
    color: var(--minus-sign);
}
.glyphicon-chevron-right {
    color: var(--hr);
}
#hprev .glyphicon, #hnext .glyphicon {
    color: var(--glyphicon-header);
}
#schedule {
    background-color:var(--chatbox-txtarea-border);
}
#callTime, #otherPartyOff {
    background-color: var(--callTime-bg);
    color:var(--callTime-color);
    border-color: var(--callTime-border);
}
hr {
    border-color: var(--hr);
}
#chatbox {
    background-color:var(--chatbox-bg);
    border-top:1px solid var(--chatbox-border);
    border-bottom:1px solid var(--chatbox-border);
}
#chatbox textarea {
    border:1px solid var(chatbox-txtarea-border);
}
#divInService_BlockArea .textbox {
    color:#000;
    background:var(--header-font-color);
}}
#divInService_BlockArea .textbox .time {
    border-bottom:1px solid var(--textbox-bborder);
    background-color:var(--textbox-border);
}
/*#divInService_BlockArea .textbox .client,*/ #divInService_BlockArea .textbox .provider {
    border-left:1px solid var(--textbox-border);
    border-right:1px solid var(--textbox-border);
}
#divInService_BlockArea .textbox .client {
    border-bottom:1px solid var(--textbox-bborder);
    background-color:var(--textbox-border);
}
#divInService_BlockArea .textbox .provider {
    background-color:var(--textbox-provider-bg);
    border-bottom:1px solid var(--textbox-border);
}
#divInService_BlockArea .textbox .client img, #divInService_BlockArea .textbox .provider img {
    border: 1px solid var(--textbox-image);
}
/*#divInService_BlockArea .textbox.current .provider, #divInService_BlockArea .textbox.current .client, #divInService_BlockArea .textbox.current .time{
    background-color:#AFDF8C;
}*/
.clientpic, .providerpic {
    border: 1px solid var(--textbox-image);
}
.arrow_box {
	background: var(--arrow_box-bg);
}
.arrow_box:after {
	border-color: var(--arrow_box-border);
	border-right-color: var(--arrow_box-rborder);
}
/*#chatbox input {
    border:2px solid #C3C3C3;
}*/
#chatbox .btnbox {
    border-bottom:1px solid var(--chatbox-btnbox-bborder);
    color:var(--chatbox-btnbox-color);
}
.requestbox {
    border-bottom:1px solid var(--requestbox-bborder);
}
.textscount {
    background: none repeat scroll 0 0 var(--textscount-bg);
    color: var(--textscount-color);
}
#divRatePage input, #divRatePage .glyphicon {
    color: var(--ratepage-color);
}
[data-style=primary] + .tooltip > .tooltip-inner { background-color: var(--btn-primary-color) }
[data-style=primary] + .tooltip > .tooltip-arrow { border-bottom-color: var(--btn-primary-color) }
#divInExceptionCall_Main div:first {
    border: var(--btn-primary-border);
}
.btnFullScreen .glyphicon{
    color:#fff;
    cursor:pointer;
}
#divFScr.glyphicon {
    color: var(--header-border-color);
    
}
#divInExceptionCall_Main .inactive {
    color: var(--callTime-color);
}
.circleicon{
    color:orange;
}
.circleicon .glyphicon{
    color:orange;
}