/*==================Page Init=========================*/



body{



	background: #FFFFFF;



	font-family: 'Open Sans', sans-serif, 'Microsoft YaHei', 'STHeiti Light';



}







html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input{



	font-family: 'Open Sans', sans-serif, 'Microsoft YaHei', 'STHeiti Light';



}



.li-img

{

	height: 100px;

	opacity: 0.7;

}

a:hover .li-img

{

	opacity:1;

}



.nav > li

{

	vertical-align: top;

}



.nav > li > a > .fa

{

	vertical-align: middle;

}





.navbar-inverse {



  background-color: rgba(0, 0, 0, 0.74);



}



.navbar-inverse .navbar-brand,.navbar-inverse .navbar-text{



  color: #FFFFFF;



}





.canvasjs-chart-credit

{

	display:none;

}



.open>.dropdown-menu {

    max-height: 330px;

    overflow: auto;

}



.main-container{



	margin-top: 60px;

	margin-bottom: 30px;

}







strong.timelist {



  width: 90px;



  float: left;



}







.working-info {



  font-size: 11px;



}







.msg-work-type{



	float: right;



}







.media-heading{



	margin-bottom: 0;



}



.col-nopad:first-of-type

{

	padding-left: 15px;

}

.col-nopad:last-of-type

{

	padding-right: 15px;

}

.col-nopad

{

	padding-left: 0px;

	padding-right: 0px;

}





/*



	Chart CSS



*/



.usageBar {



	display: block;



	width: 100%;



	height: 26px;



	position: relative;



	background-color: rgb(200, 200, 200);



	border-radius: 5px;



	text-align: center;



	overflow: hidden;



	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.25);



}



.usageBar .usageAmount {



	display: block;



	position: absolute;



	top: 0px;



	left: 0px;



	height: 26px;



	background-image: url(../img/usage.png), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(128,128,128,0) 50%,rgba(0,0,0,0.1) 100%);



	box-shadow: inset 2px 2px 3px rgba(255,255,255,0.4), inset -1px -1px 1px rgba(0,0,0,0.15), inset 1px 1px 0.5px -0.5px rgba(0,0,0,0.25);



	border-radius: 5px;



}
.clientPhotos
{
	display: none;
}


.usageBar .usageText {



	color: white;



	position: relative;



	line-height: 26px;



	vertical-align: middle;



}







/*Fix avatars*/



.avatar



{



	width: 100%;



}







span.figure {



    color: rgb(0, 148, 255);



    font-size: 2em;



    font-weight: bold;



}







/*google Analytic*/







#view-selector-container table {



  float: left;



  width: 33.333333333333333332% !important;



  table-layout: auto !important;



}







.dcs-a-dcs-nc-dcs-oc.dcs-a-dcs-fc-dcs-fb-dcs-cb {



    width: 100%;



}







#view-selector-container tr td {



    float: left;



    clear: both;



    margin-bottom: 6px;



    width: 96% !important;



}







div#embed-api-auth-container div+div {



    display: none !important;



}











span.bbtn-text {



  line-height: 35px;



}







.bbtn{



	margin-top: 3px;



	width: 100%;



}











a:hover{



	text-decoration: none;



}











table.sortable th, table.table-sortable th{



    cursor: pointer;



}











/*



	Status Icons



*/



td.centerText{



	text-align: center;



}



i.statusIcon{



	display: inline-block;



	width: 15px;



	height: 15px;



	vertical-align: middle;



	border-radius: 20px;



	border: 1px solid rgba(0,0,0,0.2);



}



i.statusIcon.InProgress{



	background-color: #99e573;



}



i.statusIcon.Completed{



	background-color: #e5e5e5;



}



i.statusIcon.OnHold{



	background-color: #e5d273;



}



i.statusIcon.Cancelled{



	background-color: #e57373;



}





/**************************EDITOR MODULE STYLES****************************/

button, .browseLibrary {

    z-index: 99999999;

    position: relative;

}

.editorContainer

{

	margin: 25px 0;

	max-height: 1500px;

    overflow: hidden;

}

#faqButton.active, #newsButton.active

{

	background: #ccc;

}

.newsContainer

{

	padding: 25px 0;

	float: left;

    width: 100%;

	display: none;

	min-height: 915px;

	margin: 0 !important;

}

.faqContainer

{

	padding: 25px 0;

	float: left;

    width: 100%;

	display: none;

	min-height: 855px;

	margin: 0 !important;

}

.faqContainer form.editFAQ, .newsContainer form.editNews

{

	display: none;

}

.faqContainer form .control-label, .newsContainer form .control-label

{

	text-align: left;

}

.editorContainer textarea:not(.cke_source)

{

	display: none !important;

    width: 100%;

    height: 100px;

}

.faqContainer .editFAQ .col-lg-12, .faqContainer .addFAQ .col-lg-12, .newsContainer .editNews .col-lg-12, .newsContainer .addNews .col-lg-12

{

	padding: 25px 0;

}

.faqContainer form button, .newsContainer form button

{

	float: right;

}

.ajaxResponse {

    display: none;

    background-color: #5cb85c;

    padding: 5px 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 5px;

    margin-bottom: 10px;

    color: #fff;

}

.ajaxResponse.errorMessage

{

	background-color: red;

}

.cke_toolbar_break {display: none !important;}

.editorContainer .toggleContainer, .manage-reviews .toggleContainer {margin-bottom: 15px;}

.editorContainer .toggle-button, .manage-reviews .toggle-button { vertical-align: bottom; background-color: red; margin: 5px 0; border-radius: 20px; box-shadow: 0 0 4px rgba(0,0,0,0.1);height: 24px; cursor: pointer; width: 75px; position: relative; display: inline-block; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }

.editorContainer .toggle-button div, .manage-reviews .toggle-button div { cursor: pointer; outline: 0; display:block; position: absolute; left: 0; top: 0; border-radius: 100%; width: 30px; height: 30px; background-color: white; float: left; margin: -3px 0 0 -3px; box-shadow: 0 0 4px rgba(0,0,0,0.1); transition: left 0.3s; }

.editorContainer .toggle-button:before, .manage-reviews .toggle-button:before {content: "OFF"; font-size: 10px; font-weight: bold; color: white; float: right;margin-top: 4px; margin-right: 5px;}

.editorContainer .toggle-button-selected:before,.manage-reviews .toggle-button-selected:before {content: "ON"; font-size: 10px; font-weight: bold;float: left;margin-top: 3px; color: white;}

.editorContainer .toggle-button-selected, .manage-reviews .toggle-button-selected { background-color: #83B152; border: 2px solid #7DA652; }

.editorContainer .toggle-button-selected div, .manage-reviews .toggle-button-selected div { left: 50px; top: -2px;margin: 0; border: none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); }

.lastModified

{

	padding: 25px 0 0 15px;

	float: left;

    width: 100%;

    display: none;

}

.lastModified span

{

	color: #31708f;

}

form .btn-group.pull-right

{

	height: 22px;

}

form .btn-group.pull-right button

{

	height: 100%;

}

#showAdd, #showAddNews

{

	float: left;

	margin-top: 25px;

}

form #deleteFAQ, form #deleteNews

{

	margin-right: 10px;

	display: none;

}

.socialLabel

{

	padding: 0 !important;

}

.socialCheckbox

{

	margin-left: 2px;

}

.backButton

{

	display: none;

}

.newsContainer>.col-lg-12:first-of-type

{

	height: 740px;

}

.faqContainer>.col-lg-12:first-of-type

{

	height: 680px;

}

.uploadImageFAQ, .uploadImageNEWS

{

	float: left;

	margin-top: 65px;

}

.browseLibrary

{

	cursor: pointer;

	margin-top: 60px;

}

.browseWindow, .browseWindowNews

{

	display: none;

	position:fixed;

	left: 50%;

	top: 50%;

	-ms-transform: translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	 transform: translate(-50%,-50%);

	box-shadow: 0.03em 0.03em 0.03em #333;

	background: white;

	color: black;

	width: 80%;

	height: 500px;

	overflow-y: auto;
	padding: 10px;

}

.browseWindow .closeBrowse, .browseWindowNews .closeBrowse

{

	right: 45px;

	top: 10px;

	position: absolute;

	cursor: pointer;

}

.browseWindow .clientPhotosContainer, .browseWindowNews .clientPhotosContainer

{

	display: none;

	width: 100%;

	float: left;

	overflow-y: auto;

    max-height: 460px;

}

.browseWindow .pickImage, .browseWindowNews .pickImage

{

	width: 200px;

}

.browseWindow .backBrowse, .browseWindowNews .backBrowse

{

	margin: 0px 30px 20px 30px;

}

.browseWindow .clientPhotos .btn.btn-default, .browseWindowNews .clientPhotos .btn.btn-default {

    margin: 25px;

}

.browseWindow .thumbnail, .browseWindowNews .thumbnail {

    height: 200px;

    overflow: hidden;

    display: block;

    padding: 4px;

    margin-bottom: 20px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.browseWindow .thumbnail>img, .browseWindow .thumbnail a>img, .browseWindowNews .thumbnail>img, .browseWindowNews .thumbnail a>img  {

    margin-left: auto;

    margin-right: auto;

    display: block;

    max-width: 100%;

    height: auto;

}

/**********************END OF EDITOR MODULE STYLES*************************/

#selClient option.inactive, #clientid option.inactive, #classList a.inactive, #ur_client_id option.inactive, #newclientname option.inactive, #selClientNews option.inactive

{

	background: rgba(225,225,225,0.5);

}

.filter-criteria-container

{

	padding: 5px !important;

}

.filter-criteria-container .form-group:nth-of-type(4)

{

	width: 26%;

}

.filter-criteria-container .form-group:nth-of-type(1)

{

	width: 17%;

}

.table-striped#client-table>tbody>tr:nth-of-type(even) {

    background-color: #ffffff;

}

.table-striped#client-table>thead>tr>td.activeClient, .table-striped#client-table>tbody>tr>td.activeClient, .table-striped#client-table>tfoot>tr>td.activeClient, .table-striped#client-table>thead>tr>th.activeClient, .table-striped#client-table>tbody>tr>th.activeClient, .table-striped#client-table>tfoot>tr>th.activeClient, .table-striped#client-table>thead>tr.activeClient>td, .table-striped#client-table>tbody>tr.activeClient>td, .table-striped#client-table>tfoot>tr.activeClient>td, .table-striped#client-table>thead>tr.activeClient>th, .table-striped#client-table>tbody>tr.activeClient>th, .table-striped#client-table>tfoot>tr.activeClient>th

{

	background-color: transparent;

}

#preloader

{

	display: none;

	z-index: 999999999999;

    position: absolute;

    width: 100%;

    top: 50%;

}

#preloader p

{

	text-align: center;

}

.cke_resizer_ltr

{

	display: none !important;

}

.list-group-item.activePhonebook, .book-specific.activeContact, .activeVoice, .book-specific.activeList

{

	background-color: rgba(92,184,92,0.7) !important;

}

.list-group-item.deletedPhonebook, .book-specific.deletedContact

{

    cursor: default;

    color: #999;

    background: lightgrey;

	pointer-events: none;

}

.list-group-item.deletedPhonebook .badge {

    display: none;

}

#paginationBox, #paginationBoxc {

    display: inline-block;

    width: 420px;

    height: 30px;

    overflow: hidden;

    position: relative;

}

#paginationBoxBooks, #paginationBoxBooksc {

    display: inline-block;

    width: 210px;

    height: 30px;

    overflow: hidden;

    position: relative;

}

#paginationBoxPages, #paginationBoxPagesBooks, #paginationBoxPagesc, #paginationBoxPagesBooksc {

    position: absolute;

}

#showSixBefore, #showSixBeforeBooks, #showSixBeforec, #showSixBeforeBooksc

{

	float: left;

	cursor: pointer;

	margin-right: 15px;

}

#paginationBlock, #paginationBlockc

{

	width: 465px;

	float: left;

}

#paginationBlockBooks, #paginationBlockBooksc

{

	width: 100%;

}

#showSixNext, #showSixNextBooks, #showSixNextc, #showSixNextBooksc

{

	float: right;

	cursor: pointer;

}

.urgent

{

	color: red !important;

}

.emergencyContainer

{

	position: relative;

}

.tooltipBox

{

	opacity: 0;

	position: absolute;

    color: red;

    background: white;

    width: 225px;

    font-size: 12px;

    height: 75px;

    margin: 10px 0 0 5px;

    z-index: 9999;

    padding: 10px;

    box-shadow: 0.03em 0.03em 0.03em #333;

    border: 1px solid #000;

}

.closeTooltip

{

	position: absolute;

	top: 10px;

	right: 10px;

	color: black;

	cursor: pointer;

	font-size: 16px;

	font-weight: bold;

}

.closeTooltip:hover

{

	color: red;

}

.tooltipBtn

{

	color: red;

	cursor: pointer;

}

.tooltipBtn:hover

{

	color: grey;

}

.tooltipBtn i

{

	margin: 10px 0 0 10px;

}

#emergencyBtn

{

	margin-top: 10px;

}

tr.urgentRow,  tr.urgentRow a,  tr.urgentRow a:hover,  tr.urgentRow a:active,  tr.urgentRow a:visited,  tr.urgentRow a:focus, tr.urgentLine,  tr.urgentLine a,  tr.urgentLine a:hover,  tr.urgentLine a:active,  tr.urgentLine a:visited,  tr.urgentLine a:focus, .row.urgentLine,  .row.urgentLine a,  .row.urgentLine a:hover,  .row.urgentLine a:active,  .row.urgentLine a:visited,  .row.urgentLine a:focus

{

	color: #a94442;

}

tr.urgentLine

{

	background-color: #f2dede !important;

}



.btn .badge.pull-right

{

	margin-top: 2%;

}

table.table tr td

{

	vertical-align: middle;

}

table.table-condensed tr td

{

	font-size: 13px;

}

table.table tr td .progress{

	margin-bottom: auto;

	background-color: rgb(200, 200, 200)

}

.progress .usageText

{

	color: white;

	text-align: center;

	position: relative;

	white-space: nowrap;

}



.panel-heading label, .panel-footer label

{

	font-weight: normal;

	margin-bottom: 0px;

}

.panel-heading label .form-control.input-sm

{

	font-weight: normal;

	margin-bottom: 0px;

	padding: 1px 5px;

    font-size: 12px;

    height: 22px;

    border-radius: 3px;

}

.panel-footer .pagination

{

	margin: 0px 0px;

}

.panel-footer.clearfix .pagination

{

	float: right;

}

#paginationBoxPages a,#paginationBoxPagesBooks a, #paginationBoxPagesc a,#paginationBoxPagesBooksc a {

    width: 66px;

    background: #337ab7;

    color: white;

    margin: 5px 2px;

    padding: 0 2px;

    display: inline-block;

    text-align: center;

}

.input-group-btn select.btn

{

	padding: 5.5px 12px;

}

.checkContact, .checkBook, #submitMove, .quickStatusClose, .popUpConfirm

{

	display: none;

}

.popUpConfirm

{

	width: 300px;

    height: 50px;

    font-size: 16px;

    background: white;

    z-index: 999;

    padding: 15px;

    text-align: center;

    box-shadow: 0.03em 0.3em 0.3em #777;

    position: absolute;

    margin: 0 auto;

    right: 0;

    left: 0;

}

.contactFooter

{

	margin-top: 25px;

}



/*Fancy checkbox that fits with bootstrap */

.fancy-checkbox

{

    width: 0px;

    height: 24px;

    position: relative;

}

.fancy-checkbox::before

{

    display: block;

    content: '';

    width: 40px;

    height: 24px;

    background-color: #f2dede;

    border: 1px solid #ebccd1;

    border-radius: 24px;

    position: relative;

    transition: all 0.25s;

}

.fancy-checkbox:checked::before {

    border: 1px solid #d6e9c6;

    background-color: #dff0d8;

}

.fancy-checkbox:disabled::before {

    background-color: #eee;

    border-color: #ccc;

}

.fancy-checkbox::after

{

    display: block;

    position: absolute;

    content: '';

    width: 16px;

    height: 16px;

    background-color: #a94442;

    left: 4px;

    top: 4px;

    border-radius: 100%;

    transition: all 0.25s;

}

.fancy-checkbox:checked::after

{

    left: 20px;

    background-color: #3c763d;

}

.fancy-checkbox:disabled::after {

    background-color: #555;

}



/* Super textbox control */

.textbox

{

	position: relative;

	z-index: 100;

	height: 15em;

	resize: auto;

	overflow: auto;

	padding: 6px 12px;

	white-space: pre-line;

    font-size: 14px;

    line-height: 1.42857;

    color: rgb(85, 85, 85);

    border: 1px solid rgb(204, 204, 204);

    border-radius: 4px;

    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

	background-color: white;

}

.textbox:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)

}



.focusable

{

	max-height:3em;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.focusable:focus

{

	outline:0;

	border:0;

	max-height:none;

	background-color:transparent;

	text-overflow:ellipsis;

	white-space: normal;

}

tr:focus .focusable

{

	outline:0;

	border:0;

	max-height:none;

	background-color:transparent;

	text-overflow:ellipsis;

	white-space: normal;

}

tr:focus

{

	outline: 0;

}



#module-chat

{

	position: fixed;

    padding: 5px;

    bottom: 0px;

    right: 0px;

    backdrop-filter: blur(2px);

    background-color: rgba(255,255,255,0.5);

	border-top-left-radius: 5px;

	border-top: 1px solid rgba(255,255,255,0.5);

    border-left: 1px solid rgba(255,255,255,0.5);

}



.btn-group.btn-hiddenclose>.btn:last-child:not(:first-child):not(.dropdown-toggle)

{

	border-radius: 4px;

	transition:border-radius 0.2s;

}

.btn-group.btn-hiddenclose:hover>.btn:last-child:not(:first-child):not(.dropdown-toggle)

{

	border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}

.btn-group.btn-hiddenclose>.btn:first-child:not(:last-child):not(.dropdown-toggle)

{

	width: 0;

	padding: 5px 0px;

	border-left: 0;

	border-right: 0;

	transition: width 0.2s, padding 0.2s, border 0.2s;

}

.btn-group.btn-hiddenclose:hover>.btn:first-child:not(:last-child):not(.dropdown-toggle)

{

	width: 30px;

    padding: 5px 10px;

	border: 1px solid #d43f3a;

	

}



.rating-group .form-legend {
  margin: 0;
  padding: 0;
  font-size: 20px;
  /*background: green;*/
}
.rating-group .form-item {
  position: relative;
  margin: auto;
  width: 300px;
  text-align: center;
  direction: rtl;
  /*background: green;*/
}
.rating-group .form-legend + .form-item {
  padding-top: 10px;
}
.rating-group input[type='radio'] {
  position: absolute;
  left: -9999px;
}
/* RATING - Form - Label */
.rating-group label {
  display: inline-block;
  cursor: pointer;
}
.rating-group .rating-star {
  display: inline-block;
  position: relative;
}
.rating-group input[type='radio'] + label:before {
  content: attr(data-value);
  position: absolute;
  right: 30px;
  top: 83px;
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-group label .fa {
  font-size: 60px;
  line-height: 60px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-group label:hover .fa-star-o,
.rating-group label:focus .fa-star-o,
.rating-group label:hover ~ label .fa-star-o,
.rating-group label:focus ~ label .fa-star-o,
.rating-group input[type='radio']:checked ~ label .fa-star-o {
  opacity: 0;
}
.rating-group label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rating-group label:hover .fa-star,
.rating-group label:focus .fa-star,
.rating-group label:hover ~ label .fa-star,
.rating-group label:focus ~ label .fa-star,
.rating-group input[type='radio']:checked ~ label .fa-star {
  opacity: 1;
}
.rating-group input[type='radio']:checked ~ label .fa-star {
  color: gold;
}
.rating-group .ir {
  position: absolute;
  left: -9999px;
}
/* RATING - Form - Action */
.rating-group .form-action {
  opacity: 0;
  position: absolute;
  left: 5px;
  bottom: -40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-group input[type='radio']:checked ~ .form-action {
  cursor: pointer;
  opacity: 1;
}
.rating-group .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  font-size: 10px;
  font-size: 1rem;
  background: #fff;
  color: #333;
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-group .btn-reset:hover,
.rating-group .btn-reset:focus {
  background: gold;
}
.rating-group input[type='radio']:checked ~ .form-action .btn-reset {
  cursor: pointer;
}
/* RATING - Form - Output */
.rating-group #ratingval {
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.no-js .rating-group #ratingval {
  right: 5px;
  opacity: 1;
}
.rating-group input[type='radio']:checked ~ #ratingval {
  right: 5px;
  opacity: 1;
}
.manage-reviews .inithide
{
	display: none;
}
.clientPhotosContent
{
	margin-top: 40px;
}
.browseWindowNews h4, .browseWindow h4 {
    display: inline-block;
}