@font-face{
	font-family: 'Digit';
	src: url('../fonts/display-digit.ttf');
}

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
	background: transparent;
	overflow: visible;
	width: 8px;
	height: 2px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.8);
}

::-webkit-scrollbar-thumb:horizontal {
	border-width: 4px 6px;
	min-width: 40px;
}

::-webkit-scrollbar-thumb:vertical {
	border-width: 6px 4px;
	min-height: 40px;
}

::-webkit-scrollbar-track-piece {
	background-color: #f0f2f5;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #c3d3e2;
	box-shadow: inset 1px 1px 0 rgba(204, 180, 180, 0.1),inset 0 -1px 0 rgba(0,0,0,0.07);
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9eadcc;
}

.logo {
    text-align: center;
	padding-top: 20px;
}

/* body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #333333!important;
    background-color: #f0f2f5!important;
    text-align: center;
    position: relative;
	width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 80px 0 0;
	overflow-y: scroll;
} */

#page:after {
	content: '';
	display: block;
	clear: both;
}

input, select {
	outline: none;
}

.logo > img {
    max-width: 80%;
    margin-bottom: 15px;
}

#dragAlert {
	display:none;
    position: fixed;
    z-index: 9000;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 35pt;
    background: rgba(0, 0, 0, 0.61);
}

input:focus {
/*     box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.20) inset;
	border-left: 1px solid #ddd; */
}

.hdn {
	display: none;
}

.vAlign {
    display: table-cell;
    vertical-align: middle;
	padding: 0;
	width: 100vw;
	height: 100vh;
}

.login {
    width: 360px;
    max-width: 95%;
    margin: 20px auto;
}

.logo > h1 {
    font-size: 18px;
    margin: 20px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    color: cadetblue;
    line-height: 40px;
}

.logo > span {
    font-size: 70px;
    margin-bottom: 20px;
    color: #ADB2B9;
}

.login > .form {
    padding: 20px;
    border-top: 1px solid #f1f1f1;
}

.uForm > .tab {
	display: none;
}

.uForm > .tab:first-child {
	display: block;
}

.fGroup > span {
    background: #ECECEC;
    height: 42px;
    width: 42px;
    display: block;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ddd;
    border-right: none;
    padding: 12px 10px;
    font-size: 16px;
    margin: 0;
    float: left;
}

.fGroup {
    margin-bottom: 10px;
}

.fGroup > input {
    width: -webkit-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
    width: calc(100% - 42px);
    height: 42px;
    border: 1px solid #f1f1f1;
    border-left: none;
    padding: 10px 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn {
	position: relative;
	overflow: hidden;
    width: 100%;
    height: 42px;
    background: #ddd;
    border: 1px solid #ddd;
    cursor: pointer;
    color: #676767;
    border-radius: 3px;
	outline: none;
	text-decoration: none;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	padding: 10px 20px;
	transition: background-color .3s;
}

.btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	padding-top: 0;
	border-radius: 100%;
	background-color: rgba(236, 240, 241, .3);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn:active {
	padding: 11px 20px 9px;
}

.btn:active:before {
  width: 120%;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out;
}

.btn > span {
	margin-right: 5px;
}

.btnLogin {
    background: #4fd405;
    border-color: #4fd405;
    color: #fff;
    font-size: 18px;
}

.btnLogin:hover {
    background-color: #48c304;
    border-color: #48c304;
}

.btnLogin:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.nvg {
    background: #fff;
    border-bottom: 1px solid #E5E8EC;
    padding: 0;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    box-shadow: 1px 1px 0px #f8f8f8, 0 1px 2px rgba(6, 33, 63, 0.13);
}

.nvg * {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lMenu > li > a > span.fa-dashboard {
    color: #CED3DA;
    font-size: 26px;
}

.lMenu > li > a:hover > span.fa-dashboard {
    color: #B2B9C3;
}

.lMenu > li > a > span.dText {
    display: none;
}

/* .lMenu, .rMenu {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0px;
    line-height: 70px;
	white-space: nowrap;
} */

.rMenu {
	float: right;
	margin: 0;
	position: absolute;
    top: 0;
    right: 0;
}

.lMenu > li, .rMenu > li {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.rMenu > li {
	margin-right: 0;
	margin-left: 0;
}

/* .lMenu > li > a, .rMenu > li > a {
    color: #777;
    text-decoration: none;
    line-height: 24px;
    position: relative;
    border-right: 1px solid #eef0f3;
    display: block;
    line-height: 70px;
    padding: 0 20px;
} */

.lMenu > li > a:hover, .rMenu > li > a:hover {
    color: #929799;
    background: #fafbfc;
}

.lMenu > li > a > span, .rMenu > li > a > span {
    margin-right: 5px;
}

.lMenu > li.dd {
    position: relative;
    padding: 0;
    margin: 0;
}

.lMenu > li.dd:after,
.uMore li.dd:after {
    content: ' ';
    position: absolute;
    top: 34px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #777777;
    border-bottom: 0;
}

.uMore li.dd:after {
    top: 15px;
    right: 10px;
}

li.dd > ul {
	position: absolute;
	top: 70px;
	left: 0;
	min-width: 150px;
	background: #F7F8FA;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	box-shadow: 1px 1px 1px rgba(120, 124, 130, 0.31);
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

li.dd > ul > li {
    padding: 0;
    margin: 0;
}

li.dd > ul > li > a {
    display: block;
    text-decoration: none;
    color: #777;
    padding: 0 15px;
    border-bottom: 1px solid #E6E6E6;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

li.dd > ul > li:last-child > a {
    border: none;
}

li.dd > ul > li > a:hover {
    background: #FFFFFF;
    color: #4C4C4C;
}


.mng > li.dd > ul {
    position: relative;
    top: 0;
    box-shadow: none;
	width: 100%;
}

.mng > li.dd > ul > li > a {
    padding: 10px 30px;
    background: #F3F4F7;
}

.mng > li:hover > a {
    background: #F7F8FA;
}

.mng > li.dd > ul > li > a:hover {
    background: #fff;
}

.nvg > span {
	float: left;
    margin: 15px 15px;
    cursor: pointer;
    font-size: 21px;
    color: #FFFFFF;
    display: none;
}

.lMenu > li > span.fa-times {
	display: none;
}

/* .ctnr {
    max-width: 95%;
    width: 1200px;
    position: relative;
    margin: 0 auto;
	text-align: left;
} */

/* .sideNvg {
    width: 25%;
    float: left;
    margin-right: 30px;
	margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
} */

.sTitle {
    font-size: 19px;
    color: #2b2f33;
    background-color: #f7f8fa;
    border-bottom: 1px solid #eef0f3;
    /* height: 60px; */
    padding: 18px 20px;
	position: relative;
    text-transform: uppercase;
}

.sTitle > span {
    color: #4fd405;
    margin-right: 10px;
}

.mng {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mng > li {
    border-bottom: 1px solid #EEF0F3;
	position: relative;
}
.mng > li .nfCount {
	margin-top: 25px;
}

.mng > li:last-child {
    border: none
}

.mng > li > a {
    display: block;
    height: 90px;
    padding: 20px;
    line-height: 50px;
    color: #555;
    text-decoration: none;
}

.mng > li > a:hover {
    background: #F7F8FA;
}

.mng > li > a > span {
    float: left;
	margin-right: 15px;
    font-size: 28px;
    margin-top: 10px;
    display: block;
	min-width: 30px;'
	color: #299CCE;
}

/* .mngContent {
    width: -webkit-calc(75% - 30px);
    width: -moz-calc(75% - 30px);
    width: calc(75% - 30px);
	margin-bottom: 30px;
    float: left;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
    background: #fff;
} */

.mngSearch {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #eef0f3;
}

.mngSearch::after {
    position: absolute;
    top: 33px;
    left: 25px;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f002";
    color: #858994;
}

.mngSearch > input {
    height: 38px;
    padding: 10px 15px 10px 32px !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ddd;
    border-right: none;
    width: -webkit-calc(100% - 175px);
    width: -moz-calc(100% - 175px);
    width: calc(100% - 175px);
    float: left;
}

.btnSearch {
    background: #f7f8fa;
    width: 175px;
    border: none;
    border: 1px solid #f3f3f3;
    height: 3rem;
}

.btnSearch:hover {
    background: #EEEEEF;
}

.userList {
    display: table;
    width: 100%;
}

.sUser {
	height: 125px;
	display: table-row;
	position: relative;
}

.sUser:nth-child(even) > div, .sUser:nth-child(even) > a, .sUser:nth-child(even) > .fa-bars {
	background: #f9f9fb75;
}

.sUser.drag {
	background: #f7f8fa;
}

.sUser > .fa-bars {
    display: table-cell;
    color: #C3CAD8;
    cursor: all-scroll;
    padding: 0 10px 0 20px;
    vertical-align: middle;
    width: 40px;
    text-align: center;
}

.uThumb {
    width: 125px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    padding: 10px;
    margin: 0;
    line-height: 0;
}

.uThumb > div, .uTitle > figure > div {
    position: relative;
}

.uThumb > div > img, .uTitle > figure > div > img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
	border-radius: 50%;
	cursor: pointer;
}

.uThumb > div > span, .uTitle > figure > div > span {
    position: absolute;
    top: 0;
    left: 5px;
    text-align: center;
    width: 94px;
    height: 94px;
    line-height: 94px;
    color: #D5D5DE;
    background: rgba(34, 41, 53, 0.45);
    font-size: 21px;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.uTitle > figure > div > span {
    left: 0;
    width: 85px;
    height: 85px;
}

.uThumb > div:hover > span, .uTitle > figure > div:hover > span {
    opacity: 1;
}

.uThumb > span {
    font-size: 36px;
    color: #C6C6D0;
}

.uInfo {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-weight: bold;
	color: #555;
    text-decoration: none;
}

.uMore {
    width: 75px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.pInfo {
    width: 175px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
	text-decoration: none;
}

.uMore > span {
    cursor: pointer;
	font-size: 24px;
	color: #A9C1D0;
}

.uMore > ul {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin: 10px 25px 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ddd;
    width: 150px;
    z-index: 2;
    text-align: left;
}

.uMore > ul > li > a {
    color:  #555;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
	font-size: 14px;
}

.uMore > ul > li {
    border-bottom: 1px solid #ddd;
}

.uMore > ul > li:last-child {
    border: none;
}

.uMore > ul > li > a:hover {
    background: #F7F8FA;
}

.uMore > ul > li > a > span {
    margin-right: 5px;
}

.dClear:after, .iGroup:after {
	content: ' ';
	display: block;
	clear: both;
}

.iGroup {
    padding: 15px 20px;
    border-bottom: 1px solid #EEF0F3;
	text-align: right;
}

.iGroup > label, .selOpts > div > label, .selArea > label, .lblHistory {
    float: left;
    width: 40%;
    color: #555;
    line-height: 36px;
	text-align: left;
}

.iGroup > input, .iGroup > select, .iGroup > textarea,
.sSide > input, .selOpts > div > select, .selOpts > div > textarea,
.rGroup > input {
    width: 60%;
    height: 36px;
    border: 1px solid #ddd;
	padding: 10px 15px;
    border-radius: 3px;
    color: #5E6573;
}

.iGroup > textarea {
	min-height: 100px;
	max-height: 250px;
	max-width: 60%;
	overflow: auto;
	outline: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.iGroup > input[type="checkbox"] {
    width: auto;
}

.btnSubmit {
    width: auto;
    background: #A2CE4E;
    color: #fff;
    font-size: 16px;
    border-color: transparent;
	margin-left: 15px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.btnSubmit:hover {
    background: #8BB53A;
}

.btnSubmit:active {
    box-shadow: 1px 1px 5px #6D9423 inset;
}

.btnSubmit.red {
    background: #D86161;
}

.btnSubmit.red:hover {
    background: #E63939;
}

.sGroup {
    padding: 10px 20px;
    text-align: right;
}

.container{
    width: 110px;
    height: 110px;
    margin: 20px auto;
}
.prec{
    top: 38px;
    position: relative;
    font-size: 30px;
    color: #919EB1;
}

.circle{
    position: relative;
    top: 5px;
    left: 5px;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #F0F2F5;
}

.active-border {
    position: relative;
    text-align: center;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background-color: #919EB1;
    background-image: linear-gradient(-90deg, transparent 50%, #DADCE0 50%),
					  linear-gradient(90deg, #DADCE0 50%, transparent 50%);
}

.active-border.p25 {
	background-image: linear-gradient(-90deg, transparent 50%, #DADCE0 50%),
					  linear-gradient(0deg, #DADCE0 50%, transparent 50%);
}

/* .pnl {
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    background: #fff;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
    padding-bottom: 1px;
    float: left;
    margin-right: 15px;
	margin-bottom: 30px;
	position: relative;
} */

/* .pnlTitle {
    font-size: 19px;
    color: #2b2f33;
    background-color: #f7f8fa;
    border-bottom: 1px solid #eef0f3;
    padding: 20px;
} */

/* .pnl:nth-child(even) {
    margin-right: 0;
    margin-left: 15px;
} */

.ltl {
    margin: 0 5px;
    font-size: 12px;
}

.offline {
    background: #fff;
    border: 1px solid #ddd;
    width: 50%;
    max-width: 100%;
    margin: 10px auto;
    padding: 20px;
}

select[multiple] {
    height: auto;
	max-height: 150px;
	overflow: auto;
}

.mt {
    background: #FFE3E1;
    border: 1px solid #FF8F89;
    color: #CC443D;
    padding: 10px 20px;
    border-radius: 2px;
    margin-bottom: 30px;
}

.iGroup > .sWrap {
    width: 60%;
	float: left;
}

.noContent {
    text-align: center;
    margin: 20px;
    color: #797373;
    background: #F7F8FA;
    padding: 10px 20px;
}

.btnAddGr {
    float: right;
    width: 130px;
    background: #A2CE4E;
    border-color: #A2CE4E;
    color: #fff;
	margin: -10px -10px;
    font-size: 16px;
	display: none;
}

.btnAddGr:hover {
    background: #8BB53A;
}

.btnAddGr:active {
    box-shadow: 1px 1px 5px #6D9423 inset;
}

.mdlBody > .iGroup,
.mdlBody > .sGroup {
    margin: 0 -15px;
}

.info {
	width: 210px;
    font-size: 12px;
    font-family: monospace;
    background: #FFF;
    color: #424242;
    padding: 10px 20px;
    position: absolute;
    top: 70px;
    left: 0px;
    line-height: 14px;
    box-shadow: 1px 1px 1px rgba(80, 80, 80, 0.07);
}

.info > p {
    padding: 0;
    margin: 5px 0;
}

.btnMdl {
    background: #5F89B9;
    border: none;
    color: #fff;
    font-size: 16px;
    width: inherit;
    margin: 0 -5px;
    padding: 10px 20px;
    line-height: 19px;
}

.btnMdl:hover {
    background: #6099DA;
}

.btnMdl:active {
    padding: 12px 20px 9px;
}

.sfWrap > div > input:focus {
	box-shadow: none;
	border: none;
}

.uInfo > p {
	margin: 0;
	font-size: 0.96em;
	font-weight: normal;
}

.btnSubmit.ao {
    font-size: 14px;
}

.iGroup.addOpt > .sWrap {
    width: 75%;
}

.iGroup.addOpt > .ao {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
	height: 38px;
}

.iGroup > label.lTitle, .iGroup > div > label.lTitle, .selOpts > label.lTitle {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
	margin-bottom: 10px;
    display: block;
}

.iGroup > div > label.lTitle {
	line-height: 36px;
}

.optGroup > input, .optGroup > .sWrap,
.selOpts > div > input, .selOpts > div > .sWrap {
    margin-bottom: 10px;
}

.optGroup > input:last-child {
    margin-bottom: 0;
}

.selOpts {
	text-align: left;
}

.atnAo {
    background: #299CCE;
    border: none;
    color: #fff;
    width: auto;
}

.atnAo:hover {
    background: #1089BD;
}

.selOpts > div > label, .sSide > input {
    width: 100%;
}

.sSide {
    width: -webkit-calc(45% - 28px);
    width: -moz-calc(45% - 28px);
    width: calc(45% - 28px);
    margin-right: 5px;
	margin-bottom: 10px;
    float: left;
	text-align: left;
}

.sSide.rSide {
    width: 10%;
}

.sSide.rSide > label {
    display: block;
	padding-left: 5px;
}

.sSide.rSide > .cbWrap {
    margin: 7px 0 0 5px;
}

.sSide + .fa {
    margin: 33px -4px 0 0;
    color: #D23535;
    font-size: 18px;
    cursor: pointer;
}

.sSide + .fa:hover {
    color: #A91D1D;
}

.sSide.w100 {
    width: -webkit-calc(100% - 52px);
    width: -moz-calc(100% - 52px);
    width: calc(100% - 52px);
    margin-right: 14px;
}

.selArea {
    margin: 20px -20px -15px;
    padding: 15px 20px;
    background: #F7F8FA;	
    border-top: 1px solid #EEF0F3;
}

.sSide.w100 + .fa {
    margin-top: 9px;
}

[draggable] {
    user-select: none;
}

.optGroup.drag {
    background: #f7f8fa;
}
.optGroup > .fa-bars {
    display: block;
    float: left;
    color: #C3CAD8;
    cursor: all-scroll;
    padding: 50px 15px 37px;
    margin: -15px 0px -15px -20px;
}

.dClear > .fa-bars {
    float: left;
    padding: 10px 15px 10px 10px;
    margin: 0 0px 0 -10px;
    cursor: all-scroll;
    color: #B9C2D4;
}

.dClear.drag {
	background: #fff;
	margin: -9px -20px 0;
    padding: 9px 20px 0;
}

.imgGroup > input {
    display: none;
}

.dragndrop {
    background: #F7F8FA;
    border: 1px dashed #C6CEDE;
    cursor: pointer;
    text-align: center;
    width: 100%;
    padding: 22px 30px;
    color: #A7B1C5;
	border-radius: 3px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
	-webkit-user-select: none; 
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
}

.dragndrop:hover {
    background: #EFF2F7;
}

.dragndrop:active {
    padding: 23px 30px 21px;
    background: #FAFBFF;
}

.imgGroup > label {
    float: none;
    width: 100%;
    display: block;
}

.imgGroup > figure {
    float: left;
	width: 94px;
	height: 94px;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
}

.imgGroup > figure > img {
	max-width: 200%;
    max-height: 200%;
    min-width: 100%;
    min-height: 100%;
	cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.imgGroup > figure > span {
    content: ' ';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -25px;
	right: -25px;
	color: rgba(255, 255, 255, 0.9);
    padding: 5px 6px;
    cursor: pointer;
	background: rgba(43, 43, 43, 0.44);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.imgGroup > figure:hover > span {
    top: 0px;
	right: 0px;
}

.imgGroup > figure:hover > span:hover {
    color: rgba(255, 255, 255, 1);
}

.imgGroup > figure + .dragndrop {
    width: -webkit-calc(100% - 114px);
    width: -moz-calc(100% - 114px);
    width: calc(100% - 114px);
    float: left;
    margin-left: 20px;
}

.dragndrop > .fa {
	display: block;
	font-size: 24px;
}

.mobBtn {
	display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 9999999999;
}

.mobBtn > button {
	width: 55px;
    height: 55px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2196F3;
    color: #fff;
    border: none;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(91, 95, 101, 0.54);
	outline: none;
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.mobBtn.open > button {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
}

.mobBtn > ul {
    position: absolute;
    bottom: 12px;
    right: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobBtn > ul > li {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2196F3;
    color: #fff;
    padding: 6px;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(91, 95, 101, 0.54);
    display: block;
    width: 35px;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mobBtn.open > ul > li:nth-child(1) {
    bottom: 55px;
    right: -3px;
}

.mobBtn.open > ul > li:nth-child(2) {
    bottom: 38px;
    right: 50px;
}

.mobBtn.open > ul > li:nth-child(3) {
    bottom: -10px;
    right: 68px;
}

.mobBtn > ul > li > a {
    color: #fff;
}

.btnLoad {
    border-radius: 0;
    background: #F0F2F5;
    border: none;
    color: #939BA7;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.btnLoad:hover {
    background: #E9E9EF;
}

.stng {
    color: #9BA3B3;
    float: right;
    margin: 3px;
    transition: color 0.2s ease-in-out;
}

.stng:hover {
    color: #299CCE;
}

.pInfo > a {
    color: #645555;
    font-weight: bold;
    text-decoration: none;
}

.pInfo > a:hover {
    color: #868686;
}

.addBtn {
    text-decoration: none;
    float: right;
    width: 150px;
    margin: -5px;
    text-align: center;
    padding: 6px 20px;
    height: 36px;
    font-size: 14px;
    color: #FFF;
    background: #90BF32;
    border: none;
}

.addBtn:hover {
    background: #80B120;
}

.addBtn:active {
    padding: 7px 20px 5px;
}

.lbl {
    color: #555;
    line-height: 36px;
    text-align: left;
}

.sfGroup .sfWrap {
    width: 60%;
    float: left;
}

.sName {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 20px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}

.sPoint {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-weight: bold;
    color: #555;
    text-decoration: none;
    width: 100px;
}

.sControl {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    width: 100px;
}

.sControl > button {
    background: #299CCE;
    color: #fff;
    border: none;
    padding: 8px 10px;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    float: left;
    margin: 2px;
}

.sControl > button:hover {
    background: #128CC1;
}

.sControl > button:active {
    padding: 9px 10px 7px 10px;
}

.sName > input, 
.sPoint > input {
    height: 38px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.sControl > button:last-child {
    background: #DE0F0F;
}

.sControl > button:last-child:hover {
    background: #BD2121;
}

.iGroup > label > a {
    color: #7FBF0D;
    text-decoration: none;
}

.iGroup > label > a:hover {
    color: #6EA900;
}

.stGroup > label:last-child {
    width: 20%;
    font-style: italic;
    font-weight: bold;
}

select[name="status"] + .sWrap li {
    text-transform: capitalize;
}

#rent {
	display: none;
}

ul.uiGroup {
    display: inline-block;
    width: -webkit-calc(60% - 130px);
    width: -moz-calc(60% - 130px);
    width: calc(60% - 130px);
    padding: 0;
    margin: 3px 20px 0 0;
    vertical-align: bottom;
    line-height: 11px;
}

ul.uiGroup > li {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 5px;	
}

ul.uiGroup > li > a {
    overflow: hidden;
    border-radius: 50%;
    display: block;
    height: 43px;
}

ul.uiGroup > li > a > img {
    max-width: 100%;
}

ul.uiGroup > li:after {
    line-height: 24px;
    min-width: 100px;
    text-align: center;
}

.vAlign .preloader {
    color: #57C1E8!important;
    font-size: 24px!important;
    position: relative;
    height: auto!important;
    display: none;
    line-height: 24px!important;
	text-align: center;
}

.preloader > div {
    color: #B3B9C3;
    font-size: 20px;
    margin: 10px;
}

.preloader > span:first-child {
    position: absolute;
    top: -126px;
    left: 50%;
    margin-left: -106px;
}

.preloader > span:nth-child(2) {
    position: absolute;
    top: -68px;
    left: 50%;
    margin-left: 4px;
	color: #A2CE4E;
}

hr.stHr {
    height: 10px;
    margin: 0;
    border: 0;
    background: #F7F8FA;
    border-bottom: 1px solid #EEF0F3;
}

.uForm > .tab > .spnCtnr {
    display: block;
    padding: 200px 0;
    text-align: center;
    color: #57C1E8;
	font-size: 24px;
}

.pGroup > .sSide {
    width: -webkit-calc(45% + 2px);
    width: -moz-calc(45% + 2px);
    width: calc(45% + 2px);
}

.tPoints {
    width: 60%;
    text-align: left;
}

.tPoints th {
    border-bottom: 1px solid #EEF0F3;
    padding: 5px 10px;
}

.tPoints td {
    padding: 5px 10px;
    font-size: 12px;
}

.tPoints tr:nth-child(2n) td {
    background: #F7F8FA;
}

.lGroup {
    text-align: left;
}

.lGroup > input {
    width: calc(100% - 30px);
}

.lGroup > span {
    margin: 0;
    padding: 0 0 0 10px;
    display: inline-block;
    color: #DE2D2D;
    font-size: 17px;
    line-height: 12px;
    cursor: pointer;
}

input:disabled,
input:readonly {
    background: #F0F1F5;
    color: #B0B2B9;
}

a.eBtn {
    float: right;
    color: #9EA0AB;
    padding: 0;
    width: auto!important;
}

a.eBtn:hover {
    color: #A2A9C7;
	background: none;
}

.uCb {
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    text-align: center;
}

.uTitle {
	background: #FCFCFD;
    padding: 10px;
    color: #82858C;
    border-bottom: 1px solid #EEF0F3;
}

.uTitle > figure {
	width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin: 0 10px;
}

.uName {
    font-weight: bold;
    margin: 2px 10px;
    display: inline-block;
	width: -webkit-calc(100% - 135px);
	width: -moz-calc(100% - 135px);
	width: calc(100% - 135px);
	font-size: 22px;
}

.uName > div > p {
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}

.uName > div {
    width: 50%;
    float: left;
}

.uName > div.address {
    font-weight: normal;
    font-size: 13px;
	margin-top: -10px;
	position: relative;
}

.uName > div.address > a {
    position: absolute;
	top: 3px;
    right: 10px;
	color: #ffffff;
    float: right;
    text-decoration: none;
    font-size: 14px;
    background: #90bd41;
    display: inline-block;
    margin: -3px -10px;
    height: 30px;
    border-radius: 3px;
    padding: 3px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.address > span {
    color: #92CE21;
}

.tbl {
    display: table;
/*     width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
	max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
	min-width: -webkit-calc(100% - 40px);
    min-width: -moz-calc(100% - 40px);
    min-width: calc(100% - 40px); */
	width: 100%;
	max-width: 100%;
	min-width: 100%;
    word-wrap: break-word;
    word-break: keep-all;
}

.tr {
    display: table-row;
	position: relative;
}

.th {
    display: table-cell;
    border-bottom: 2px solid #ddd;
    padding: 10px !important;
    color: #777;
    font-weight: bold;
    font-size: 12px;
	vertical-align: middle;
	text-transform: uppercase;
}

.td {
    display: table-cell;
    padding: 15px 17px !important;
    color: #777;
    font-size: 13px;
	word-wrap: break-word;
}

.tbl a {
    color: #299CCE;
}

.w100 span.fa {
    font-size: 18px;
}

.tr:nth-child(even) > .td {background: #F7F8FA;}

.td:last-child > a {
    margin: 0 5px;
	color: #769E26
}

.td:last-child {
    width: 160px;
}

.td:last-child > a:nth-child(3) {
    color: #299CCE;
}

.td:last-child > a:last-child {
    color: #CE1212;
}

.tr:hover > .td {
    background: #F3F7FF;
    color: #7F94BD;
}

.uTitle > figure > span {
    font-size: 36px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 29px;
    color: #B7BECC;
    border-radius: 50%;
    background: #ECEFF5;
}

.iGroup > label.mdlInfo {
    width: 60%;
    font-weight: bold;
}

.tbl.tblDev {
    display: block;
}

.tbl.tblDev .tBody, .tbl.tblDev .tHead {
    display: block;
}

.tblDev .tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.tblDev > .tr:first-child, 
.tblDev > .tHead > .tr {
    border-bottom: 2px solid #ddd;
}

.tblDev .tr > .th, .tblDev .tr > .td {
    display: block;
    border: none;
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tblDev .tr > .th.w100, .tblDev .tr > .td.w100 {
    width: 200px;
	-webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.tr:after {
    content: ' ';
    display: block;
    clear: both;
}

.tblDev .tr.issues {
    background: #F2F3F5;
    color: #7C818A;
    font-size: 13px;
    padding: 10px 20px;
}

.issue > .is {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.issue {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
	padding: 5px;
    border-bottom: 1px solid #ddd;
}

.issue > .iId {
    min-width: 40px;
}

.issue > .iAuthor {
    width: 200px;
    font-weight: bold;
	padding: 0 0 0 5px;
}

.isOpen {
    cursor: pointer;
    font-size: 10px;
    padding: 5px;
    color: #A9A9A9;
}

.tr.dev + .issues {
    display: none;
}

.tr.dev > .td > .isOpen {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tr.dev.open > .td > .isOpen {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.isDate {
    width: 150px;
    padding: 0 5px;
}

.tblDev .th.w10, .tblDev .td.w10 {
    width: 105px;
    flex: none;
    -webkit-box-flex: 0;
}

.issue.head > div {
    font-weight: bold;
}

.issue.head {
    border-width: 2px;
}

.flLeft {
	float: left;
}

.sPrice {
    float: left;
    width: 95px;
    padding: 20px 5px;
    text-align: center;
}

.selling {
    font-weight: bold;
    margin-bottom: 10px;
}

.sPrice > span {
    color: #4fd405;
    font-weight: bold;
    font-size: 22px;
}

.tr.dev {

}

.uTitle > .tabs {
    margin: -10px;
}

.uTitle > .tabs > .tab {
    background: #fff;
}

div#details > ul {
    list-style: none;
    margin: 0;
    padding: 0px 20px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}

div#details > ul:after {
    content: ' ';
    display: block;
    clear: both;
}

div#details > ul > li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.mngContent .mt {
    margin: 20px;
}

.btnPurchase {
    float: left;
    color: #fff;
    background: #299CCE;
    border: none;
    width: 150px;
}

.btnPurchase:hover {
    background: #1F7CA7;
}

.uName.flLeft {
    margin: 20px;
}

.tr.bt1 {
    border-top: 1px solid #DDD;
}

.chList {
    margin: 20px;
    background: #F7F8FA;
    border-radius: 3px;
    border: 1px solid #EEF0F3;
}

.servTitle {
    font-weight: bold;
}

.servSteps {
    padding: 20px;
}

.servSteps > ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.servSteps > ul > li {
    padding: 4px 10px 4px 35px;
    position: relative;
    cursor: pointer;
}

.servSteps > ul > li:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    position: absolute;
    top: 4spx;
    left: 5px;
    color: #DA3030;
}

.servSteps > ul > li.done:before {
	content: '\f00c';
    color: #8EC12C;
}

.descr {
    margin: 10px;
}

.rMenu > li.user > a > span {
    background: #fff;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 19px 10px 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #ADADAD;
}

.rMenu > li.user > a > img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin: 10px 10px 0 0;
}

.warning {
    text-align: center;
    margin: 10px 20px;
    padding: 20px;
    background: #FFE3E3;
    color: #A95F5F;
    border-radius: 3px;
}

.eBtn > .fa-plus {
    color: #4fd405;
}

.eBtn > .fa-plus:hover {
    color: #8BBF23;
}

.iGroup.fw > label {
    width: 100%;
	float: none;
	display: block;
}

.iGroup.fw > input {
	width: 100%;
}

.iGroup.fw > textarea {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
}

.iGroup.fw > label:after {
	content: ' ';
	display: block;
	clear: both;
}

.load {
    background: #F7F8FA;
    padding: 5px 10px;
    color: #7D7D7D;
    border-radius: 3px;
}

.load > .fa-spin {
    margin-right: 7px;
    color: #299CCE;
}

.aRight {
    text-align: right;
}

.uName.wid50 {
	width: -webkit-calc(100% - 135px);
	width: -moz-calc(100% - 135px);
	width: calc(100% - 20px);
}

.tbl.payInfo .w10 {
    width: 60px;
}

.tbl.payInfo .w100 {
    width: 150px;
}

.td.tAmount {
    width: 100px;
}

.payTotalInfo {
    font-weight: bold;
    width: 300px;
	text-align: right;
	float: right;
}

.invInfo {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    word-wrap: break-word;
    word-break: keep-all;
}

.sUser.head {
    height: 55px;
    font-weight: bold;
    background: #F5F6F9;
}

.sUser.head > div {
    border-bottom: 1px solid #EEF0F3;
    color: #858994;
	font-size: 13px;
}

.usLiHead {
    display: table;
    width: 100%;
}

.sTitle > span.invoiceStatus {
    float: right;
    font-size: 14px;
    background: #676C77;
    color: #F3F5F9;
    padding: 5px 20px;
    margin-top: -5px;
    font-weight: bold;
    text-transform: uppercase;
}

.sTitle > span.invoiceStatus.paid {
    background: #4fd405;
}

.iGroup.bEnd > input, .iGroup.bEnd > select, .iGroup.bEnd > .sWrap, .iGroup.bEnd > textarea, .iGroup.bEnd > .sfWrap {
    width: 50%;
    float: left;
}

.bEnd > button {
    width: -webkit-calc(10% - 10px);
    width: -moz-calc(10% - 10px);
    width: calc(10% - 10px);
    float: left;
    margin: 0 0 0 10px;
    height: 36px;
    background: #A2CE4E;
    border-color: #A2CE4E;
    color: #fff;
}

.bEnd > button:hover {
    background: #96BF48;
}

.moreBtn {
    margin: 55px auto;
    padding: 10px 20px;
    background: #90A3B9;
    color: #fff;
    width: 85px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    float: left;
}

.moreBtn:hover {
    background: #6A85A5;
}

.sTitle > .uMore {
    display: block;
    float: right;
    width: 100px;
   /*  text-align: right; */
}

.sTitle > .uMore > ul {
    right: -30px;
}

.w5 {
    width: 50px!important;
	-webkit-box-flex: none!important;
    -moz-box-flex: none!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important;
    text-align: center;
}

p.descrIssue {
    padding: 0 10px;
}

.payPrice {
    color: #FFFFFF;
    margin: 0 10px 10px;
}

.payPrice > p {
    margin: 0;
    padding: 7px 16px;
/*     width: -webkit-calc(33.3% - 5px);
    width: -moz-calc(33.3% - 5px);
    width: calc(33.3% - 5px);
    float: left; */
	background: #F7F8FA;
    margin: 0 0 5px 0;
    color: #8E8E8E;
    border-radius: 3px;
    border: 1px solid #EEF0F3;
}

.payPrice > p > a {
    color: #BEC8D4;
    font-size: 14px;
    cursor: pointer;
    float: right;
}

/* .payPrice > p:last-child {
    margin: 0 0 0 5px;
} */

input[name="doit"], input[name="quote"], input[name="pPrice"], input[name="pQuantity"] {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: -3px 5px;
    border-radius: 3px;
    color: #808080;
    width: 100px;
    outline: none;
}

input[name="pPrice"] {
    width: 66px;
}

.del {
    cursor: pointer;
    color: #D81616;
    margin-right: 5px;
}

input.qty {
    width: 46px;
    border: 1px solid #ddd;
    padding: 3px 5px;
    margin: -2px 0 0 0;
    border-radius: 2px;
    color: #777;
}

.btnMini {
    float: right;
    width: 150px;
    padding: 3px 10px;
    height: 24px;
    color: #fff;
    background: #A2CE4E;
    border-color: #A2CE4E;
}

.btnMini:hover {
    background: #94C13E;
}

.btnMini:active {
    padding: 4px 10px 2px;
}

.sUser.deleted > div, .sUser.deleted > a {
    background: #ffe5e5 !important;
}

.sUser.deleted:nth-child(even) > div, .sUser.deleted:nth-child(even) > a {
    background: #ffe5e5 !important;
}

.sUser.unpaid > div, .sUser.unpaid > a {
    background: #FDF3F2;
}

.sUser.unpaid:nth-child(even) > div, .sUser.unpaid:nth-child(even) > a {
    background: #FFECEA;
}

.sUser.paid > div, .sUser.paid > a {
    background: #F4F9EB;
}

.sUser.paid:nth-child(even) > div, .sUser.paid:nth-child(even) > a {
    background: #EDF3E3;
}

.mdlBody .tabs {
    margin: -15px -15px 0;
}

.print .td {
    border-bottom: 1px solid #ddd;
    padding: 0px!important;
}

.tbl.payInfo.discount {
    background: #F7F8FA!important;
    border-top: 2px solid #DDD;
}

.wId {
    width: 5%;
}

.wDt, .wDe, .wAm, .aPd {
    width: 10%;
}

.wCs {
    width: 20%;
}

.wPh {
    width: 15%;
}

.td:last-child > a.green:last-child {
    color: #769E26;
}

.uMore li.dd > ul {
    position: static;
    min-width: 100%;
	width: 100%;
    box-shadow: none;
    border-top: 1px solid #ddd;
    font-size: 14px;
	display: none;
}

td.e {
    background-color: #f7f8fa;
    border: 1px solid #d4d4d4;
}

td.v {
    background-color: #fff;
    border: 1px solid #d4d4d4;
}

tr.h {
    background-color: #eef1f7;
}

section.mngContent > div > table {
    box-shadow: none!important;
}

tr.v {
    background-color: #fff;
}

section.mngContent > div > table {
    width: 100%;
    margin: 0;
}

section.mngContent > div > table td, section.mngContent > div > table th {
    border: 1px solid #eef0f3;
	padding: 15px 20px;
	font-size: 90%;
	color: #555;
}

.td.isItem {
    padding-left: 30px!important;
}

.aTags {
    width: 60%;
    float: left;
	text-align: left;
}

.aTags > div {

    font-weight: bold;
	margin-bottom: 10px;
}

.aTags > ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.aTags > ul > li {
    color: #7d7d7d;
    display: inline-block;
    background: #f1f1f1;
    border-radius: 3px;
    padding: 3px 12px;
    font-size: 13px;
    font-weight: bold;
	margin-bottom: 3px;
}

.points {
    background: #36b1e6;
    color: #fff;
    display: inline-block;
    padding: 4px 6px 3px;
    border-radius: 3px;
    font-style: normal;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.points > img {
    width: 14px;
    margin: 2px 4px -1px 0;
    display: inline-block;
}

/* #preloader {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
	display: none;
}

#preloader > img {
    max-width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
    -moz-transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
    transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
	-webkit-animation: preloader 3s infinite;
	-moz-animation: preloader 3s infinite;
	animation: preloader 3s infinite;
}

@keyframes preloader {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
        -moz-transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
        transform: translate(-50%, -50%) scale(0.7) rotate(0deg);
      }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
      }
    23% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
      }
    26% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
      }
    29% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
      }
    32% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
      }
    35% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
      }
    38% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
      }
    41% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(10deg);
      }
    44% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(-10deg);
      }
    47% {
        -webkit-transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
        -moz-transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
        transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
      }
} */

/* body.pre > * {
	display: none;
} */

/* body.pre > #preloader, body.pre > .nvg {
	display: block!important;
} */

.bugTitle {
    background: #f7f8fa!important;
    padding: 20px;
    font-size: 16px;
    color: #696969;
    border-top: 1px solid #eef0f3;
}

.date {
    font-size: 12px;
    color: #777;
}

.date > a, .bugComment > a {
    color: #3799e6;
}

.date > span {
    color: #c9c9c9;
    padding: 0 10px;
}

.bug {
    display: block;
    height: auto;
}

.sUser.bug:nth-child(even) > div {
    background: transparent;
}

.bugContent {
    padding: 20px;
    color: #545454;
	word-break: break-word;
}

.bugComment {
    background: #f6f6f6;
    color: #777;
    font-size: 13px;
    padding: 10px 20px;
	margin: 10px 0;
}

.bugTitle > div:first-child {
    position: relative;
    padding-right: 100px;
}

.bugTitle > div:first-child > span {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 13px;
    color: #fff;
    background: #ddd;
    padding: 2px 8px;
}

.st_opened {
    background: #2196f3!important;
}

.st_closed {
    background: #90bf32!important;
}

.st_rejected {
    background: #d8362a!important;
}

.st_processed {
    background: #f1ae14!important;
}

.cm_opened {
    background: #ebf6ff;
}

.cm_closed {
    background: #eef5e1;
}

.cm_rejected {
    background: #ffecec;
}

.cm_processed {
    background: #fbf2e8;
}

.bugTitle > div:first-child > span.bEdit {
    position: relative;
    background: transparent;
    color: #2196f3;
    cursor: pointer;
}

.bugTitle > div:first-child > i {
    font-style: normal;
}

/* .left-fixed {
	position: fixed;
    top: 35%;
    left: 0;
	z-index: 9999;
}

.bugBtn {
    background: #478ac5;
    padding: 20px 7px 20px;
    color: #fff;
    text-decoration: none;
    writing-mode: vertical-lr;
	display: block;
	border-top-right-radius: 5px;
}

.bugBtn > span {
    margin-bottom: 10px;
} */

/* .androidBtn {
    font-size: 18px;
    background: #77c159;
    padding: 15px 7px 6px;
    color: #fff;
    text-decoration: none;
    writing-mode: vertical-lr;
    border-bottom-right-radius: 5px;
}

.androidBtn > span {
    margin-bottom: 10px;
} */

.ca-apps {
	display: flex;
}

.ca-apps > a {
	flex: 1;
	border: 1px solid #ececec;
	margin: 5px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #666;
}

.ca-apps > a > i {
	font-size: 50px;
	display: block;
	margin-bottom: 10px;
	color: #77c159;
}

.ca-apps > a:hover {
	border: 1px solid #77c159;
}

.notif {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    box-shadow: 1px 1px 0px #ddd;
    padding: 15px 20px;
    max-width: 250px;
    width: 250px;
    color: #696969;
    font-size: 13px;
    z-index: 9999999999;
	text-align: left;
}

.uNotif {
	color: #36b1e6;
    line-height: 35px;
    margin-bottom: 10px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgNotif {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.notif > span {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #c5c5c5;
    cursor: pointer;
}

.notif > span:hover {
    color: #8a8a8a;
}

.pnl.fw {
    width: 100%;
}

.oCash {
    padding: 20px;
	margin-left: 0!important;
}

.cash .pnl {
    margin-right: 15px;
    margin-left: 15px;
}

.pnl.lPnl {
    margin-left: 0;
}

.pnl.rPnl {
    margin-right: 0;
	margin-left: 15px;
}

.oCash > .pnlTitle {
    margin: -20px -20px 20px;
}

.sumCash {
    text-align: center;
    margin: 30px 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #719caf;
	line-height: 34px;
}

.amNot {
    text-align: center;
    font-size: 24px;
    padding: 20px 0;
    color: #d63737;
}

.btnOCash {
    color: #fff;
    background: #5798cc;
    border-color: #5798cc;
	border-radius: 20px;
	text-transform: capitalize;
}

.btnOCash:hover {
    background: #4a89bb;
}

.cashGroup {
    padding: 30px 10px 20px;
}

.dc {
    float: right;
    margin-right: 15px;
    background: #d63737;
}

.dc:hover {
    background: #c52727;
}

/* .w10 {
    width: 20px!important;
} */

.w10 > a > span {
	color: #8bc34a;
}

.dicline .td {
    background: #ffebeb;
}

.dicline:nth-child(even) .td {
    background: #ffdede;
}

.dicline:hover .td {
    background: #ffd4d4;
}

.w10 > a > span.fa-pencil {
    color: #5798cc;
}

.wStaff {
    width: 20%;
}

.wIds {
    width: 100px;
}

.wIds > span {
	color: #8bc34a;
}

#cashHistory .td:last-child > a:last-child {
	color: #5798cc;
}

.tHead {
    display: table-header-group;
}

.tBody {
    display: table-row-group;
}

span.minLack {
    color: #f00;
}

span.plusLack {
    color: #4ac14a;
}

.btnOCash:disabled {
    background: #dbdee6;
    border-color: #dbdee6;
}

/* .timerClock {
	font-family: 'Digit', monospace;
	font-size: 32px;
	background: #f2f3f5;
	color: #8c9cac;
	padding: 0 15px;
	border-radius: 3px;
	margin: 0 20px 0 0;
	line-height: 65px;
	height: 70px;
	display: block;
	float: left;
	cursor: pointer;
} */

.miniRound {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    line-height: 45px;
    text-align: center;
    color: #73bad8;
    border: 1px solid #e0e0e0;
    font-size: 16px;
}

.tabs .td {
    vertical-align: middle;
}

.w20 {
    width: 175px;
}

.aCenter > div:first-child {
    text-align: center;
    padding: 20px 0 0;
    color: #333;
    font-size: 18px;
}

.btnStart {
    width: 20%;
    margin: 10px 2.3%;
    border-radius: 20px;
    background: #36b1e6;
    border-color: #36b1e6;
    color: #fff;
    display: inline-block;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.btnStart:hover {
    background: #219ace;
}

input.method_num {
    margin-top: 10px;
}

.wp20 {
    width: 25%;
	line-height: 45px;
}

.filters {
    float: right;
    position: relative;
    max-width: 100%;
}

.filters > span {
    color: #36b1e6;
    cursor: pointer;
}

.filterCtnr {
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(74, 74, 74, 0.4);
    padding: 0;
    font-size: 13px;
    width: 300px;
    display: none;
	z-index: 9;
}

.dGroup > input + div {
	display: none;
    position: absolute;
    top: -moz-calc(100% - 15px);
    top: -webkit-calc(100% - 15px);
    top: calc(100% - 15px);
    background: #fff;
    left: 20px;
    text-align: left;
}

.dGroup {
    position: relative;
	z-index: 9;
}

li.user > a > u {
    text-decoration: none;
    display: none;
}

.iGroup.fw > label > span {
    display: block;
    font-size: 12px;
    color: #9e9e9e;
}

.selW > .sWrap {
    width: 200px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}

.mngSearch.selW > input {
    width: -webkit-calc(100% - 375px);
    width: -moz-calc(100% - 375px);
    width: calc(100% - 375px);
    border-radius: 0;
    border-left: 0;
}

.mngSearch.selW > .sWrap > div {
    height: 36px;
}

.iGroup.fw > label > span.fa-eraser {
    float: right;
    font-size: 16px;
    line-height: 24px;
    color: #36b1e6;
    cursor: pointer;
}

input:read-only {
    background: #f7f7f7;
}

a {
    color: #4c91bb;
	text-decoration: none;
}

a:hover {
    color: #4ca3d8;
}

.flRight {
    float: right;
}

.flRight > div {
	float: left;
	color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    margin: -3px 5px 0;
    font-size: 14px;
    font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.uPoints {
    background: #2196f3;
}

.uTime {
    background: #88b52d;
}

.sUser.bug {
    margin: 0px 0 20px;
    background: #fff;
}

.userList.bug {
	background: #f0f2f5;
}

ul.uOnline {
    list-style: none;
    padding: 0;
    margin: 15px 20px;
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
}

.btnAddRef {
    background: #A2CE4E;
    border-color: #A2CE4E;
    color: #fff;
    float: right;
    width: 150px;
    margin: -9px 0;
    font-size: 16px;
}

.btnAddRef:hover {
    background: #86b52d;
}

.iRight {
    width: 60%;
    text-align: left;
    padding: 6px 0;
	float: left;
	position: relative;
    z-index: 9999;
}

.iRight > input {
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 3px;
    color: #5E6573;
}

.iRight > input + div {
    position: absolute;
    z-index: 9999;
    top: 42px;
    left: 0;
}

.iRight > .rbWrap {
    float: left;
    margin-right: 10px;
}

.iRight > .bDay, .iRight > .bYear {
    height: 37px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 3px;
    color: #5E6573;
    width: -webkit-calc(30% - 5px);
    width: -moz-calc(30% - 5px);
    width: calc(30% - 5px);
	margin-right: 5px;
	float: left;
}

.iRight > .bYear {
	width: 30%;
	margin-right: 0;
}

.iRight > .sWrap {
    width: -webkit-calc(40% - 5px);
    width: -moz-calc(40% - 5px);
    width: calc(40% - 5px);
	margin-right: 5px;
    float: left;
}

.regSteps {
    text-align: center;
    margin: 20px;
}

.regSteps > span {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #c1c1c1;
    color: #fff;
    border-radius: 50%;
    line-height: 38px;
    font-size: 18px;
    position: relative;
    z-index: 2;
	cursor: pointer;
}

.regSteps > span:first-child {
    position: relative;
    margin-right: 100px;
    background: #28abdc;
}

.regSteps > span:first-child:before {
	content: ' ';
	width: 104px;
	position: absolute;
	top: 15px;
	left: 38px;
	background: #c1c1c1;
	height: 8px;
	z-index: 0;
}

 .next .regSteps > span:last-child {
    background: #28abdc;
}

.next .regSteps > span:first-child:before {
    background: #28abdc;
    left: 37px
}

.step.sStep {
    display: none;
}

.next .step.fStep {
    display: none;
}

.next .step.sStep {
    display: block;
}

section.mngContent.fw {
    width: 720px;
	max-width: 100%;
	margin: 0 auto;
}

.regSteps > span:nth-child(2):before {
    content: ' ';
    width: 104px;
    position: absolute;
    top: 15px;
    left: 38px;
    background: #c1c1c1;
    height: 8px;
    z-index: 0;
}

.regSteps > span:nth-child(2) {
    margin-right: 100px;
}

.iGroup .sfWrap {
    width: 60%;
    float: left;
}

/* .issuesTbl .td {
    background: #fee;
}

.issuesTbl .tr:nth-child(even) > .td {
    background: #ffdada;
}

.issuesTbl .finished .td {
    background: #e9f9de;
}

.issuesTbl .tr.finished:nth-child(even) .td {
    background: #d5f1c1;
}

.issuesTbl .tr:hover .td {
    background: #ffe3e3;
}

.issuesTbl .tr:nth-child(even):hover .td {
    background: #ffd1d1;
}

.issuesTbl .finished:hover .td {
    background: #eaffdb;
}

.issuesTbl .tr.finished:nth-child(even):hover .td {
    background: #c4e8a9;
} */

.mng > li.inactive > a {
    background: #f3f3f5;
	cursor: default;
}

.mng > li.active > a {
	cursor: default;
}

.mng > li.active > a:hover, .mng .active:hover {
    background-color: #fff!important;
}

.sTitle > span {
    margin-left: 30px;
}

.sTitle > span:first-child {
    margin-left: 0;
}

.start .td {
    background: #e9f9de;
}

.tr.start:nth-child(even) .td {
    background: #d5f1c1;
}

.start:hover .td {
    background: #eaffdb;
}

.tr.start:nth-child(even):hover .td {
    background: #c4e8a9;
}

.stop .td {
    background: #fee;
}

.stop.tr:nth-child(even) > .td {
    background: #ffdada;
}

.stop.tr:hover .td {
    background: #ffe3e3;
}

.stop.tr:nth-child(even):hover .td {
    background: #ffd1d1;
}

.iGroup.fw .sfWrap {
	width: 100%;
}

.w125 {
    width: 22%;
}

.filters.ap {
    position: absolute;
    top: 20px;
    right: 20px;
}

.filters.ap > span {
    font-size: 19px;
}

.arr {
    position: relative;
}

.arr:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -7.5px;
    border: 10px solid transparent;
    border-left: 10px solid white;
}

.mngContent.tr {
    background: transparent;
    box-shadow: none;
}

.bWhite {
    background: #fff;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
}

.sTitle.spBottom {
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
}

p > a.eBtn {
    float: none;
    color: #6f9dd2;
    margin: 0 10px;
}

.devStatus {
    background: #e3f7bf;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 5px!important;
}

.devLocation {
    background: #dbecff;
    padding: 3px 10px;
    border-radius: 3px;
}

.fl50 {
    width: 50%;
    float: left;
}

.payPrice > p > a.intakeTech {
    float: none;
    color: #528fd6;
}

.btnStatus {
    float: right;
    width: 150px;
    margin: -10px 10px;
    background: #a2ce4e;
    border-color: #a2ce4e;
    color: #fff;
    font-size: 16px;
}

.btnStatus:hover {
    background: #96c33f;
}

.exportXls {
    float: right;
    margin: 2px 30px;
    color: #8BC34A;
	cursor: pointer;
}

.price .sfWrap > span > ul > li {
    padding-right: 80px;
}

.price .sfWrap > span > ul > li:after {
    content: attr(data-price);
    position: absolute;
    color: #2494c4;
    font-size: 14px;
    font-weight: bold;
    top: 9px;
    right: 10px;
}

.object .sfWrap > span > ul > li:after {
    content: attr(data-object);
    float: right;
    color: #ababab;
    font-size: 12px;
}

p.descrIssue.important {
    background: #fff3d7;
    padding: 10px 20px;
    color: #676560;
}

a.aServ {
    text-decoration: none;
	text-align: center;
    display: block;
}

a.aServ > span {
    margin-right: 5px;
}

.noWrap a {
    font-size: 13px;
}

.iGroup.plusNew .sfWrap,
.iGroup.plusNew .sWrap {
    width: 55%;
}

.iGroup.plusNew > span {
    display: block;
    float: left;
    width: 5%;
    line-height: 45px;
    font-size: 18px;
    color: #8ab538;
    cursor: pointer;
}

.iGroup.plusNew > span:hover {
    color: #7ba22e;
}

.issuesTbl .important .td {
    background: #ffd0ae;
}

.issuesTbl .important:nth-child(even) .td {
    background: #ffbf90;
}

.issuesTbl .important:hover .td {
    background: #ffc59b;
}

.issuesTbl .important:nth-child(even):hover .td {
    background: #ffb885;
}

.issuesTbl .some .td {
    background: #fbfac2;
}

.issuesTbl .some:nth-child(even) .td {
    background: #f1f0ac;
}

.issuesTbl .some:hover .td {
    background: #fffeb3;
}

.issuesTbl .some:nth-child(even):hover .td {
    background: #f5f39c;
}

.stL {
    white-space: nowrap;
    max-width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lh45 {
    line-height: 45px;
}

.webPhoto {
    margin: 20px 0;
	text-align: center;
}

.btnWeb {
    margin: 0 auto;
    width: 200px;
    text-transform: uppercase;
    background: #50b2dc;
    border-color: #50b2dc;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    max-width: 100%;
}

.btnWeb:hover {
    background: #42a1ca;
}

.webPhoto > div {
    position: relative;
    margin: 20px 0 15px;
}

.webPhoto > div:before {
    content: ' ';
    position: absolute;
    top: 12px;
    left: 0;
    background: #ddd;
    width: 100%;
    height: 1px;
}

.webPhoto > div > span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    color: #828282;
    text-transform: uppercase;
    font-size: 12px;
}

#video, #photo {
	width: 470px;
	height: 352.5px;
}

#canvas {
	display: none;
}

#photo {
    margin: 10px 0;
}

.aCenter {
    text-align: center;
}

.searchForm {
    float: right;
    width: 400px;
	position: relative;
	max-width: 100%;
}

.pnlTitle:after {
    content: ' ';
    display: block;
    clear: both;
}

.searchForm > .sWrap {
    width: 15%;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	z-index: 9999999;
    position: relative;
}

.searchForm > input {
    width: 75%;
    float: left;
    height: 37px;
    border: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
	color: #777;
}

.searchForm > .btnSearch {
    width: 10%!important;
    float: left;
    padding: 0;
    height: 37px;
    color: #36b1e6;
}

.im {
	margin: 0;
    background: #fff;
    height: -webkit-calc(100vh - 190px);
    height: -moz-calc(100vh - 190px);
    height: calc(100vh - 190px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    color: #777;
    font-size: 13px;
	position: relative;
    overflow: hidden;
}

.imLeft {
    width: 300px;
}

.imDialogs {
    overflow-y: scroll;
    height: -webkit-calc(100vh - 340px);
    height: -moz-calc(100vh - 340px);
    height: calc(100vh - 340px);
}

.imChats {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	position: relative;
}

.imUser {
    background: #fff;
    cursor: pointer;
    padding: 10px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9a9fab;
    position: relative;
}

.imUser:hover {
    background: #f5f6f7;
}

.imImg {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    color: #cfd4de;
    font-size: 25px;
    background: #bcbec0;
    color: #fff;
}

.imUser.gc {
    border-bottom: 1px solid #f3f3f3;
}

.imUser.active {
    background: #f5f6f7;
}

.imNoCont {
    padding: 10px;
    width: 200px;
    text-align: center;
    color: #a2a5ad;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.imDialog {
    height: -webkit-calc(100vh - 360px);
    height: -moz-calc(100vh - 360px);
    height: calc(100vh - 360px);
    overflow-y: scroll;
	padding-bottom: 15px;
}

.imMessage {
    /* height: 165px; */
    padding: 20px 20px 14px;
    border-top: 1px solid #eee;
}

.imMessage:after {
    content: ' ';
    display: block;
    clear: both;
}

.imMessage > textarea {
	width: 100%!important;
    height: 80px;
    max-height: 80px!important;
    border: 1px solid #dedede;
    padding: 10px;
    color: #848484;
    max-width: 100%!important;
}

.imFunc {
    text-align: right;
	margin-top: 7px;
}

.btnIm {
    height: 35px;
    border-radius: 1px;
    width: 100px;
    background: #36b1e6;
    border-color: #36b1e6;
    color: #fff;
	float: right;
}

.btnIm:hover {
    background: #2ba1d4;
}

.imMessage > textarea:focus {
    outline: none;
    border-color: #c9d2d6;
}

.imFunc > ul {
    float: right;
    list-style: none;
    margin: 5px 20px;
    font-size: 15px;
    color: #adaeb1;
	width: 55px;
    padding: 0;
}

.imFunc > ul > li {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
}

.imFunc > ul > li:hover {
    color: #9eadcc;
    transition: all 0.3s ease-in-out;
}

.imMes {
    margin: 0px 15px 0;
    display: flex;
}

.imMes.first {
    margin-top: 15px;
}

.imMes > div {
    flex: 1;
    margin-right: 75px;
}

.imMes > a {
    width: 50px;
    padding-top: 0px;
}

.imMesTop {
    color: #bfbfbf;
}

.imMesTop > a {
    color: #36b1e6;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
	padding: 12px 0px;
}

.imDate {
    text-align: right;
    display: block;
    font-size: 11px;
    color: #9db5c7;
    line-height: 18px;
}

.imMesText {
    border-left: 1px solid #c3d3e2;
    padding: 15px;
    position: relative;
    color: #9a9fa7;
    margin-left: 50px;
    word-break: break-word;
    font-size: 1rem;
}

.imMesText::after {
    position: absolute;
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    background: #c3d3e2;
    left: -3px;
    border-radius: 50%;
	bottom: 0;
}

.first .imMesText {
    margin-left: 0px;
}

/* .first .imMesText:before {
	content: ' ';
	position: absolute;
	top: 3px;
	left: -13px;
	border: 7px solid transparent;
	border-right-color: #ebf6ff;
} */

.imMes.my > a {
    order: 2;
}

.imMes.my > a > .imImg {
    margin: 0 0 0 10px;
}

.my .imMesTop > a {
    float: right;
}

.my .imDate {
    color: #a9aeb7;
}

.imMesTop:after {
	content: ' ';
	display: block;
	clear: both;
}

.my .imMesText:before {
    left: inherit;
    right: -14px;
    border: 7px solid transparent;
    border-left-color: #f7f8fa;
}

.my .imMesText {
    border-left: 0;
    border-right: 1px solid #c3d3e2;
    margin-right: 50px;
    margin-left: 0;
}

.my .imMesText::after {
    position: absolute;
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    background: #c3d3e2;
    right: -3px;
    border-radius: 50%;
	left: inherit;
}

.first.my .imMesText {
    margin-right: 0;
}

.imMes.my > div {
    margin: 0 0 0 75px;
}

.imAnim {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 52px;
    color: #36b1e6;
}

.imAnim > span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

input[name="imSearch"] {
    width: 100%;
    height: 32px;
    border: 1px solid #dde0ea;
    padding: 3px 10px;
}

.imSearch {
	position: relative;
    background: #fff;
}

.imSearch > input {
	padding: 10px 10px 10px 45px !important;
}

.imSearch::before {
    position: absolute;
    top: 13px;
    left: 13px;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f002";
}

.imUser.new {
    background: #ebf5ff;
    position: relative;
}

.imUser.new:after {
    content: '\f075';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 5px;
    color: #b3c3ca;
}

.imDel {
    position: absolute;
    top: 5px;
    right: -16px;
	width: 15px;
    color: #ea7d7d;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.imMes:hover .imDel {
    opacity: 1;
}

.my .imDel {
    left: -16px;
}

.imDeleted {
    margin-right: 10px;
    font-size: 14px;
}

.btnSubmit.ac {
    float: left;
}

.cashGroup:after {
	content: ' ';
	display: block;
	clear: both;
}

.uBlock {
    text-align: left;
}

.tNotif {
    word-break: break-all;
    line-height: 18px;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.files {
    margin: 0 5px 5px;
    padding: 0;
    list-style: none;
}

ul.files > li > a {
    text-decoration: none;
    color: #36b1e6;
}

ul.files > li > a > span {
    margin-right: 10px;
    color: #94bfd2;
}

ul.files > li > span {
    margin-left: 10px;
    color: #ef6d6d;
    cursor: pointer;
}

.imMessage .thumbnails {
    margin: 0;
    padding: 0;
}

.muInfo {
    width: 200px;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px;
}

.lbl + .sfWrap {
    width: 100%;
}

.optGroup.sInput > .fa-bars {
    padding: 27px 15px 7px;
}

.sInput .sSide + .fa {
    margin-top: 10px;
}

.sInput .sSide {
    margin-bottom: 0;
}

.sSide.fw {
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
}

/* .searchResult {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 2px rgba(66, 66, 66, 0.35);
	z-index: 9;
	outline: none;
} */

/* .searchResult table {
    font-size: 14px;
    color: #777;
    width: calc(100% - 20px);
    margin: 10px;
} */

/* .searchResult table td:first-child {
    width: 205px;
} */

a.showAll {
    background: #f7f8fa;
    display: block;
    margin: 0 -10px -10px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #36b1e6;
}

.searchResults {
    display: table;
    width: 100%;
}

.singleReslt {
    display: table-row;
    width: 100%;
}

.resLink {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    line-height: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 20px;
}

.reDetail {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
	padding: 10px 20px;
}

.singleReslt:nth-child(even) > div {
    background: #f7f8fa;
}

.searchResult .miniRound {
    width: 30px;
    height: 30px;
}

.imLeft > span {
	display: none;
}

span.imCount {
    position: absolute;
    top: 5px;
    right: 3px;
    line-height: 20px;
    color: #64a7e2;
    padding: 0 10px;
}

span.imCount:before {
    content: "\f075";
    font-family: FontAwesome;
    color: #dadada;
    margin-right: 5px
}

.newMsg {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 12px;
    background: #36b1e6;
    color: #fff;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 3px;
}

.w150 {
	width: 150px;
}

.storeOne {
    line-height: 42px;
    font-size: 20px;
    color: #5798cc;
}

.uForm {
    position: relative;
}

.paidImg {
    position: absolute;
    bottom: 32px;
    right: 400px;
    z-index: 999;
}

.bugTitle > div:first-child > span.st_improvement {
    background: #18bbac;
}

.imp {
    margin-right: 10px;
    background: #18bbac;
	width: 160px;
}

.imp:hover {
    background: #1ea598;
}

.showObject .sfWrap > div > span:before {
    content: attr(data-object);
    margin-right: 10px;
}

.iGroup.fw > .sWrap {
	width: 100%;
}

.pStatus {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    color: #555;
    text-decoration: none;
	font-size: 13px;
    font-style: italic;
}

.uInfo.pch {
    font-size: 13px;
}

.uInfo.pch > i {
    font-weight: normal;
    font-size: 12px;
}

.pnThumb {
    width: 125px;
    float: left;
    margin-right: 10px;
}

.pnThumb > img {
    width: 100%;
    max-width: 100%;
}

.pNewText {
    margin-top: 15px;
}

.pnPrice {
    font-size: 18px;
    margin: 10px 0;
    color: #86a251;
}

.npPrice {
    width: calc(100% - 40px);
    margin: 10px 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pnName {
    color: #6d6d6d;
}

.isId {
    text-align: left;
    width: 60%;
	float: left;
}

.editor.fullScreen {
    margin-top: 50px;
}

.editor.fullScreen textarea {
    min-height: calc(100% - 65px);
}

.repObj {
    margin: 20px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.roName {
    font-size: 24px;
    color: #2196f3;
    margin-bottom: 20px;
}

.roMoney {
    color: #808080;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    background: #f7f8fa;
    padding: 15px;
}

.roTotal {
    margin: 20px;
    font-size: 18px;
    color: #80af27;
    text-align: center;
    font-size: 30px;
}

.iGroup.w50 {
    width: 50%;
    float: left;
}

.wtUser {
    width: 40%;
}

th {
    border-bottom: 2px solid #ddd;
    padding: 5px 10px;
	height: 50px;
}

th > a {
	color: #777;
}

table {
    color: #777;
	width: 100%;
	word-wrap: break-word;
	word-break: keep-all;
}
tr:nth-child(even) > td {
    background: #f7f8fa;
}

tr:hover td, tr:nth-child(even):hover > td {
    background: #eff2f7;
}

table.issue_status th {
    font-size: 12px;
}

.issue_status, .working_time {
	margin: 20px 0 0;
}

#report h3 {
    text-align: center;
    color: #929292;
}

.blue {
    color: #299cce;
	font-weight: bold;
}

.green {
    color: #77b500;
    font-weight: bold;
}

.red {
    color: #f00;
    font-weight: bold;
}

table.storesTotal {
    width: 50%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
}

table.storesTotal td {
    padding: 5px 10px;
    text-align: left;
}

.not-confirmed > * {
    background: #ffefef;
}

.sUser.not-confirmed:nth-child(even) > div, .sUser.not-confirmed:nth-child(even) > a {
    background: #ffe5e5;
}

a.btnConfirmed {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: #b68282;
    padding: 10px 15px;
    border-radius: 3px;
}

a.btnConfirmed:hover {
    background: #ce8686;
}

a.btnConfirmed:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #daa3a3;
}

.mt a.btnConfirmed {
    float: right;
	padding: 3px 10px;
    margin: -3px;
}

.fTitle {
    background: #36b1e6;
    color: #fff;
    padding: 20px 30px;
    font-size: 16px;
}

li.timer {
    position: relative;
}


.weekInfo table {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    max-width: 100%;
}

.weekInfo td {
    padding: 5px 10px;
}

.noSort {
    display: table-cell;
}

.mdl .tab .iGroup .sfWrap {
    width: 100%;
}

.invUsrSingle {
    margin: 25px 20px;
    color: #707070;
}

.btnRight {
    float: right;
    color: #b7b7b7;
}

.btnRight:hover {
    color: #36b1e6;
}

.iGroup.plusNew.fw .sfWrap, .iGroup.plusNew.fw .sWrap {
	width: 91%;
    margin-right: 10px;
}

.isSpace {
    height: 15px;
}

.btnNext {
    float: right;
    width: auto;
    margin: -5px 0;
    text-decoration: none;
    color: #fff;
    background: #42a0c9;
    border-color: #42a0c9;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 20px;
    height: 35px;
}

.btnNext:hover {
    background: #44b3e3;
}

.btnNext:active {
    padding: 7px 20px 5px;;
}

.organizer, .orgTable {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 1px rgba(80, 80, 80, 0.07);
}

.oWeek:after {
	content: ' ';
	display: block;
	clear: both;
}

.owDay {
    width: -webkit-calc(100% / 7 - 10px);
    width: -moz-calc(100% / 7 - 10px);
    width: calc(100% / 7 - 10px);
    display: block;
    float: left;
    text-align: center;
    background: #edeff4;
    margin: 0 5px 20px;
    padding: 10px;
    color: #9098a8;
    font-weight: bold;
    font-size: 16px;
}

.owDay.hol {
    background: #ffefed;
    color: #ae756d;
}

.odDay {
    width: -webkit-calc(100% / 7 - 10px);
    width: -moz-calc(100% / 7 - 10px);
    width: calc(100% / 7 - 10px);
    height: 100px;
    margin: 0 5px 10px;
    float: left;
    position: relative;
    background: #f7f8fa;
	cursor: pointer;
}

.oDays:after {
	content: ' ';
	display: block;
	clear: both;
}

.odDay > span {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #9f9f9f;
    font-weight: bold;
}

.odSpace {
    float: left;
    width: -webkit-calc(100% / 7 *3 - 10px);
    width: -moz-calc(100% / 7 *3 - 10px);
    width: calc(100% / 7 *3 - 10px);
    height: 100px;
    margin: 0 5px 0;
}

.odDay.hol > span {
    color: #b5756d;
}

.oDate {
    background: #f7f8fa;
    margin: 0 5px 20px;
    padding: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #9499aa;
    text-transform: uppercase;
	position: relative;
	min-height: 55px;
}

.btnPickup {
    float: left;
    width: 100px;
    font-size: 16px;
    color: #fff;
    background: #698fbd;
    border-color: #698fbd;
}

.btnPickup:hover {
    background: #5176a2;
}

p.devStatus.pickup {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    margin-top: 10px;
}

.odDay.active {
    background: #e7eeff;
}

.odDay.focus {
    background: #ebedf3;
}

.oNav {
    position: absolute;
    top: 50%;
	padding: 15px;
    -webkit-transform: translate(-65px, -50%);
    -moz-transform: translate(-65px, -50%);
    transform: translate(-65px, -50%);
    color: #ced3de;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oNav:hover {
    color: #9faabf;
}

.fa-chevron-right.oNav {
    left: initial;
    -webkit-transform: translate(25px, -50%);
    -moz-transform: translate(25px, -50%);
    transform: translate(25px, -50%);
}

.odYear > input {
    width: 100px;
    padding: 8px 15px;
    margin: -10px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #a4a4a4;
    font-size: 18px;
}

.months {
    position: relative;
	display: none;
}

.months:after {
	content: ' ';
	display: block;
	clear: both
}

.month {
    width: calc(25% - 10px);
    margin: 0 5px 10px;
    display: block;
    float: left;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #f3f5f9;
    font-size: 18px;
    color: #919eb9;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.month:hover {
    background: #ebeef5;
}

.month.active {
    background: #e4eaf5;
}

.organizer.sMonth .oDays, 
.organizer.sMonth .oWeek {
	display: none;
}

.organizer.sMonth .months {
	display: block;
}

.iGroup.dGroup:not(.fw) .calendar {
    right: 15px;
    left: initial
}

.lOrg {
    width: 50%;
    float: left;
}

.rOrg {
    width: 50%;
    float: left;
    padding: 0 0 0 10px;
}

.uForm:after {
	content: ' ';
	display: block;
	clear: both;
}

.oWeekDay {
    padding: 13px 20px;
    border-bottom: 1px solid #eef0f3;
	position: relative;
}

.oWeekDay.act {
	z-index: 10000;
}

.oWeekDay > label {
    width: 25%;
    display: inline-block;
    color: #83909e;
}

.oWeekDay > input {
    padding: 5px 10px;
    margin: -5px 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #777;
}

.orgUsers {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.orgUsers > a > .miniRound, .orgUsers > .miniRound {
    background: #fff;
	width: 30px;
    height: 30px;
    line-height: 30px;
	cursor: pointer;
}

.orgUsr {
    line-height: 45px;
}

.orgUsr {
    line-height: 45px;
}

#mdlSingle .tbl {
    margin: -5px;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
	min-width: -webkit-calc(100% + 10px);
    min-width: -moz-calc(100% + 10px);
    min-width: calc(100% + 10px);
	max-width: -webkit-calc(100% + 10px);
    max-width: -moz-calc(100% + 10px);
    max-width: calc(100% + 10px);
}

.oDate > .filters {
    text-transform: none;
    font-weight: normal;
}

.orEdit {
    margin: 0 10px;
    color: #a0c1d0;
	cursor: pointer;
}

.orEdit:hover {
    color: #7eadcc;
}

.mdl .iGroup.hw .sfWrap {
    width: 60%;
}

.oWeekDay .sWrap {
    width: 33%;
    float: right;
    margin: -5px 0;
}

.lMenu > li.dd > a {
    padding: 0 30px 0 20px;
}

.rMenu > li.timer > a {
    display: inline-block;
    padding: 0 5px;
    border-right: 0;
    color: #36b1e6;
}

.rMenu > li.timer > a > .fa-stop {
    color: #d04646;
}

.rMenu > li.logout > a > span {
    margin: 0;
}

.rMenu > li.logout > a {
    background: #db3e3e;
    color: #fff;
}

.rMenu > li.logout > a:hover {
    background: #b02c2c;
}

.devLocation:after {
    content: attr(location_count);
    margin-left: 10px;
}

.navMoreBtn {
    line-height: 70px;
    display: block;
    float: left;
    padding: 0 20px;
    border-left: 1px solid #eef0f3;
}

.navMoreBtn:hover {
    color: #929799;
    background: #fafbfc;
}

.lMenu > li:last-child > a {
	border-right: none;
}

.navMoreBtn:hover {
    color: #929799;
    background: #fafbfc;
}

ul.navMore {
    position: absolute;
    top: 70px;
    left: 500px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
    list-style: none;
    padding: 0;
    margin: 0;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

ul.navMore > li > a {
    display: block;
    padding: 10px 20px;
    text-align: left;
    text-decoration: none;
    color: #777;
    border-bottom: 1px solid #eef0f3;
	position: relative;
}

ul.navMore > li > a > span {
    margin-right: 5px;
}

ul.navMore > li > a:hover {
    color: #929799;
    background: #fafbfc;
}

.orgTable {
    margin: 15px 0;
}

.oWeekCheck {
    padding: 13px 20px;
    border-bottom: 1px solid #eef0f3;
    position: relative;
    color: #777;
}

.oWeekCheck label {
    width: 25%;
    display: block;
    float: left;
}

.oWeekCheck .cbWrap {
    margin: -12px 90px -10px 10px;
}

.pSpan {
    font-size: 28px;
    margin: -3px 25px -3px 10px;
    color: #a4aebf;
    float: left;
}

.pointsSel .sUser {
    cursor: pointer;
}

.iGroup.act {
    position: relative;
    z-index: 10000;
}

.rMenu > li.timer > a:last-child {
    border-right: 1px solid #eef0f3;
    padding-right: 15px;
}

.rMenu > li.timer > a:hover {
    background: transparent;
}

.nIssue > a {
    background: #36b1e6;
    padding: 10px 20px;
    margin: 0;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    font-style: normal;
    transition: all 0.3s ease-in-out;
}

.nIssue > a:hover {
    background: #32a3d4;
}

.nIssue > a:active {
    padding: 11px 20px 9px;
}

.trade_price > span {
    color: #c91818;
    font-weight: bold;
}

.trCOnf {
    background: #bb6464;
}

.trCOnf:hover {
    background: #9b4f4f;
}

span.cn_price {
    color: #0cae06;
}

.btnSubmit.left {
    float: left;
    background: #36b1e6;
    margin-left: 0;
}

.btnSubmit.left:hover {
    background: #23a3da;
}

.breads {
    padding: 15px 30px;
    background: rgba(250, 250, 250, 0.67);
    border-bottom: 1px solid #eef0f3;
}

.breads > a {
    color: #a4a9b3;
    text-decoration: none;
}

.breads > a > span {
    margin-right: 10px;
    color: #d0d5da;
}

.breads > a:hover {
    color: #7f899c;
}

.breads > a:hover > span {
    color: #c5ced8;
}

.subloc #sublocation {
    width: 100px;
    float: right;
}

.subloc .sfWrap {
    width: -webkit-alc(60% - 110px);
    width: -moz-calc(60% - 110px);
    width: calc(60% - 110px);
}

.subloc #sublocation > .sWrap > div {
    height: 43px;
    line-height: 32px;
}

.subloc #sublocation > .sWrap > div:after {
    top: 20px;
}

#report table {
    margin: 20px 40px;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
}

span.fa.fa-circle.isOpen {
    color: transparent;
}

td {
    padding: 3px 10px;
}

/* .mngContent.fullw {
    width: 100%;
} */

.mngContent.fullw {
    width: 90%;
    float: none;
    margin: 0 auto;
}

.mngContent.ffullw {
    width: 100%;
    float: none;
    margin: 0 auto 30px;
}

p.devStatus > a {
    color: #ffffff;
    float: right;
    text-decoration: none;
    font-size: 14px;
    background: #90bd41;
    display: inline-block;
    margin: -3px -10px;
    height: 30px;
    border-radius: 3px;
    padding: 3px 10px;
    transition: all 0.3s ease-in-out;
}

p.devStatus > a > span {
    margin-right: 10px;
    color: #d9ff97!important;
}

p.devStatus > a:hover {
    background: #7aa62c;
}

p.devStatus > a:active {
    padding: 4px 10px 2px;
}

.usLiHead + .userList.tbl {
    width: 100%;
    margin: 0;
}

.complited {
    color: #dc4747;
    font-weight: bold;
    font-family: 'FontAwesome', "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 28px;
}

.inf {
    font-size: 24px;
    font-weight: bold;
    color: #88b4c7;
}

#appliedPartial .aCenter {
    font-size: 24px;
    padding: 30px 30px 15px;
}

#appliedPartial .aCenter > div {
    margin-top: 15px;
}

.conf_drop {
    padding: 5px 0;
    font-family: 'FontAwesome', 'Helvetica Neue', Helvetica;
    cursor: pointer;
}

.conf_drop.rd {
    color: #dd5555;
}

.conf_drop.gr {
    color: #2cb272;
}

.tr.unconfirmed > .td, .sUser.unconfirmed > div, .sUser.unconfirmed > a {
    background: #fff7f7;
    color: #807777;
}

.tr.unconfirmed:nth-child(even) > .td, .sUser.unconfirmed:nth-child(even) > div, .sUser.unconfirmed:nth-child(even) > a {
    background: #ffebeb;
}

.tr.confirmed > .td {
    background: #d8f9e8;
    color: #6d8679;
}

.tr.confirmed:nth-child(even) > .td {
    background: #cbf1dd;
}

a.fastMes {
    float: left;
    color: #f7f8fa;
    background: #2aaf93;
    padding: 3px 5px;
    display: block;
    border-radius: 3px;
    margin: -3px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
}

a.fastMes:hover {
    background: #25c2a1;
}

.uName > div > p.devObject {
    background: #eceef3;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.tmr.hnt:after {
    top: 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.osIcon {
    color: #299cce;
    margin-right: 10px;
	cursor: pointer;
}

.fa-stop.osIcon {
    color: #d04646;
}

.tmr.hnt:before {
    top: 21px;
}

.showMob {
    display: none;
}

.showFll {
    display: block;
}

.uMore > span.showFll {
    font-size: 18px;
    color: #85a2b5;
}

.filters + .addBtn {
    margin-right: 15px;
}

.trLog {
    text-align: center;
    color: #777;
}

.dClear_paid {
    position: relative;
}

.trIn > input {
    width: 75px;
    border: 1px solid #ddd;
    padding: 3px 7px;
    border-radius: 3px;
    color: #777;
}

#purch .pnThumb {
    width: 95px;
    margin-left: 22px;
}

#purch .pNewText {
    margin-right: 22px;
}

.dreamTeam {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
}

.dreamUser {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    display: inline-block;
    flex-wrap: nowrap;
}

.dreamUser > a > img {
    border-radius: 50%;
    display: inline-block;
    margin: 0 15px 10px;
    width: 120px;
    border: 10px solid #fff;
}

.dreamUser .fa.miniRound {
    width: 120px;
    height: 120px;
	max-width: 100%;
    margin: 0 15px 10px;
    line-height: 110px;
    font-size: 53px;
    color: #90a3b9;
    background: #eef0f1;
    border: 10px solid #fff;
}

.dreamUser > a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 18px;
    margin-top: 10px;
    color: #36b1e6;
}

.dreamUser .fa {
    color: #ffb500;
    font-size: 20px;
    margin: 0 5px;
}

.rPnl .dreamUser > a {
    margin-bottom: 34px;
}

.dreamTimePnl {
    background: #f7f8fa;
    padding-bottom: 15px;
    /* border: 10px solid #fff; */
}

.dreamTimePnl > .pnlTitle {
	background: #fcfdfe;
    text-align: center;
    font-size: 27px;
    color: #8aa4c2;
    padding: 30px 0 30px;
    margin-bottom: 20px;
}

/* .dreamUser:first-child {
    order: 0;
}

.dreamUser:nth-child(2) {
    order: 1;
}

.dreamUser:last-child {
    order: 2;
}

.dreamUser:nth-child(2) > a > img {
    width: 80px;
}

.dreamUser:last-child > a > img {
    width: 70px;
} */

.rStart {
    font-size: 24px;
    margin-left: 10px;
    color: #bbc8d6;
	cursor: pointer;
}

.rStart.active, .rStart.hover {
	color: #e1cf38;
}

.diclineAdmin {
    color: #a33c3c;
    font-size: 18px;
    cursor: pointer;
    float: right;
}

/*----------------------*/
.phoneZone {
    width: 60%;
    float: left;
    position: relative;
    min-height: 43px;
}

.sPhone > .sWrap {
    width: 15%;
    float: left;
}

.sPhone > input {
    width: 20%;
    float: left;
    padding: 10px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-left: 5px;
}

.sPhone > .cbWrap {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.sPhone {
    width: -webkit-calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: calc(100% - 25px);
    margin-bottom: 10px; 
    position: relative;
    z-index: 1;
}

.sPhone.act {
    z-index: 10000;
}

.sPhone:after {
    content: ' ';
    display: block;
    clear: both;
}

.wr {
    display: block;
    float: left;
    height: 37px;
    line-height: 37px;
    margin-left: 5px;
    font-size: 18px;
    color: #777;
}

.plusNewPhone {
    color: #86b336;
    font-size: 18px;
    line-height: 36px;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 0px;
}

.sPhone span.rd {
    float: left;
    line-height: 36px;
    margin-right: 9px;
    font-size: 16px;
    color: #d80808;
    cursor: pointer;
}

li.notifications {
    position: relative;
    width: 60px;
}

li.notifications > .nfClick {
    /* border-left: 1px solid #eef0f3; */
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #90a3b9;
    cursor: pointer;
	text-align: center;
}

span.nfCount {
    position: absolute;
    top: 15px;
    right: 10px;
    background: #36b1e6;
    line-height: 14px;
    display: block;
    padding: 1px 5px;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}

.nfArea {
    position: absolute;
    top: 70px;
    right: 0;
    background: #fff;
    width: 300px;
    box-shadow: 1px 2px 1px rgba(159, 159, 159, 0.23);
    text-align: left;
    line-height: 24px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.nfSigle {
    border-bottom: 1px solid #eef0f3;
    padding: 15px 20px 10px 20px;
    font-size: 13px;
    color: #919191;
	white-space: normal;
    line-height: 18px;
}

.nfDate {
    font-size: 12px;
    color: #bababa;
    line-height: 13px;
}

.nfSigle:nth-child(even) {
    background: #fafafa;
}

.nfSigle:hover {
    cursor: pointer;
	background: #f2f3f5;
}

.onsite_add_price > input {
    width: 75px;
    border: 1px solid #ddd;
    padding: 3px 7px;
    border-radius: 3px;
    color: #777;
}

h3.tblH3 {
    padding: 20px 25px;
    color: #7e7e7e;
    margin: 0;
    text-align: center;
    background: #f7f8fa;
    border-bottom: 1px solid #e5e9ed;
}

.os_right > .uMore {
    float: right;
    width: 40px;
}

.os_right > a, .os_right > span {
    float: left;
}

.os_right > .uMore > ul {
    margin-right: 0;
}

.td.os_right:last-child {
    width: 150px!important;
    flex: none;
}

.complited:before {
    margin: 0 5px 0 0;
}

.newUserItems > div {
    margin: 30px 15px;
    display: block;
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
    background: #fbfbfb;
    color: #9999a8;
    font-size: 18px;
    padding: 20px;
    height: 200px;
    cursor: pointer;
    line-height: 18px;
    float: left;
    box-shadow: 1px 1px 0px #eef0f3;
    transition: all 0.3s ease-in-out;
}

.newUserItems {
    text-align: center;
    padding: 0 15px;
}

.newUserItems > div > span:first-child {
    display: block;
    margin: 20px;
    font-size: 34px;
    color: #7cafde;
}

.newUserItems > div > span:last-child {
    display: block;
    margin: 20px;
    font-size: 24px;
    color: #88b52d;
}

.newUserItems > div:hover {
    background: #f3f9ff;
    box-shadow: 1px 1px 0px #dae4ed;
}

.refPoints .sSide {
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
}

.fw > .sWrap {
    width: 100%;
}

.hPhone {
    width: calc(100% - 25px);
}

.hPhone > div {
    float: left;
    font-size: 11px;
    color: #969696;
	text-align: center;
}

.hPhone:after {
	content: ' ';
	display: block;
	clear: both;
}

.hPhone > div:nth-child(1) {
    margin-left: 20px;
    width: 15%;
}

.hPhone > div:nth-child(2) {
    margin-left: 17px;
    width: 20%;
}

.hPhone > div:nth-child(3) {
    margin-left: 17px;
    width: 20%;
}

.hPhone > div:nth-child(4) {
    margin-left: 5px;
    width: 20%;
}

.hPhone > div:nth-child(5) {
    margin-left: 5px;
    width: 10%;
}

.dicline_more .td {
    background: #ecf4ec;
}

.dicline_more:nth-child(even) .td {
    background: #def0de;
}

.btnInvisible {
    background: #90a3b9;
    color: #fff;
    border: none;
}

.btnInvisible:hover {
    background: #85a3c6;
}

.btnInvisible:active {
    background: #6f8cad;
}

.sPhone > input[name="code"] {
    width: 15%;
}

.sPhone > input[name="part1"] {
    width: 25%;
}

.invInfo.w10, .td.w10, .th.w10 {
    width: 100px;
}

.invInfo.w20, .td.w20 {
    width: 200px;
}

.pGr {
    color: #12c012;
    float: right;
    font-size: 16px;
    line-height: 14px;
}

.w200 {
    width: 25%!important;
}

.w30 {
    width: 210px!important;
}

.point_money {
	width: 85px;
    border: 1px solid #ddd;
    padding: 8px 7px;
    border-radius: 3px;
    color: #777;
}

.btnPoints {
    width: 110px;
    height: 32px;
    padding: 3px 10px;
    background: #88b94f;
    color: #fff;
    border: none;
    margin: 0 20px;
}

.btnPoints:hover {
    background: #67a323;
}

.btnPoints:active {
    background: #a3d26d;
    padding: 3px 10px;
}

.w275 {
	width: 275px!important;
}

.mR0 {
    margin-right: 0px;
}

.topMenu {
    background: #fff;
    box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);
    padding: 10px;
    margin-bottom: 15px;
}

.topMenu > div {
	margin-top: 7px;
}

.topMenu > a, .topMenu > div > a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 20px;
    background: #36b1e6;
    color: #fff;
    margin: 0 40px 0 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.topMenu > a:before, .topMenu > a:after, .topMenu > div > a:before, .topMenu > div > a:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: -34px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 34px 34px;
    border-color: transparent transparent #36b1e6 transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.topMenu > a:after, .topMenu > div > a:after {
    left: auto;
    right: -34px;
    border-width: 34px 34px 0 0;
    border-color: #36b1e6 transparent  transparent;
}

.topMenu > a:first-child:before, .topMenu > div > a:first-child:before {
    display: none;
}

.topMenu > a:hover, .topMenu > div > a:hover {
    background: #349dca;
}

.topMenu > a:hover:before, .topMenu > div > a:hover:before {
    border-color: transparent transparent #349dca transparent;
}

.topMenu > a:hover:after, .topMenu > div > a:hover:after {
    border-color: #349dca transparent  transparent;
}

.orDel {
    color: #d25656;
	cursor: pointer;
}

.invName {
    margin: -10px -10px 10px;
    background: #f3f5f7;
    padding: 20px 30px;
    border-bottom: 1px solid #eef0f3;
}

.wp30 {
    width: 30%!important;
}

.wp10 {
    width: 7%!important;
}

.wp5 {
    width: 5%!important;
}

.wp15 {
    width: 20%!important;
}

.pStatus.wp15 {
    padding: 0 5px;
}

table.tradein_table {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px auto;
}

.tradein_table input {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px 10px;
    width: 120px;
    margin: 0 auto;
    color: #767676;
}

.upper {
	text-transform: capitalize;
}

.comment {
    margin: 0 20px 10px;
    display: flex;
}

.comment > .user {
    width: 60px;
}

.comment > .commentText {
    flex: 1;
    background: #f3f6fb;
    font-size: 12px;
    padding: 10px;
    color: #798291;
    position: relative;
}

.comment > .commentText:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #f3f6fb transparent transparent;
    position: absolute;
    top: 0;
    left: -7px;
}

.comment > .commentText > .date {
    color: #a8b6c7;
}

.usrname > a {
    text-decoration: none;
    color: #7999cf;
}

#cashComments .btnLoad {
    margin: 10px 20px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}

.onsite_stat {
    background: #f1f4f8;
    margin: 10px 10px 10px 30px;
    padding: 10px 10px 10px 30px;
    position: relative;
    font-size: 13px;
    color: #98a5b6;
}

.onsite_event {
    position: absolute;
    top: 50%;
    left: -25px;
    width: 50px;
    height: 50px;
    background: #fff;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    margin-top: -25px;
    color: #64b7db;
}

.onsite_text > ul {
    list-style: none;
    margin: 10px;
    padding: 0 0 0 10px;
    color: #5b90a8;
}

.onsite_stat .usrname {
    float: left;
    line-height: 35px;
}

.onsite_stat .date {
    float: right;
    line-height: 35px;
    color: #b3c1d9;
    margin-right: 10px;
}

.onsite_stat .miniRound {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#onsiteStats .btnLoad {
    margin: 10px 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
}

.sUser.returnRequest > div, .sUser.returnRequest > a {
    background: #ffe1ce;
}

.sUser.returnRequest:nth-child(even) > div, .sUser.returnRequest:nth-child(even) > a {
    background: #ffd3b6;
}

.purchComments {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #80b0c4;
    cursor: pointer;
	font-size: 14px!important;
}

.quickEdit {
	border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px 10px;
    width: 120px;
    margin: 0 auto;
    color: #767676;
}

.conQuestion > div:first-child {
    text-align: center;
    font-size: 24px;
    padding: 20px;
    color: #545454;
}

.tr.deleted > .td {
    background: #fff1f1;
    color: #c3a4a4;
}

.tr.deleted > .td .inf {
    color: #c3a4a4;
}

.timeObject {
    width: 60%;
    float: left;
    text-align: left;
}

.timeObject:after {
	content: ' ';
	display: block;
	clear: both;
}

.timeObject > div {
    float: left;
    width: 50%;
}

.timeObject > div > input {
    height: 36px;
	width: -webkit-calc(100% - 5px);
	width: -moz-calc(100% - 5px);
	width: calc(100% - 5px);
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 3px;
    color: #5E6573;
}

.timeObject > div:last-child > input {
	margin-left: 5px;
}

a.statLink {
    color: #659cd1!important;
}

.thShort {
	display: none;
}

.cash .pnl .tbl {
    margin: 0 0 20px;
    width: 100%;
	min-width: 100%;
}

.totalTime {
    text-align: right;
    padding: 20px 40px;
    margin: 0;
    background: #f7f8fa;
    color: #9ba3b3;
    font-weight: bold;
    font-size: 16px;
    border-top: 1px solid #eef0f3;
}

.uMore > span > .showFll {
    font-size: 18px;
    color: #86b5c9;
}

.w50.sfGroup .sfWrap {
	width: 100%;
}

.iGroup > .w50 {
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: calc(50% - 10px);
    float: left;
    text-align: left;
    margin-right: 10px;
}

.iGroup > .w50:nth-child(2) {
    margin-right: 0;
    margin-left: 10px;
}

.iGroup > .w50 > label {
    color: #959595;
    line-height: 32px;
}

.invItem {
    position: relative;
    text-align: left;
    line-height: 28px;
    color: #6e6e6e;
    padding: 10px 70px 10px 20px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 -20px;
}

.invItem > .trPrice {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #50a6e9;
    font-weight: bold;
}

.invItem:first-child {
    margin-top: -15px;
}

.invItem:last-child {
    margin-bottom: -15px;
    border: none;
}

.transferItem.confirmed > * {
    background: #F4F9EB;
}

.transferItem.confirmed:nth-child(even) > * {
    background: #EDF3E3;
}

.transferItem.not-confirmed > div,
.transferItem.not-confirmed > a {
    background: #fff;
}

.transferItem.not-confirmed:nth-child(even) > div,
.transferItem.not-confirmed:nth-child(even) > a {
    background: #F9F9FB;
}

.rStart.active.r_1 {
    color: #f00;
}

.rStart.active.r_2 {
    color: #ff8131;
}

.rStart.active.r_4 {
    color: #c1d151;
}

.rStart.active.r_5 {
    color: #70cd2f;
}

.trConf {
    padding: 20px;
    color: #7fa8cb;
    font-weight: bolder;
    background: #f7f7f7;
}

.trConf.red {
    color: #d33131;
    background: #fff0f0;
}

.trConf.green {
    color: #77b500;
    background: #f5f8ef;
}

.wAuto, .td.wAuto:last-child {
	width: auto;
}

.mngContent.ffw {
    width: 100%;
}

.userList.faq {
    display: block;
	margin-bottom: 10px;
}

.acordion {
    margin: 10px 10px 0;
    background: #fcfcfc;
}

.acordionTitle {
    background: #f7f8fa;
    padding: 15px 30px;
    color: #97a7b8;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #eef0f3;
	position: relative;
}

.acordionTitle.adm {
	padding-right: 65px;
}

.acordionContent {
    padding: 25px 30px;
    color: #898d95;
    font-size: 13px;
	display: none;
}

.acordionTitle > span {
    position: absolute;
    top: 20px;
    right: 40px;
}

.acordionTitle > span:last-child {
	right: 20px;
}

.sUser.refund > div, .sUser.refund > a, .transferItem.request > div, .transferItem.request > a {
    background: #fedabe;
}

.sUser.refund:nth-child(even) > div, .sUser.refund:nth-child(even) > a, .transferItem.request:nth-child(even) > div, .transferItem.request:nth-child(even) > a {
    background: #fac8a2;
}

.bobject .sfWrap > span > ul > li {
	padding-bottom: 30px;
}

.bobject .sfWrap > span > ul > li:before {
    content: attr(data-object);
    position: absolute;
    color: #aaaaaa;
    font-size: 13px;
    bottom: 9px;
    left: 20px;
}

.reftbl .td {
    line-height: 36px;
}

.reftbl .td .cbWrap {
    float: left;
    margin: 3px 10px 0 0;
}

.sUser.refund-conf > div, .sUser.refund-conf > a, .transferItem.request > div, .transferItem.request > a {
    background: #febebe;
}

.sUser.refund-conf:nth-child(even) > div, .sUser.refund-conf:nth-child(even) > a, .transferItem.request:nth-child(even) > div, .transferItem.request:nth-child(even) > a {
    background: #f8acac;
}

.alrSMS {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    width: 60%;
    float: left;
    padding: 10px 20px;
    text-align: left;
}

.devLocation + .btn {
    margin-top: 5px;
    height: 32px;
    background: #c67474;
}

.alrSMS.fw {
    width: 100%;
    margin: 5px 0;
}

.devStatus[data-warranty]:after {
    content: attr(data-warranty);
    margin-left: 10px;
}

.btnStart.qs {
    background: #d04646;
    border-color: #a33636;
}

.dashbord {
    background: #36b1e6;
    color: #fff;
}

.lMenu > li > a.dashbord span {
    color: #fff;
}

.lMenu > li > a.dashbord:hover {
    background: #37a0ce;
    color: #fff;
}

.lMenu > li > a.dashbord:hover span {
    color: #fff;
}

.cashCom {
    cursor: pointer;
	margin-left: 10px;
	font-size: 15px;
}

.mt.mtInfo {
    background: #dcf0ff;
    border-color: #85afd0;
    color: #5893c3;
    font-size: 13px;
}

.pw50 {
    width: 50%;
    float: left;
}

.mt.dClear.mtInfo h3 {
    margin-top: 0px;
}

.mngContent.bfw {
    width: 100%;
}

.tr.personal > .td {
    background: #79bd5d;
    color: #fff;
}

.tr.personal > .td > a {
    color: #fff;
}
.top_page {
	display: none;
    position: fixed;
    cursor: pointer;
    right: 30px;
    bottom: 70px;
    padding: 15px 17px;
    font-size: 25px;
    width: 55px;
    height: 55px;
    background: #36b1e6;
    border-radius: 50%;
    color: #fff;
    transition: 300ms;
	z-index: 9999;
}
.top_page > li {
	margin-left: -1px;
}

.uCamera {
    background: #55b9a7;
	width: 30px;
}

.wpDate {
	width: 10%
}

.youtube {
	cursor: pointer;
	position: relative;
}

.youtube > span {
    display: block;
    position: absolute;
    font-size: 100px;
    color: red;
    top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    opacity: 0.8;
}
.youtube:hover.youtube > span {
	opacity: 1;
}

.youtube img, .imMesText iframe {
    max-width: 100%;
	height: auto;
}

a.m_last {
    float: right;
    margin-right: 0;
	background: #69b336;
}

a.m_last span {
    font-size: 15px;
	margin-right: 5px;
}

a.m_last:after {
    display: none;
}

a.m_last:before {
    border-color: transparent transparent #69b336 transparent;
}

a.m_last:hover {
	background: #62bd22;
}

a.m_last:hover:before {
    border-color: transparent transparent #62bd22 transparent;
}
#snowflakesCanvas {
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: -1;
}
.santa {
    display: block;
    position: fixed;
    bottom: 0;
    transition: 3s;
    left: -10%;
    margin-left: 110%;
    z-index: 9999;
}

.btn-notif {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  color: #fff;
  cursor: pointer;
  margin-top: 5px;
}

.btn-notif.notif-confirm {
  background: #47bd29;
}

.btn-notif.notif-confirm:hover {
    background: #64d747;
}

.btn-notif.notif-dicline {
  background: #db3e3e;
}

.btn-notif.notif-dicline:hover {
  background: #e64c4c;
}

.iGroup.wp50 {
    width: 50%;
    float: left;
}

.devAssigned {
    background: #e4effb;
    padding: 3px 10px;
    border-radius: 3px;
	margin: 5px 0!important;
}

p.devAssigned > a.warSt {
    float: right;
    display: inline-block;
    background: #8faaca;
    color:  #fff;
    text-decoration: none;
    margin: -3px -10px -3px 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px;
	font-size: 14px;
}

p.devAssigned > a.warSt> span {
	margin-right: 5px;
	color: #bccee4;
}

.transferConf > div:first-child {
    text-align: center;
    padding: 20px;
    font-size: 18px;
    color: #8e1414;
}

.tooltip {
    position: relative;
	display: inline-block;
}

.tooltip > div {
    position: absolute;
    top: -7px;
    left: 0;
    transform: -webkit-translate(0, -100%);
    transform: -moz-translate(0, -100%);
    transform: translate(0, -100%);
    background: #fff;
    line-height: 20px;
    min-width: 50px;
    width: 350px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.05);
    border-radius: 5px;
    display: none;
    padding: 10px;
}

.tooltip:hover > div {
	display: block;
}

.tooltip > div > i {
	display: block;
	width: 100%;
	line-height: 50px;
	font-size: 24px;
	color: #36b1e6;
}

.tooltip > div > img {
    float: left;
	margin-right: 10px;
	max-width: 100px;
}

.tooltip > div > h4 {
    margin: 10px 0;
	font-size: 15px;
}

.tooltip > div > p {
    padding: 0;
    margin: 0;
}

.tooltip > div > p.ttPrice {
    color: #24981d;
}

.tooltip > div:after {
    content:  ' ';
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    position: absolute;
    bottom: -7px;
    left: 15px;
}

.tooltip > div:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: rgba(86, 86, 86, 0.21);
    border-bottom: 0;
    position: absolute;
    bottom: -8px;
    left: 15px;
}

a.mesBtn {
    color: #ca1313;
    margin-left: 5px;
    font-size: 22px;
    display: inline-block;
}

.tooltip > div:empty:after {
	display: none;
}

.tooltip > div:empty:before {
	display: none;
}

.tr.p_green .td, .sUser.p_green > * {
    background: #e4ffd9!important;
    color: #7a8875;
}

.tr.p_green:nth-child(even) .td, .sUser.p_green:nth-child(even) > * {
    background: #d4efca!important;
}

.tr.p_green:hover .td, .tr.p_green:nth-child(even):hover .td, .sUser.p_green:hover > * .sUser.p_green:nth-child(even):hover > * {
	background: #c4e8b6!important;
}

.tr.p_green .td a, .sUser.p_green > * a {
    color: #7a8875;
}

.tr.p_yellow .td, .sUser.p_yellow > * {
    background: #fffec9!important;
    color: #8c8b4c;
}

.tr.p_yellow:nth-child(even) .td, .sUser.p_yellow:nth-child(even) > * {
    background: #f7f6b9!important;
}

.tr.p_yellow:hover .td, .tr.p_yellow:nth-child(even):hover .td, .sUser.p_yellow:hover > *, .sUser.p_yellow:nth-child(even):hover > * {
	background: #f7f6aa!important;
}

.tr.p_yellow .td a, .sUser.p_yellow > * a {
    color: #8c8b4c;
}




.tr.p_orange .td, .sUser.p_orange > * {
    background: #f7e1aa!important;
    color: #8c654c;
}

.tr.p_orange:nth-child(even) .td, .sUser.p_orange:nth-child(even) > * {
    background: #f7e1aa!important;
}

.tr.p_orange:hover .td, .tr.p_orange:nth-child(even):hover .td, .sUser.p_orange:hover > *, .sUser.p_orange:nth-child(even):hover > * {
	background: #f7e1aa!important;
}

.tr.p_orange .td a, .sUser.p_orange > * a {
    color: #8c654c;
}




.tr.p_red .td, .sUser.p_red > * {
    background: #ffe7e7!important;
    color: #7b4c4c;
}

.tr.p_red:nth-child(even) .td, .sUser.p_red:nth-child(even) > * {
    background: #f9cdcd!important;
}

.tr.p_red:hover .td, .tr.p_red:nth-child(even):hover .td, .sUser.p_red:hover > *, .sUser.p_red:nth-child(even):hover > * {
	background: #f9c1c1!important;
}

.tr.p_red .td a, .sUser.p_red > * a {
    color: #7b4c4c;
}

img {
    max-width: 100%;
}

.imMesText.new {
    background: #f5f6f78a;
}

.my .imMesText.new:before {
    border-left-color: #cde5fd;
	border-right: 0;
	right: -7px;
}

.first .imMesText.new:before {
    border-right-color: #cde5fd;
}

.sendAll > .cbWrap + span {
    margin: 3px 7px;
    display: inline-block;
}

.sendAll > .cbWrap {
    float: left;
}

.totalMoney.fixed {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
}

.fb_store {
    width: 25%;
    float: left;
    padding: 20px;
	height: 300px;
}

.fb_store > h4 {
    color: #3f93b7;
    font-size: 20px;
}

.iGroup.curGroup > input, .iGroup > select, .iGroup.curGroup > textarea,
.iGroup.curGroup > .sWrap, .iGroup > select, .iGroup.curGroup > .cWrap {
    width: -webkit-calc(60% - 110px);
    width: -moz-calc(60% - 110px);
    width: calc(60% - 110px);
    margin-right: 10px;
}

.curGroup .cur {
    float: right;
    width: 100px;
}

.topMenu:after {
	content: '';
	display: block;
	clear: both;
}

.btnReceived {
    padding: 3px 7px;
    text-decoration: none;
    background: #fff;
    border-color: #fff;
}

.imTabs {
    height: 57px;
    background: #fdfeff;
    border-bottom: 1px solid #eee;
    position: relative;
}

.imTabs > span {
    display: block;
    float: left;
    width: 33.3%;
    height: 100%;
    text-align: center;
    color: #7b879e;
    cursor: pointer;
    position: relative;
	line-height: 30px;
    z-index: 2;
    padding: 5px;
    text-transform: uppercase;
}

.imTabs > span > span {
    display: block;
    font-size: 18px;
}

.imTabs > i {
	position: absolute;
	top: 0;
	left: 0;
	width: 33.3%;
	height: 100%;
	border-bottom: 2px solid #36b1e6;
	z-index: 1;
	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out;
}

.imTabs.support > span:first-child, .imTabs.support > span:nth-child(3) {
    color: #7b879e;
}

.imTabs.email > span:first-child, .imTabs.email > span:nth-child(2) {
    color: #7b879e;
}

.imTabs.support > i {
	left: 33.3%;
}

.imTabs.email > i {
	left: 66.6%;
}

.orders .wp20 {
    line-height: 24px;
}

.uName > div > p.daddress {
    background: #e8f5fb;
    color: #61818e;
    padding: 10px 20px;
    margin: 15px 0 0;
	font-size: 13px;
}

.daddress > span {
    display:  block;
    font-weight: bold;
    color: #7ba4b5;
}

.uName > div > p.line-info {
    margin: 10px 0 0 10px;
    background: #f3f4f7;
    text-align: left;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
}

.uName > div > p.line-info.status {
	padding-right: 140px;
	position: relative;
}

.line-info.status > a {
    position: absolute;
	top: 0;
	right: 0;
    display: block;
    background: #8ac150;
    text-decoration: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0 3px 3px 0;
}

.order-note {
    background: #f3f0e3;
    padding: 10px 20px;
    margin: 10px;
    color: #696243;
}

span#discountConfirm {
    margin-right: 15px;
}

#report .tbl {
    margin: 20px 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

#report .noContent {
	margin: 20px 0;
}

.refundComment {
    margin: 20px 20px 0;
    font-style: italic;
    color: #828282;
    background: #f7f8fa;
    padding: 10px 20px;
}
.imUser .online {
    position: absolute;
    right: 10px;
    background: #69b336;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.suOrg {
    background: #f7f8fa;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.orgTable .td {
    padding: 2px 2px!important;
	width: 138px!important;
}

.tr:nth-child(even) > .td .suOrg {
    background: #eceff5;
}

.orgTable {
    margin: 15px 0;
    padding: 10px 0;
}

.iIcon > input, .iGroup.fw.iIcon > input {
    float: right;
    width: -webkit-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: calc(100% - 36px);
    border-radius: 0 3px 3px 0;
}

.iIcon > span {
    background: #ddd;
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 3px 0 0 3px;
	color: #797777;
    line-height: 36px;
    text-align: center;
}

.mdlIcons > span {
    display: block;
    background: #dfe5ec;
    float: left;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    margin: 3px;
    color: #596c82;
    cursor: pointer;
	font-size: 17px;
}

.mdlIcons:after {
	content: ' ';
	display: block;
	clear: both;
}

.mdlIcons > span:hover {
    background: #777e86;
    color: #fff;
}

.iGroup.curGroup.fw > input, .iGroup.fw > select, .iGroup.curGroup.fw > textarea, .iGroup.curGroup.fw > .sWrap, .iGroup.fw > select, .iGroup.curGroup.fw > .cWrap {
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: calc(100% - 110px);
}
.importRows .sWrap > ul > li, .importRows .sWrap > ul > ul li {
    padding: 10px 15px;
}

.importRows {
    overflow-y: auto;
    max-width: 100%;
}

.importRows::-webkit-scrollbar,
#scroller::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}

.importRows table {
    width: 100%;
}

.importRows td {
    min-width: 100px;
    max-width: none;
    width: auto;
}

.importRows th {
    vertical-align: text-bottom;
}

.td_green td {
    background: #e7f7c9;
    color: #78806a;
	cursor: pointer;
}

.td_green:nth-child(even) td {
    background: #e0f1c2;
    color: #78806a;
}

.td_green:hover td, .td_green:nth-child(even):hover td{
	background: #d5e6b6;
}

.td_red td {
    background: #ffe0e0;
    color: #7b6767;
}

span.st_final_closed {
    background: #73251f!important;
}

.feedback-middle {
    text-align: right;
	font-size: 18px;
    color: #9a9a9a;
    margin: 20px 0;
}

.feedback-middle > span {
	font-size: 24px;
    color: #88b52d;
}

.uploaded_data {
    font-size: 14px;
    color: #777;
}

.uploaded_data > span {
    margin-right: 15px;
}

.uploaded_data > span > a {
    color: #3eb74f;
}

.saved_files {
    display: table;
    width: 100%;
}

.saved_files > div {
    display: table-row;
}

.saved_files > div > span {
    display: table-cell;
    padding: 5px 20px;
}

tr.hnt {
    display: table-row;
    position: relative;
}

#stats > .pnl {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#stats.toFull0 > .pnl:nth-child(1) {
    width: 100%;
	margin: 0 0 30px;
}

#stats.toFull0 > .pnl:nth-child(2),
#stats.toFull0 > .pnl:nth-child(4),
#stats.toFull0 > .pnl:nth-child(6) {
    margin: 0 15px 30px 0;
}

#stats.toFull0 > .pnl:nth-child(3),
#stats.toFull0 > .pnl:nth-child(5) {
    margin: 0 0 30px 15px;
}

#stats.toFull1 > .pnl:nth-child(2) {
    width: 100%;
	margin: 0 0 30px;
}

#stats.toFull1 > .pnl:nth-child(1),
#stats.toFull1 > .pnl:nth-child(3),
#stats.toFull1 > .pnl:nth-child(5) {
	margin: 0 15px 30px 0;
}

#stats.toFull1 > .pnl:nth-child(4),
#stats.toFull1 > .pnl:nth-child(6) {
    margin: 0 0 30px 15px;
}

#stats.toFull2 > .pnl:nth-child(3) {
    width: 100%;
	margin: 0 0 30px;
}

#stats.toFull2 > .pnl:nth-child(1),
#stats.toFull2 > .pnl:nth-child(4),
#stats.toFull2 > .pnl:nth-child(6) {
    margin: 0 15px 30px 0;
}

#stats.toFull2 > .pnl:nth-child(2),
#stats.toFull2 > .pnl:nth-child(5) {
    margin: 0 0 30px 15px;
}

#stats.toFull3 > .pnl:nth-child(4) {
    width: 100%;
	margin: 0 0 30px;
}

#stats.toFull3 > .pnl:nth-child(1),
#stats.toFull3 > .pnl:nth-child(4),
#stats.toFull3 > .pnl:nth-child(5) {
    margin: 0 15px 30px 0;
}

#stats.toFull4 > .pnl:nth-child(2),
#stats.toFull4 > .pnl:nth-child(6) {
    margin: 0 0 30px 15px;
}

#stats.toFull4 > .pnl:nth-child(5) {
    width: 100%;
	margin: 0 0 30px;
}

#stats.toFull4 > .pnl:nth-child(1),
#stats.toFull4 > .pnl:nth-child(6) {
    margin: 0 15px 30px 0;
}

#stats.toFull4 > .pnl:nth-child(2),
#stats.toFull4 > .pnl:nth-child(4) {
    margin: 0 0 30px 15px;
}

.dream_back {
    background: #e9f3ea;
}

.weak_back {
    background: #fff3f3;
}

/* Mini-chat */

.mini-chat-search {
    position: fixed;
    bottom: -396px;
    left: 25px;
    background: #fff;
    box-shadow: 0 0 2px rgba(146, 146, 146, 0.23);
	width: 130px;
	height: 450px;
	z-index: 9999999999999999999999;
    -webkit-transition: width 0.2s ease-in-out, bottom 0.2s ease-in-out;
    transition: width 0.2s ease-in-out, bottom 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mini-chat-search.open {
	width: 300px !important;
	bottom: 0px;
}

.mini-chat-title {
    background: #36b1e6;
    text-transform: uppercase;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
    color: #fff;
    text-align: left;
    padding: 15px 20px;
    font-weight: bold;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mini-chat-title > .fa-comment {
    margin-right: 5px;
    font-size: 20px;
}

.mini-chat-title > .fa-times:not(.flRight){
    float: right;
    display: none;
	cursor: pointer;
}

.mini-chat-peoples > input {
    width: 100%;
    height: 46px;
    border: none;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
	color: #989898;
}

.mini-chat-list {
    height: -webkit-calc(100% - 62px);
    height: -moz-calc(100% - 62px);
    height: calc(100% - 62px);
    background: #fcfdfe;
	overflow: auto;
}

.mini-chat-peoples {
    height: 0;
	overflow: hidden;
	-webkit-transition: height 0.2s ease-in-out;
	-moz-transition: height 0.2s ease-in-out;
	transition: height 0.2s ease-in-out;
}

.mini-chat-search.open .mini-chat-peoples {
	height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
    height: calc(100% - 44px);
}

/* .mini-chat-person {
    min-height: 45px;
    padding: 10px 15px;
    color: #9c9c9c;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    line-height: 35px;
    cursor: pointer;
    background: #fff;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
} */

/* .mini-chat-person > img, .mini-chat-person > .miniRound {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 10px;
    line-height: 35px;
}

.mini-chat-person:nth-child(even) {
    background: #f7f7f7;
}

.mini-chat-person:hover, .mini-chat-person:nth-child(even):hover {
    background: #f4fbff;
} */

.mini-chat {
    position: fixed;
    bottom: 0;
    left: 260px;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1), -1px 0 5px rgba(0,0,0,0.05);
    width: 300px;
    height: 450px;
	z-index: 9999999999999999999999;
	overflow: hidden;
	border-radius: 4px;
}

.mini-chat .mini-chat-title > span {
    margin: 5px 0 5px 10px;
    cursor: pointer;
	color: #fff;
}

.mini-chat .mini-chat-title {
    cursor: move;
}

.mini-chat-form {
    height: 50px;
    padding: 0;
    border-top: 1px solid #ddd;
}

.mini-chat-form > textarea {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 13px;
    font-family: inherit;
    padding: 10px;
    outline: none;
    color: #929292;
    resize: none;
    line-height: 28px;
}

.mini-chat-messages {
    height: -webkit-calc(100% - 104px);
    height: -moz-calc(100% - 104px);
    height: calc(100% - 104px);
    max-height: -webkit-calc(100% - 104px);
    max-height: -moz-calc(100% - 104px);
    max-height: calc(100% - 104px);
	overflow: auto;
	text-align: left;
	color: #777;
	padding: 0 5px 15px;
}

.mini-chat-message {
    margin: 10px 20px 0 10px;
}

.mc-title {
    font-size: 13px;
    font-weight: bold;
}

.mc-title > i {
    color: #b3b3b3;
}

.mc-content {
	background: #dde8f3;
    color: #697a8c;
    padding: 5px 10px;
    border-radius: 0 6px 6px;
    line-height: 16px;
    position: relative;
    font-size: 13px;
	word-wrap: break-word;
}

.mc-content:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -7px;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #dde8f3 transparent transparent;
}

.mini-chat-message.me {
    margin: 10px 10px 0 20px;
}

.me .mc-title {
    text-align: right;
}

.me .mc-content {
    background: #efefef;
    color: #656565;
    border-radius: 6px 0px 6px 6px;
}

.me .mc-content:before {
    border-width: 7px 7px 0 0;
    border-color: #efefef transparent transparent transparent;
    left: initial;
    left: auto;
    right: -7px;
}

.mini-chat-messages .imAnim {
	width: 90%;
	font-size: 30px;
}

.mini-chat-tabs:after {
    content: '';
    display: block;
    clear: both;
}

.mini-chat-tabs {
    border-bottom: 1px solid #ddd;
}

.mini-chat-tabs > span {
    text-align: center;
    width: 50%;
    display: block;
    float: left;
    border-right: 1px solid #ddd;
    line-height: 35px;
    cursor: pointer;
    color: #a09a9a;
    font-size: 11px;
    text-transform: uppercase;
}

.mini-chat-tabs > span:last-child {
    border-right: none;
}

.mini-chat-tabs > span:first-child, .mini-chat-tabs.support > span:last-child {
    background: #36b1e6;
    color: #ffffff;
}

.mini-chat-tabs.support > span:first-child {
    color: #a09a9a;
    background: #fff;
}

.me.new .mc-content {
    background: #cde5fd;
}

.me.new .mc-content:before {
    border-color: #cde5fd transparent transparent transparent;
}
/* Mini-chat */

body.pre > .mini-chat-search, body.pre > .mini-chat {
    display: block;
}

.mdlWrap.new_guest {
    z-index: 999999999;
}

.mdlWrap.new_guest .mdlClose {
    display: none;
}

.mdlWrap + .mdlWrap {
    background-color: transparent;
}

.tabs.mainTabs > .tUl > li {
    border-radius: 4px;
    margin: 5px 0 5px 5px;
}

.orSwap {
    margin: 0 10px 0 0;
    color: #8fb93d;
    cursor: pointer;
}

.check-import > a {
    float: left;
}

.check-import > .radio {
    float: left;
}

.check-import:after {
    content: '';
    display: block;
    clear: both;
}

.radio > input[type="radio"] {
	display: none; 
}

.radio > input[type="radio"]:checked + label:before {
    background: #6aadd8;
    border-color: #6aadd8; 
}

.radio > input[type="radio"]:checked + label:after {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #fff;
	position: absolute;
	top: 0px;
	left: 3px; 
}

.radio > label {
	padding-left: 25px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	min-height: 24px; 
}

.radio > label:before {
    content: ' ';
    display: block;
    width: 15px;
    height: 15px;
    background: #dee2eb;
    border: 2px solid #dee2eb;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0px;
}

.radio > input[type="radio"]:active > label:before, .radio > input[type="radio"]:checked > label:before {
	background: #6aadd8;
	border-color: #6aadd8; 
}

.radio > input[type="radio"]:active > label:after, .radio > input[type="radio"]:checked > label:after {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #fff;
	position: absolute;
	top: -1px;
	left: 2px; 
}

#verify_link {
    float: right;
    background: #90bf32;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 3px;
    margin: 0 30px 0 0;
}

.quantity .sfWrap > span > ul > li:before {
    content: attr(data-quantity);
    position: absolute;
    color: #a4a4a4;
    font-size: 14px;
    font-weight: bold;
    top: 9px;
    right: 90px;
}

.price.quantity .sfWrap > span > ul > li {
    padding-right: 105px;
}

.pur_info {
    clear: both;
    font-size: 13px;
    font-style: italic;
    background: #ebedf1;
    padding: 3px 10px;
}

.email-user .msg {
    display: block;
    line-height: 18px;
    max-width: -webkit-calc(100% - 75px);
    max-width: -moz-calc(100% - 75px);
    max-width: calc(100% - 75px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topMenu.inside {
    margin: 0;
    box-shadow: none;
}

.newEmail {
    width: 100%;
    height: 56px;
    background: #36b1e6;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 15px;
    cursor: pointer;
}

.newEmail-info {
    background: #f7f8fa;
    padding: 10px;
}

.newEmail-info > div:after {
	content: '';
	display: block;
	clear: both;
}

.newEmail-info > div > label {
    width: 100px;
    display: block;
    float: left;
    line-height: 24px;
}

.newEmail-info > div {
	padding-bottom: 10px;
}

.newEmail-info > div:last-child {
	padding-bottom: 0;
}

.newEmail-info > div > input {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    border: none;
    background: transparent;
    border-bottom: 1px solid #ddd;
    line-height: 24px;
    color: #707070;
}

.newEmail-info > div > .sWrap {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
}

.newEmail-info > div > input:active, .newEmail-info > div > input:focus {
    box-shadow: none;
    outline: none;
}

.newEmail-info + .imDialog {
    height: -webkit-calc(100vh - 502px);
    height: -moz-calc(100vh - 502px);
    height: calc(100vh - 502px);
}

.notif.not_deposit {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #db3e3e;
    color: #fff;
    padding: 20px 40px;
    width: 350px;
    max-width: 400px;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
}

.notif.not_deposit > .tNotif {
    line-height: 24px;
    word-break: break-word;
}

.warrantyConf {
    background: #c24e4e;
}

.not_deposit .btn {
    background: #fff;
    height: 36px;
    margin: 10px 0;
    font-weight: bold;
    color: #db3e3e;
}

.profile-loader {
    text-align: center;
    color: #c3cee4;
    padding: 30px 0;
	display: none;
}

.profile-loader.show {
	display: block;
}

.profile-loader + div,
.profile-loader + div + div {
	display: block;
}

.profile-loader.show + div,
.profile-loader.show + div + div {
	display: none;
}

.uDetails + .btnLoad {
    margin-bottom: 20px;
}

.video-camera {
    background: #dfe5ec;
    margin: 0;
    padding: 0;
}

video {
    display: block;
	max-width: 100%;
}

.appointment-middle {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

.dublicate-group {
    margin-bottom: 15px;
    background: #eef0f5;
    padding: 0;
    border-top: 1px solid #e7ecf0;
    border-bottom: 1px solid #e7ecf0;
}

.dublicate-group:after {
	content: '';
	display: block;
	clear: both;
}

.dublicate {
    background: #f7f8fa;
    box-shadow: 0px 1px 1px #ddd;
    float: left;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 5px 5px 0;
    padding: 10px 20px;
	min-height: 167px;
}

.dub-id {
    color: #319bc9;
    font-weight: bold;
	padding: 0 0 5px;
}

.dub-image {
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 15px;
}

.dub-image > a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-decoration: none;
}

.dub-image > a > span {
    line-height: 35px;
    font-size: 20px;
    color: #9ea9be;
    background: #e1e7f3;
    display: block;
    border-radius: 50%;
    text-align: center;
}

.dub-image > a > img {
    border-radius: 50%;
}

.dub-name {
    font-weight: bold;
    line-height: 35px;
	float: left;
}

.dub-name > a {
    text-decoration: none;
    color: #39b4e8;
}

.dub-email {
    margin-top: 10px;
    color: #797676;
}

.dub-phone {
    color: #515151;
    font-style: italic;
}

.dub-option {
    background: #fff8be;
    padding: 0 5px;
}

.dub-main .rdLbl {
    font-size: 13px;
    color: #656565;
}

.dub-concat {
    margin: 5px 0 0;
    text-align: right;
    background: #e5e8f0;
    padding: 5px;
}

.dub-concat > .btnSubmit {
    background: #36b1e6;
    font-size: 14px;
    height: 36px;
}

.dub-concat > .btnSubmit:hover {
    background: #3b97bf;
}

.dub-concat > .btnSubmit:active {
    box-shadow: 1px 1px 5px #387894 inset;
}

.dublicate-group.done {
    background: #e1f1e0;
    padding-bottom: 5px;
}

.dublicate-group.done > .dub-concat {
    display: none;
}

.dublicate-group.done > .dublicate {
    background: #fff;
}

.dublicate-group.done > .dublicate > .dub-main {
    display: none;
}

.userList.noTbl {
    display: block;
}

.row-filters {
    padding: 10px 20px;
    margin-bottom: 15px;
    background: #eff1f5;
    border-top: 1px solid #e7ecf0;
    border-bottom: 1px solid #e7ecf0;
}

.row-filters .sWrap {
    width: 200px;
    max-width: 100%;
}

a.dub-not {
    float: right;
    color: #db3e3e;
    font-size: 18px;
}

a.dub-not:hover {
    color: #ff5e5e;
}

.dublicate.none {
    background: #e7eaf0;
    box-shadow: 0px 1px 1px #bdbdbd;
}

.dublicate.none > .dub-main > .rbWrap {
    display: none;
}

.dublicate.none > .dub-main {
    height: 25px;
}

.dublicate.none .dub-not > .fa-times:before {
	content: "\f067";
}

.dublicate.none .dub-not {
    color: #0cc527;
}

.dublicate.none .dub-not:hover {
    color: #2e9c3e;
}

.tr.line-sub .td {
    background: #e6e6e6;
}

.imUser .fa.fa-times {
    position: absolute;
    top: 5px;
    right: 1px;
}

.tbl.tblDev.stats_tbl a {
    color: #299cce;
}

#visitors_online {
    height: 219px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

#visitors_online > span {
	display: block;
	font-size: 48px;
	color: #fff;
	background: #36b1e6;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
}

.legend {
    border-top: 1px solid #ddd;
    margin: 20px 40px;
    padding-top: 20px;
}

.legend:after {
    content: '';
    display: block;
    clear: both;
}

.legend-line {
    float: left;
    width: 25%;
}

.legend-line > span {
    width: 50px;
    height: 3px;
    display: block;
    float: left;
    margin: 11px 10px 0 0;
}

.new_user {
    width: -webkit-calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px);
    display: block;
    text-align: center;
    margin: 0 -20px;
    line-height: 22px;
    text-transform: uppercase;
}

.new_user:hover {
	color: #fff;
}

.exists_users > h1 {
    padding: 25px 30px;
    color: #a3a3a3;
    border-bottom: 1px solid #eef0f3;
    font-weight: normal;
    background: #f7f8fa;
    margin: 0px;
}

.exists_users > a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #eef0f3;
    line-height: 45px;
    text-decoration: none;
    color: #20abe8;
    transition: 0.3s;
}

.exists_users > a:after {
    content: '';
    display: block;
    clear: both;
}

.exists_users > a:hover {
    background: #f5f6fa;
}

.exists_info {
    color: #777;
    margin: 0 10px;
    font-style: italic;
}

.inv_info {
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
    margin: -10px 10px 0 0;
    background: #f3f4f7;
    border-radius: 3px;
    padding: 15px;
    color: #6e7179;
}

.inv_info > p {
    margin: 0;
    padding: 0;
}

p > a.eBtn:first-child {
    margin-left: 0;
	font-size: 14px;
}

ul.opts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.warranty-reason {
    background: #ffdede;
    padding: 5px 10px;
    color: #7c7070;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 5px;
}

.user-dbl {
    border-bottom: 1px solid #eef0f3;
    padding: 10px 20px;
}

.user-dbl:after {
    content: '';
    display: block;
    clear: both;
}

.searchResult .btn-notif, .searchResult .hnt {
    float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.arrows {
    background: #fbfbfb;
    border-bottom: 1px solid #eef0f3;
    color: #36b1e6;
    padding: 20px;
}

.arrows:after {
	content: '';
	display: block;
	clear: both;
}

.arrows > span.right {
    float: right;
}

.arrows > span {
    font-size: 24px;
    cursor: pointer;
    transition: 0.3s;
	float: left;
}

.arrows > span:hover {
    color: #90bf32;
}

.balance > span {
    color: #36b1e6;
    font-weight: bold;
    font-size: 18px;
}

.editor .container {
    width: 100%;
    height: auto;
}

.err404 {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
    background: #36b1e6;
    color: #fff;
}

.err404 > h1 {
    font-size: 48px;
}

.err404 > p {
    font-size: 24px;
}

.uTitle > .sTitle {
    margin: 0 -10px;
}

li.addTask > a {
    display: block;
    font-size: 24px;
    color: #d04646;
}

.taskDate {
	display: none;
}

.taskNotif {
    background: #d04646;
    color: #fff;
    padding: 5px 20px;
	margin-bottom: 10px;
}

.taskNotif:after {
    content:  '';
    display: block;
    clear: both;
}

.btn.btnComplite {
    background: #de9393;
    color: #fff;
    border-color: transparent;
    padding: 5px 20px;
    height: 30px;
    margin: 10px;
}

.btn.btnComplite:hover {
    background: #b53939;
}

.btn.btnComplite:active {
    padding: 6px 20px 4px;
}

.customer {
    /* text-align: center; */
    padding: 20px;
    background: #f9fafb;
    border-bottom: 1px solid #eef0f3;
    font-size: 18px;
}

.customer > a {
    color: #36b1e6;
}

.info-main-camera {
	position: relative;
    clear: both;
    background: #ffebeb;
    border-top: 1px solid #eef0f3;
    margin: -21px;
    padding: 10px;
    margin-top: 60px;
	display: none;
}

.info-main-camera > .cashCom  {
	position: absolute;
	right: 10px;
	top: 10px;
}

.tags {
	list-style: none;
	text-align: left;
	padding: 0;
	border: 1px solid #ddd;
	margin: 0px;
	margin-top: -8px;
    max-height: 250px;
    overflow: auto;
}

.tags li {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.tags li:hover {
	background: #36b1e6;
	color: #fff;
}

.tax_exempt {
	flex: 1;
	text-align: left;
}

.tax_exempt > label {
	padding-right: 20px;
}

.tax_exempt > input {
	width: 60%;
	height: 36px;
	border: 1px solid #ddd;
	padding: 10px 15px;
	border-radius: 3px;
	color: #5E6573;
	display: none;
}

.flex {
	display: flex;
}

.phones {
	position: relative;
	flex: 1;
}

.phones > span {
	line-height: 38px;
	position: absolute;
	bottom: 0;
    color: #4fd405;
    font-size: 18px;
    line-height: 36px;
    cursor: pointer;
    position: absolute;
    bottom: 14px;
    right: 0px;
}

.phones > span.fa-times {
	color: #d80808;
}

.phone {
	position: relative;
	width: 100%;
}

.phone::before {
    display: block;
    font-size: 1rem;
    position: absolute;
    left: -25px;
    top: 13px;
    content: attr(data-code);
    clear: both;
}

.phone:not(:last-child) {
	margin-bottom: 10px;
}

.phone::after {
    display: block;
    content: "";
    clear: both;
}
.phone > input[type=tel] {
    width: 88% !important;
    height: 36px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 3px;
    color: #5E6573;
}
.phone > div {
    float: left;
    margin-left: 10px;
    margin-top: 14px;
}
.phone > span {
	
}

a.addf {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px;
}

#caddf, #iaddf {
	display: none;
}

button.confirm {
	float: right;
	border: 0;
	color: white;
	background: #77c159;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	outline: none;
}
button.confirm:hover {
	background: #70b156;
}
.mainDashTitle > .searchForm::after {
    content: "";
    display: block;
    clear: both;
}

.no_float {
    float: none !important;
}

.pulse {
    -webkit-animation: pulse 1s linear infinite;
    -moz-animation: pulse 1s linear infinite;
    -ms-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite
}
@keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes "pulse" {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.answered {
	padding: 25px;
}

.answered > a {
	font-size: 18px;
	margin-left: 10px;
}

.answered > span {
	display: block;
}

.answered > p {
	position: relative;
	background: #ebf6ff;
	padding: 20px;
	border-radius: 0px 10px 10px 10px;
	margin-left: 25px;
}

.answered > p::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -12px;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #ebf6ff transparent transparent;
}

.answered > p::after {
    content: attr(data-date);
    position: absolute;
    font-size: 11px;
    color: #9f9f9f;
    right: 10px;
    bottom: 1px;
}

.uTitle > figure > div > .fa-user-secret {
    opacity: 1;
    background: transparent;
    font-size: 67px;
}

.tab-cnt {
    display: block;
    overflow-x: auto;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
    white-space: nowrap;
}

.tab-cnt > span {
	text-transform: uppercase;
	padding: 15px 10px;
	color: #686a76;
	line-height: 48px;
	cursor: pointer;
}

.tab-cnt > span:hover {
	background: rgba(202, 202, 202, 0.05);
	color:  #478ac5;
}

.tab-cnt > span.active {
	border-bottom: 1px solid #478ac5;
	background: rgba(202, 202, 202, 0.05);
	color:  #478ac5;
}

#auth_store {
    font-size: 12px;
    color: #6a6a6a;
}


.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 12px;
  height: 28px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #686a76;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #686a76 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}

@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

.nav-bg {
	display: none;
}

.quote-alert {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000ab;
    z-index: 999999999;
}
.quote-alert > p {
    background: #fff;
    width: 50%;
    padding: 50px;
    margin: 200px auto;
    text-align: center;
    font-size: 25px;
}

.nav {
	padding: 10px;
	background: #f7f8fa;
}

.mdlBody .json-list {
	display: inline-block;
	width: 60%;
}

.info-chat {
    position: absolute;
    width: 100%;
    background: #f7fbff;
    border-left: 1px solid #dde0ea;
    border-right: 1px solid #dde0ea;
    border-top: 1px solid #dde0ea;
    top: -232px;
    transition: top .5s;
    z-index: 1;
}

.info-chat:hover {
    top: 0px;
    transition: top .5s;
}

.info-chat > ul {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.info-chat > ul > li {
    text-transform: uppercase;
    padding: 5px;
}

.info-chat::after {
	display: block;
	content: "";
	background: #ebf6ff;
	width: 100%;
	height: 1px;
	margin-top: 7px;
	border: 1px solid #dde0ea;
	cursor: pointer;
}