@font-face {
	font-family: "robotoregular";
	src: url("../bootstrap/fonts/Roboto-Regular-webfont.eot");
	src: url("../bootstrap/fonts/Roboto-Regular-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../bootstrap/fonts/Roboto-Regular-webfont.woff") format("woff"),
		url("../bootstrap/fonts/Roboto-Regular-webfont.ttf") format("truetype"),
		url("../bootstrap/fonts/Roboto-Regular-webfont.svg#robotoregular")
			format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "robotomedium";
	src: url("../bootstrap/fonts/Roboto-Medium-webfont.eot");
	src: url("../bootstrap/fonts/Roboto-Medium-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../bootstrap/fonts/Roboto-Medium-webfont.woff") format("woff"),
		url("../bootstrap/fonts/Roboto-Medium-webfont.ttf") format("truetype"),
		url("../bootstrap/fonts/Roboto-Medium-webfont.svg#robotomedium")
			format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "robotolight";
	src: url("../bootstrap/fonts/Roboto-Light-webfont.eot");
	src: url("../bootstrap/fonts/Roboto-Light-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../bootstrap/fonts/Roboto-Light-webfont.woff") format("woff"),
		url("../bootstrap/fonts/Roboto-Light-webfont.ttf") format("truetype"),
		url("../bootstrap/fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "robotolight";
	src: url("../bootstrap/fonts/Roboto-Light-webfont.eot");
	src: url("../bootstrap/fonts/Roboto-Light-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("../bootstrap/fonts/Roboto-Light-webfont.woff") format("woff"),
		url("../bootstrap/fonts/Roboto-Light-webfont.ttf") format("truetype"),
		url("../bootstrap/fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
	font-weight: normal;
	font-style: normal;
}

body,
#page-wrapper {
	font-family: "robotoregular";
	/* color: #2d2b33; */
	color: #0f0f0f;
	font-size: 13px;
	background: #f2efe7;
	/*-webkit-overflow-scrolling: touch;*/
	overflow-scrolling: touch;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

#page-wrapper {
	width: auto !important;
	/*padding-right: 0 !important;*/
	padding: 0 !important;
}

a {
	color: #b37600;
}

a:hover,
a:focus,
a:active,
.form-sub a:hover {
	color: #cfb789;
	text-decoration: none;
	outline: none;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

.ip-ping-success {
	border-color: #19ff2d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0),
		0 0 3px rgba(25, 255, 45, 1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 3px rgba(25, 255, 45, 1);
}

.ip-ping-error {
	border-color: #e71518;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(231, 21, 24, 1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(231, 21, 24, 1);
}

/*.btn {
    font-family: 'robotomedium';
    font-size: 13px;
}*/

html,
body.login,
.login,
.login .container {
	height: 100%;
}

.login {
	background: url("../../icons/background.jpg") center no-repeat;
	background-size: cover;
	margin-top: 0;
}

.login .login-container {
	background: url("../../icons/popover-base.png") center no-repeat;
	background-size: cover;
}

.login .container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-panel-logo-wrapper {
	display: flex;
	align-items: center;
	padding: 100px 80px;
	min-width: 800px;
	justify-content: space-between;
}

.login-panel {
	width: 280px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: 0;
}

.login h5 {
	font-size: 30px;
	margin-bottom: 30px;
	color: rgba(15, 15, 15, 0.7);
	font-family: "robotomedium";
}

.login label {
	font-weight: normal;
	color: rgba(15, 15, 15, 0.7);
}

.login-btn-wrapper {
	text-align: center;
	margin-top: 20px;
}

.login-btn-wrapper .btn {
	background: #d8b989;
	color: #fff;
	width: 100px;
	border-radius: 30px;
}

.login-btn-wrapper .btn:focus {
	outline: 0;
}

.login-btn-wrapper .btn:hover {
	background: #e8c895;
}

.logo {
	margin-top: 0px;
	margin-left: 30px;
}

.login form .form-group {
	padding: 5px 10px;
}

.login .form-control {
	height: 28px;
	border: 1px solid rgba(15, 15, 15, 0.2);
}

form .form-group {
	/* border-top:1px solid #e9e9e9; */
	/*    border-bottom:1px solid #f5f5f5;*/
	padding: 0px 15px;
	margin-bottom: 0;
}
form .form-group.form-no-top {
	border-top: 0;
}
.form-group.required .control-label:after {
	color: rgba(15, 15, 15, 0.5);
	content: "*";
	position: absolute;
	margin-left: 2px;
	top: 5px;
}
.form-sub {
	padding: 0 30px;
	color: #838488;
}
.form-sub a {
	color: #838488;
}

.btn-small {
	text-transform: none;
	border-radius: 25px;
	font-size: 13px;
	margin-left: 13px;
}
.btn-brown.btn-unselected {
	background: #fff;
	border-color: #e9e9e9;
	color: #35353f;
}
.nav > li > .btn-brown.btn-unselected:hover,
.nav > li > .btn-brown.btn-unselected:focus {
	background: #cfb789;
	border-color: #cfb789;
}
input[type="checkbox"],
input[type="radio"] {
	visibility: hidden;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	opacity: 1;
}
.checkbox label,
.radio label {
	padding-left: 10px;
	min-height: inherit;
}
/* ROUNDED TWO */
.roundedTwo,
.customRadiobox {
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	top: 7px !important;
	margin-top: 0 !important;
}

.list-tr .roundedTwo {
	top: 0 !important;
}

.form-horizontal .block-display.customlightview.form-group,
.form-horizontal .form-group.customcurtainview {
	display: flex;
}

.roundedTwo label {
	cursor: pointer;
	width: 18px;
	height: 18px;
	/*    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;*/
	/*background:#cfb789;*/
	border: 1px solid #aaa9ad;
	position: relative;
	border-radius: 4px;
}

.customRadiobox > label,
.roundedTwo > label {
	position: absolute;
	left: 0;
	top: 0;
}
.customRadiobox label {
	cursor: pointer;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/*background:#cfb789;*/
	border: 1px solid #aaa9ad;
}
/*table .roundedTwo label
{
    -webkit-margin-before: 4px;
}
#assign_project_table_body .roundedTwo label
{
    -webkit-margin-before: 4px;
}
#lift_operate_type_form .customRadiobox label,#screen_operate_type_form .customRadiobox label,.addEditDoorLock .customRadiobox label,.addEditDoorLock .roundedTwo label,.setpermissionprofile .roundedTwo label,#roomambiencestaticdiv .roundedTwo label,.addEdithomemood .roundedTwo label
{
    -webkit-margin-before: 4px;   
}
.addEditUtility .customRadiobox label
{
    -webkit-margin-before: 5px;
}
#assign_project_table_body .roundedTwo label:after
{
    top: 33px;
}
#pcu_type_ui .customRadiobox label,#pcu_type_ui_doorlock .customRadiobox label
{
     -webkit-margin-before: 0px;   
}
#roomacsystemview .customRadiobox label,#room_macro_from .roundedTwo label
{
    -webkit-margin-before: 5px;
}
.filter-form-light .roundedTwo label,.filter-form-curtain .roundedTwo label,.filter-form-ac .roundedTwo label,.filter-form-fan .roundedTwo label
{
         -webkit-margin-before: 2px;   
}*/
.roundedTwo input[type="checkbox"]:checked + label,
.roundedTwo input[type="checkbox"]:indeterminate + label,
.customRadiobox input[type="radio"]:checked + label {
	background: #cfb789;
	border: 0;
}
.roundedTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: "";
	position: absolute;
	width: 10px;
	height: 5px;
	background: transparent;
	/*top: 33px;*/
	top: 5px;
	left: 4px;
	border: 2px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.customRadiobox label:after {
	/*    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: transparent;
        top: 33px;
        top: 28px;
        left: 29%;
        border: 4px solid #fcfff4;    
        border-radius: 4px;*/
	background: transparent none repeat scroll 0 0;
	border-radius: 5px;
	content: "";
	height: 8px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 8px;
}

.customRadiobox input[type="radio"]:checked + label:after {
	background: #fff none repeat scroll 0 0;
}
.customRadiobox input[disabled] + label,
.customRadiobox input[disabled] + label:after {
	background: #adadad;
}
/*.wallpanelbasedview .customRadiobox label:after{
    top: 12px;
}*/
.pcubasedview .customRadiobox label:after {
	margin-top: 5px;
}

/*.customRadiobox .dot-safari:after
{
    left: 6.5px;
}

.customRadiobox .dot-firefox:after, .customRadiobox .dot-chrome
{
    left: 5.5px;
}*/

.roundedTwo label:hover::after,
.customRadiobox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedTwo input[type="checkbox"]:indeterminate + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	position: absolute;
	width: 10px;
	height: 0px;
	background: transparent;
	top: 7px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.roundedTwo input[type="checkbox"]:checked + label:after,
.customRadiobox input[type="radio"]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.approved-license .roundedTwo label:after,
.approved-license .customRadiobox label:after {
	top: 7px;
	left: 27px;
}
.approved-license .roundedTwo label {
	-webkit-margin-before: 1px;
	-webkit-margin-start: 5px;
}
.btn-filter .roundedTwo label:after {
	top: 8px;
}

#musiczone_box_volume_view .roundedTwo label:after,
#musiczone_box_volume_view .customRadiobox label:after {
	top: 29px;
}

.sol-option .roundedTwo label:after {
	top: 6px;
}

/*.endevice-form .customRadiobox label:after
{ top: 44px; }*/

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	background: #fbfbfd;
	box-shadow: none;
}
.navbar-inverse {
	border: 0;
	min-height: auto;
}
@media (min-width: 768px) {
	.side-nav {
		top: 70px;
		bottom: 40px;
	}
	.left-side-nav {
		top: 0;
		border-radius: 8px;
		box-shadow: none;
		background-color: #444443;
		border: medium none;
		border-radius: 0;
		bottom: 0;
		left: 225px;
		margin-left: -225px;
		overflow-x: hidden;
		overflow-y: auto;
		padding-bottom: 40px;
		position: fixed;
		width: 225px;
	}
	.left-nav-bottom {
		position: absolute !important;
		bottom: 0;
	}
	body {
		margin-top: 48px;
	}
	#page-wrapper {
		padding: 10px 30px;
		max-height: calc(100vh - 60px);
	}
}
@media only screen and (min-width: 2000px) {
	/* for sumo sized (mac) screens */
	#slider .tvchannel_category .tvchannel_category_li,
	#slider1 .tvchannel_language .tvchannel_language_li {
		width: 100%;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
	/* For landscape layouts only */
	#slider .tvchannel_category .tvchannel_category_li,
	#slider1 .tvchannel_language .tvchannel_language_li {
		width: 100%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {
	/* For landscape layouts only */
	#slider .tvchannel_category .tvchannel_category_li,
	#slider1 .tvchannel_language .tvchannel_language_li {
		width: 100%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* For landscape layouts only */
	#slider .tvchannel_category .tvchannel_category_li,
	#slider1 .tvchannel_language .tvchannel_language_li {
		width: 100%;
	}
}
@media (min-width: 1080px) and (max-width: 1920) {
	#slider .tvchannel_category .tvchannel_category_li,
	#slider1 .tvchannel_language .tvchannel_language_li {
		width: 100%;
	}
}
/*@media (max-width: 1366px)
{
    #slider .tvchannel_category .tvchannel_category_li, #slider1 .tvchannel_language .tvchannel_language_li
    {
        //width: 281px;
    }
}
@media (min-width: 1024px)
{
    #slider .tvchannel_category .tvchannel_category_li, #slider1 .tvchannel_language .tvchannel_language_li
    {
        //width: 250px;
    }
}*/

.nav > li > a.userdropdown img {
	margin-right: 10px;
	width: 20px;
}
.nav > li > a {
	padding: 8px 7px;
	margin-right: 0;
}
.navbar-fixed-top .nav > li > a {
	padding: 14px 10px;
}
.nav > li > a.userdropdown:focus,
.nav > li > a.userdropdown:hover {
	background-color: transparent;
}
.navbar-fixed-top .nav > li > a.userdropdown.btn-small {
	display: flex;
	padding: 7px 0px 7px 10px;
	align-items: center;
	text-align: left;
	color: #000;
}
.username-studio,
.userrole-studio {
	display: block;
}
.userrole-studio {
	font-size: 9px;
	color: #adadad;
}
.navbar-fixed-top .nav > li > a.btn-small {
	border-radius: 0;
	border: 0;
	margin-left: 0;
	box-shadow: none;
}
.nav > li > a.bell-circle,
a.bell-circle {
	border-radius: 0;
	border: 0;
	padding: 9px 15px;
	color: #aaa9ad;
	font-size: 20px;
	margin-right: 15px;
}

a.project-title {
	font-size: 15px;
	display: inline-block;
	padding: 10px;
}

.nav > li > a.project-notification.bell-circle {
	padding: 11px 15px;
}
.nav > li > a.bell-circle:hover,
.nav > li > a.bell-circle:focus,
a.bell-circle:hover,
a.bell-circle:focus {
	background: transparent;
	border-color: #cfb789;
	color: #fff;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: transparent;
}
.nav > li > a.btn-grey {
	background: #f5f5f5;
	border: 1px solid #e9e9e9;
	color: #35353f;
	font-size: 13px;
	padding: 0 10px 0 0;
	border-radius: 25px;
	margin-left: 13px;
	width: 130px;
	text-align: left;
}
.nav > li > a.btn-grey img {
	margin-right: 10px;
}

.nav .open > a.btn.btn-grey:hover,
.nav .open > a.btn.btn-grey:focus {
	background: #cfb789;
	color: #fff;
	border-color: #e9e9e9;
}
.btn-grey .caret {
	position: absolute;
	right: 15px;
	top: 15px;
}
.logonav {
	background: #fbfbfd;
	z-index: 999;
}
.nav > li.logonav > a {
	padding: 10px 20px;
}
.sub-head {
	margin: 0 auto;
	color: #5a5960;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 13px;
}
.homeicon {
	margin: 20px 0 10px 0;
	width: 40px;
}

.intro-section h2 {
	margin-top: 0;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.panel-cs .panel-default > .panel-heading,
.cs-table thead tr th {
	/*    background-color: #fafafa;*/
	background-color: transparent;
	padding: 15px 10px;
}

.panel-cs .panel-default > .panel-heading {
	padding: 5px 15px;
	border-bottom: 1px solid #e7e5e5;
	color: #575b61;
}

.cs-table tbody tr:nth-child(odd) {
	background-color: #fff;
}
.cs-table tbody tr.list-even {
	background-color: #faf9f5;
}

.cs-table tbody tr.list-even tbody tr:nth-child(odd),
.cs-table tbody tr.list-odd tbody tr:nth-child(odd) {
	background-color: transparent;
}

.cs-table thead tr th {
	/*    background-color: #f3f3f3;*/
	background-color: #faf9f5;
	padding: 10px 15px;
	font-size: 12px;
	color: #0f0f0f;
	font-weight: normal;
	opacity: 0.4;
}
.panel-cs .panel-default {
	border: 0;
	margin-bottom: 10px;
	/*    box-shadow: 0px 0px 10px 6px rgb(240, 240, 240);*/
	border: 0;
	box-shadow: none;
	border-radius: 8px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #faf9f5;
}

.panel-cs .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #e9e9e9;
	border: 0;
	/* background: #fafafa; */
}
.panel-cs .panel-title > a {
	font-family: "robotomedium";
	font-size: 12px;
	color: rgba(15, 15, 15, 0.8);
}
.btn.btn-grey {
	background: #ffffff;
	/*border: 1px solid #e9e9e9;*/
	color: #b39d76;
	/* box-shadow: 0px 0px 1px 0.5px rgba(0,0,0,0.2); */
	border: 1px solid #ececec;
}
/*.btn-grey {
    text-transform: uppercase;
}*/
.btn.btn-grey:hover,
.btn.btn-grey:focus {
	background: #cfb789;
	color: #fff;
	border-color: #cfb789;
}
.cs-panhead {
	line-height: 26px;
}
.cs-panhead b {
	margin-right: 15px;
}
.space-small {
	margin-top: 11px;
	clear: both;
}
.form-horizontal .control-label {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	color: rgba(15, 15, 15, 0.5);
	margin-bottom: 3px;
	top: 0 !important;
}
.collapsed .caret {
	border-bottom: 4px dashed;
	border-top: 0;
}
.casa-note {
	color: #cfb789;
	line-height: 25px;
}
.red-note {
	color: #d0021b;
	line-height: 25px;
}
.warning-note {
	color: #fecc4a;
	line-height: 25px;
}
.success-note {
	color: #5cb85c;
	line-height: 25px;
}
.top-nav > .open > .dropdown-menu {
	margin-top: 8px;
	min-width: 441px;
	border: 0;
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.125);
	background: #fafafa;
	padding: 1px 0 0;
	border-radius: 8px;
}
.top-nav > .open > .dropdown-menu > li > a,
.top-nav > .open > .dropdown-menu li.cs-lang {
	color: #5a5960;
	padding: 6px 15px;
	border-bottom: 1px solid #f3f3f3;
	/* border-right: 1px solid #e9e9e9; */
	background: #fff;
	font-size: 12px;
}

.top-nav > .open > .dropdown-menu li.cs-lang {
	padding: 0;
}
li.cs-lang .checkbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-nav > .open > .dropdown-menu > li > .read,
.top-nav > .open > .dropdown-menu li.cs-lang:hover {
	background: #f7f7f7;
}

.top-nav > .open > .dropdown-menu > li > a:hover,
.top-nav > .open > .dropdown-menu li.cs-lang:hover {
	background: #f0f0f0;
}
.top-nav > .open > .dropdown-menu > li:first-child > a {
	border-top: 1px solid #e9e9e9;
}

.cs-lang form select {
	margin-top: -7px;
	max-width: 180px;
}
.top-nav > .open > .dropdown-menu:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #fafafa transparent;
	position: absolute;
	top: -5.5px;
	right: 10px;
	z-index: 1000;
}

.notifier-badge,
.notifier-input-badge,
.no-operation-badge {
	position: absolute;
	font-size: 12px;
	color: crimson !important;
	background-color: white;
	border-radius: 50%;
	text-align: center;
	color: white;
	margin-top: -5px;
	margin-left: -5px;
	font-size: 14px;
}

.notifier-input-badge {
	margin-top: -45px;
	margin-left: 90%;
}

.no-operation-badge {
	border: 1px solid crimson !important;
}

.no-operation-badge:before {
	margin-top: -8px;
	position: absolute;
	right: -4px;
}

.notifier-batch {
	position: absolute;
	font-size: 12px;
	background: #d8b989;
	padding: 3px 8px;
	border-radius: 50%;
	text-align: center;
	color: white;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	margin-top: -18px;
	margin-left: -3px;
}

.new-notify {
	float: left;
	position: absolute;
	font-size: 12px;
	width: 22px;
	height: 22px;
	background: #d8b989;
	padding: 0px;
	border-radius: 11px;
	text-align: center;
	padding-top: 2px;
	color: white;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	margin-top: -40px;
	margin-left: 28px;
}

.version-update-notify {
	float: left;
	position: absolute;
	font-size: 10px;
	width: 18px;
	height: 18px;
	background: crimson;
	padding: 0px;
	border-radius: 11px;
	text-align: center;
	padding-top: 1px;
	color: white;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	margin-top: 9px;
	margin-left: 9px;
}

.cs-sidebar li {
	width: 100%;
	position: relative;
}

.cs-sidebar li input {
	border-radius: 0;
	background: transparent;
	padding: 6px 20px;
	border: 0;
	text-transform: capitalize;
	width: 100%;
	margin-bottom: 10px;
	color: #838488;
}
.cs-sidebar li input:hover,
.cs-sidebar li input:focus {
	color: #fff;
}
.cs-sidebar li p {
	padding: 5px 20px;
	margin-bottom: 0;
	background: rgba(15, 15, 15, 0.19);
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
}
.cs-sidebar li:hover ::-webkit-input-placeholder {
	color: #fff;
}
.cs-sidebar li:hover :-moz-placeholder {
	color: #fff;
}
.cs-sidebar li:hover ::-moz-placeholder {
	color: #fff;
}
.cs-sidebar li:hover :-ms-input-placeholder {
	color: #fff;
}

.cs-sidebar li:focus ::-webkit-input-placeholder {
	color: #5a5960;
}
.cs-sidebar li:focus :-moz-placeholder {
	color: #5a5960;
}
.cs-sidebar li:focus ::-moz-placeholder {
	color: #5a5960;
}
.cs-sidebar li:focus :-ms-input-placeholder {
	color: #5a5960;
}
.side-nav .btn.clear-me {
	position: absolute;
	width: auto;
	top: 0;
	background: none;
	right: 0;
}
.new-elements {
	margin-top: 68px;
}
.add-room {
	color: #5a5960;
	width: 100%;
	background: rgba(0, 0, 0, 0.1);
	text-align: left;
	text-transform: uppercase;
	padding-left: 20px;
}
.add-room i {
	margin-top: 3px;
	position: absolute;
	right: 20px;
}
.add-room:hover,
.add-room:active,
.add-room:focus {
	color: #fff;
}
.side-nav .btn.clear-me {
	display: none;
	color: #fff;
}
.side-nav .btn.clear-me i {
	background: none;
	font-size: 11px;
	top: -1px;
	position: relative;
}
.empty-list {
	width: 100%;
	text-align: center;
	line-height: 1;
	color: grey !important;
}

#roomsearchoption input {
	background: rgba(0, 0, 0, 0.19);
	color: #cfb789;
	border-radius: 0;
	padding: 15px;
	text-transform: none;
	margin-bottom: 0;

	width: 100%;
	box-shadow: none;

	outline: none;
}
#roomsearchoption input:hover,
#roomsearchoption input:focus {
	color: #838488;
	/*box-shadow: 0 0 3px rgba(207, 183, 137, 0.8);*/
}
#roomsearchoption input:focus {
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.7), 0 0 3px rgba(207, 183, 137, 0.8);
}

#roomsearchoption:hover ::-webkit-input-placeholder,
#roomsearchoption:focus ::-webkit-input-placeholder {
	color: #838488;
}

#roomsearchoption:hover :-moz-placeholder,
#roomsearchoption:focus :-moz-placeholder {
	color: #838488;
}

#roomsearchoption:hover ::-moz-placeholder,
#roomsearchoption:focus ::-moz-placeholder {
	color: #838488;
}
#roomsearchoption:hover :-ms-input-placeholder,
#roomsearchoption:focus :-ms-input-placeholder {
	color: #838488;
}

.cs-error {
	border-color: #e04141;
	box-shadow: 0 0px 3px rgba(224, 65, 65, 0.8);
	-webkit-box-shadow: 0 0px 3px rgba(224, 65, 65, 0.8);
}

.cs-neg-alert {
	background: #f8abab;
	border-color: #f8abab;
	color: #2d2b33;
	border-radius: 4px;
	padding: 10px 16px;
	margin: -5px 15px 10px 10px;
}

.cs-pov-alert {
	background: #f0d8a8;
	border-color: #e3cc9f;
	color: #2d2b33;
	border-radius: 4px;
	padding: 10px 16px;
	margin: -5px 15px 10px 10px;
}

.cs-war-alert {
	background: #fff1a5;
	border-color: #f9df45;
	color: #2d2b33;
	border-radius: 4px;
	padding: 10px 16px;
	margin: -5px 15px 10px 10px;
}

.cs-modal .modal-title {
	line-height: 33px;
	font-family: Helvetica;
	color: #98958b;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.cs-modal .modal-header {
	border-bottom: 0;
	padding: 7px 15px 5px;
}
.cs-modal .modal-footer {
	border-top: 1px solid #e9e9e9;
}
.modal-backdrop.in {
	opacity: 0.16;
	/*background: #5a5960;*/
	background: #0f0f0f;
}
.cs-modal .modal-content {
	border-radius: 8px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.4);
	background-color: #faf9f5;
	border: 0;
	width: 100%;
}
.feature-block {
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	float: left;
	width: 100%;
}
.feature-block .col-sm-6 {
	line-height: 36px;
	border-bottom: 1px solid f3f3f3;
}
.feature-block .col-sm-6.bot-form {
	border-bottom: 0;
}
.feature-block .roundedTwo,
.feature-block .customRadiobox {
	top: 8px;
}
.checkbox.feature-check,
.radio.feature-check {
	padding-top: 0;
}
.feature-check .roundedTwo label:after,
.feature-check .customRadiobox label:after {
	top: 5px;
}
.scrollbox-project-list .roundedTwo label:after {
	left: 6px;
	top: 33px;
}
.dropdown-menu .roundedTwo label:after {
	left: 6px;
	top: 6.5px;
}
.scrollbox-project-list .roundedTwo label {
	-webkit-margin-before: 5px;
}
.addEditFM b {
	-webkit-margin-before: 12px;
}
.selectall {
	color: #838488;
	font-weight: normal;
}
.multi-field input {
	margin-bottom: 10px;
}
.form-control {
	border: 1px solid #efefef;
	box-shadow: none;
}
.del-floor {
	line-height: 36px;
}
@media (min-width: 992px) {
	.modal-lg {
		width: 859px;
	}
}
@media (min-width: 1400px) {
	.modal-extra-lg {
		width: 1300px;
	}
}
/*.panel-cs .panel-title .btn {
    margin-right: 10px;
}*/
.cs-sidebar li ul li a {
	color: #838488;
	padding: 10px 26px;
	border-bottom: 1px solid rgba(15, 15, 15, 0.19);
	font-family: "robotomedium";
	display: block;
}
.cs-sidebar li ul li a.room-name {
	padding: 10px 26px 10px 30px;
	color: #fff;
}
.cs-sidebar li ul li a:hover {
	background: rgba(15, 15, 15, 0.19);
	color: #cfb789;
}
.cs-sidebar li ul li .panel-heading {
	padding: 0;
}
.cs-sidebar li ul li .panel-default {
	border: 0;
}
.cs-sidebar li ul li .panel-default > .panel-heading {
	color: #838488;
	background-color: transparent;
	border-color: transparent;
}
.cs-sidebar li ul li .panel-group {
	margin-bottom: 0;
}
.cs-sidebar li ul li .panel {
	background: transparent;
}
.cs-sidebar li ul li.cs-dropdown {
	padding: 0;
}
.cs-dropdown .panel-title {
	font-size: 13px;
}
.cs-sidebar li ul li .panel-title > a {
	padding: 10px 15px 10px 20px;
	display: block;
}
.cs-sidebar li ul li.active-nav .panel-title > a,
.cs-sidebar li ul li .panel-title > a.collapsed:hover,
.cs-sidebar li ul li.active-nav > a {
	background: rgba(0, 0, 0, 0.19);
	color: #d8b989;
}
.cs-sidebar li ul li .panel-title > a.collapsed {
	background: none;
	color: #838488;
}
.cs-sidebar li ul li .panel-title .caret {
	position: absolute;
	right: 20px;
	top: 15px;
}
.cs-sidebar li ul li .panel-body {
	border: 0 !important;
	padding: 0;
}
.cs-sidebar li ul li .panel-body li a {
	border-bottom: 1px solid #3d3d46;
	padding: 10px 25px 10px 40px;
	display: block;
}
.cs-sidebar li ul li.active-nav .panel-body li a {
	/*    background: #35353f;    */
}
.cs-sidebar li ul li.active-nav .panel-body li a.active-subnav {
	color: #cfb789;
}
.addrooms {
	top: 4px;
	position: absolute;
	color: #5a5960;
	right: 0;
	padding: 8px 10px;
}
.addrooms:hover {
	color: #fff;
	cursor: pointer;
}
.cs-sidebar li .add-room input {
	padding: 0 15px 0 0;
	margin: 0;
	font-size: 13px;
}
.cs-sidebar li .add-room {
	padding: 13px 30px 13px 15px !important;
}
.cs-sidebar li a.add-room:hover {
	background: rgba(15, 15, 15, 0.1);
}
.confirmation-panel .modal-dialog {
	width: 470px;
}
.confirmation-panel .modal-footer,
.confirmation-panel .modal-dialog {
	text-align: center;
}
.cs-modal.confirmation-panel .modal-body {
	font-size: 13px;
	font-family: "robotoregular";
	padding: 15px;
	color: rgba(15, 15, 15, 0.7);
}
.confirmation-panel .modal-header,
.confirmation-panel .modal-footer {
	border: 0;
}
.confirmation-panel .modal-content {
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
	border: 0;
}
.bttn-right {
	padding: 0 5px 0 0;
}
.bttn-left {
	padding: 0 0 0 5px;
}

.wrap {
	width: 600px;
	margin: 0 auto;
}

tr.highlight > td,
td.highlight {
	background-color: whitesmoke !important;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
	float: left;
	margin-right: 7px;
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #cfb789;
	top: -3px;
	margin-left: -9px;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
	position: absolute;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 50%;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	line-height: 21px;
	font-size: 11px;
	color: #ceb68c;
	font-family: "robotomedium";
}

.header .progress-radial {
	width: 30px;
	height: 30px;
	margin-top: 0;
	top: 0;
}
.header .progress-radial .overlay {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-top: 5px;
}
/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(90deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-1 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(93.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-2 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(97.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-3 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(100.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-4 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(104.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-5 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(108deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-6 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(111.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-7 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(115.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-8 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(118.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-9 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(122.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-10 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(126deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-11 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(129.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-12 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(133.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-13 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(136.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-14 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(140.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-15 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(144deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-16 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(147.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-17 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(151.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-18 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(154.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-19 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(158.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-20 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(162deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-21 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(165.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-22 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(169.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-23 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(172.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-24 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(176.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-25 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(180deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-26 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(183.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-27 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(187.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-28 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(190.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-29 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(194.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-30 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(198deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-31 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(201.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-32 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(205.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-33 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(208.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-34 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(212.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-35 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(216deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-36 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(219.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-37 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(223.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-38 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(226.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-39 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(230.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-40 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(234deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-41 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(237.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-42 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(241.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-43 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(244.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-44 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(248.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-45 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(252deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-46 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(255.6deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-47 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(259.2deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-48 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(262.8deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-49 {
	background-image: linear-gradient(
			90deg,
			#e9e9e9 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(266.4deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-50 {
	background-image: linear-gradient(
			-90deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-51 {
	background-image: linear-gradient(
			-86.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-52 {
	background-image: linear-gradient(
			-82.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-53 {
	background-image: linear-gradient(
			-79.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-54 {
	background-image: linear-gradient(
			-75.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-55 {
	background-image: linear-gradient(
			-72deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-56 {
	background-image: linear-gradient(
			-68.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-57 {
	background-image: linear-gradient(
			-64.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-58 {
	background-image: linear-gradient(
			-61.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-59 {
	background-image: linear-gradient(
			-57.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-60 {
	background-image: linear-gradient(
			-54deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-61 {
	background-image: linear-gradient(
			-50.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-62 {
	background-image: linear-gradient(
			-46.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-63 {
	background-image: linear-gradient(
			-43.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-64 {
	background-image: linear-gradient(
			-39.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-65 {
	background-image: linear-gradient(
			-36deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-66 {
	background-image: linear-gradient(
			-32.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-67 {
	background-image: linear-gradient(
			-28.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-68 {
	background-image: linear-gradient(
			-25.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-69 {
	background-image: linear-gradient(
			-21.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-70 {
	background-image: linear-gradient(
			-18deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-71 {
	background-image: linear-gradient(
			-14.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-72 {
	background-image: linear-gradient(
			-10.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-73 {
	background-image: linear-gradient(
			-7.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-74 {
	background-image: linear-gradient(
			-3.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-75 {
	background-image: linear-gradient(
			0deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-76 {
	background-image: linear-gradient(
			3.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-77 {
	background-image: linear-gradient(
			7.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-78 {
	background-image: linear-gradient(
			10.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-79 {
	background-image: linear-gradient(
			14.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-80 {
	background-image: linear-gradient(
			18deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-81 {
	background-image: linear-gradient(
			21.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-82 {
	background-image: linear-gradient(
			25.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-83 {
	background-image: linear-gradient(
			28.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-84 {
	background-image: linear-gradient(
			32.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-85 {
	background-image: linear-gradient(
			36deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-86 {
	background-image: linear-gradient(
			39.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-87 {
	background-image: linear-gradient(
			43.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-88 {
	background-image: linear-gradient(
			46.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-89 {
	background-image: linear-gradient(
			50.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-90 {
	background-image: linear-gradient(
			54deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-91 {
	background-image: linear-gradient(
			57.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-92 {
	background-image: linear-gradient(
			61.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-93 {
	background-image: linear-gradient(
			64.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-94 {
	background-image: linear-gradient(
			68.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-95 {
	background-image: linear-gradient(
			72deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-96 {
	background-image: linear-gradient(
			75.6deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-97 {
	background-image: linear-gradient(
			79.2deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-98 {
	background-image: linear-gradient(
			82.8deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-99 {
	background-image: linear-gradient(
			86.4deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

.progress-100 {
	background-image: linear-gradient(
			90deg,
			#cfb789 50%,
			rgba(0, 0, 0, 0) 50%,
			rgba(0, 0, 0, 0)
		),
		linear-gradient(270deg, #cfb789 50%, #e9e9e9 50%, #e9e9e9);
}

/* Bootstrap Select custom */
.bootstrap-select.btn-group .dropdown-toggle .caret {
	color: #838488;
}
.bootstrap-select .btn-default {
	border-color: #e9e9e9;
	color: #5a5960;
}
.header {
	color: #0f0f0f;
	/* opacity: 0.8;*/
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
}
#page-wrapper.wrapper-full {
	padding: 0;
	background: #fafafa;
}
.cs-tabs .nav-tabs > li.active > a,
.cs-tabs .nav-tabs > li.active > a:focus,
.cs-tabs .nav-tabs > li.active > a:hover {
	background-color: #ebe5d9;
	border: 0;
	/*box-shadow: 0px 0px 0.5px #f5f5f5, inset 0px 0px 3.5px #838488;*/
}
.cs-tabs .nav-tabs {
	border-bottom: 1px solid #e9e9e9;
	padding: 0;
	margin: 0 10px 0 0;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #faf9f5;
	min-width: 180px;
	height: calc(100vh - 105px);
	overflow-y: auto;
}
.cs-tabs .nav-tabs > li > a {
	color: #0f0f0f;
	font-size: 13px;
	padding: 10px 15px;
	border-bottom: solid 1px #e7e5e5;
}

.cs-tabs {
	display: flex;
	/*    background: #fff;*/
}
span.badge-number {
	display: inline-block;
}

.nav-tabs > li.active {
	/* overflow: inherit; */
}
.cs-tabs .nav-tabs > li.active > a,
.cs-tabs .nav-tabs > li.active > a:focus {
	/*    background: rgba(15,15,15,0.05);*/
	background: rgba(15, 15, 15, 0.05) url(../../icons/right_arrow_icon.png) right
		no-repeat;
	background-size: 22px;
	color: #0f0f0f;
	background-position: 150px;
}
.cs-tabs .tab-content {
	padding: 0 10px 10px 0 !important;
	/*    background: #fff;*/
	margin-top: 0 !important;
	width: 100%;
}
.panel-group {
	margin-bottom: 10px;
}
.cs-tabs li .badge {
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #e9e9e9;
	font-size: 12px;
	line-height: 11px;
	color: #aaa9ad;
	margin-top: -4px;
	padding: 3px 4px;
	margin-right: 5px;
}
.cs-tabs li.active .badge {
	background: #cfb789;
	border-color: #cfb789;
	color: #fff;
}
.right-menu .circle-more {
	background: url("../../icons/iconMore.svg");
	background-size: cover;
	width: 30px;
	height: 30px;
	float: left;
	margin-top: 0;
}
.right-menu .circle-more:hover,
.right-menu .circle-more:active {
	background: url("../../icons/iconMore-Hover.svg");
	background-size: cover;
}
.right-menu.top-nav {
	padding: 0;
}
.right-menu .dropdown-menu {
	right: 0;
	left: inherit;
	font-family: "robotoregular";
}
.subheader {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 30px;
}
.cs-lang .bootstrap-select.form-control {
	max-width: 180px;
	margin-top: -7px;
}
.btn-filter .btn.btn-grey {
	min-width: 145px;
	text-align: left;
	color: #35353f;
}
.btn-filter .btn-grey .caret {
	color: #838488;
}
.btn-filter.open .btn.btn-grey,
.btn-filter.open .btn-grey .caret,
.btn-filter .btn.btn-grey:hover,
.btn-filter .btn.btn-grey:focus,
.btn-filter .btn-grey:focus .caret,
.btn-filter .btn-grey:hover .caret {
	color: #fff;
	background: #cfb789;
}
.btn-filter {
	margin-right: 12px;
}

.btn-filter .checkbox,
.btn-filter .radio {
	margin: 0;
}
.homeseticon {
	background: url("../../icons/arrowHomeSettings.svg");
	width: 59px;
	height: 17px;
	position: absolute;
	z-index: 1040;
	top: 56px;
	right: 208px;
}

.table.cs-table > thead > tr > th {
	border: 0;
}

.table.cs-table > tbody > tr > td {
	border-bottom: 0;
	border-top: none;
	vertical-align: middle;
	color: #0f0f0f;
	font-family: "robotoregular";
	padding: 5px 15px;
	height: 43px;
}

/*.table.cs-table>tbody>.archive>td, .table.cs-table>tbody>.block>td {
    background: #f2f2f2;
}*/

.table.cs-table > tbody > tr > td .bootstrap-select {
	width: 140px;
}

.inner-td {
	border-bottom: 1px solid #e9e9e9;
}

.scrollbox-common {
	overflow-x: hidden;
	width: 100% !important;
}

.scrollbox-configuration {
	overflow: auto;
	overflow-x: hidden;
	width: 100% !important;
	max-height: 450px;
}

.scrollbox-pagewrapper {
	overflow: auto;
	overflow-x: hidden;
	width: 100% !important;
	max-height: 500px;
}

.scrollbox-notification {
	overflow-y: auto;
	width: 100% !important;
	max-height: 300px;
}

.scrollbox-notification .notification-date {
	padding-left: 5px;
}

.scrollbox-notification .no-notification {
	display: block;
	padding: 10px;
	text-align: center;
}

.scrollbox-user-list {
	overflow: auto;
	overflow-x: hidden;
	width: 100% !important;
	max-height: 500px;
}

.scrollbox-user-form {
	overflow: auto;
	overflow-x: hidden;
	width: 100% !important;
	max-height: 500px;
}

.scrollbox-project-list {
	overflow: auto;
	overflow-x: hidden;
	width: 100% !important;
	max-height: 500px;
}

.track3 {
	width: 3px;
	background: rgba(0, 0, 0, 0.15);
	margin-right: 2px;
	border-radius: 10px;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
	background: #000; /* Browsers without rgba support */
	background: rgba(0, 0, 0, 0.15);
}

.handle3 {
	width: 4px;
	right: 0;
	background: #cfb789;
	background: #cfb789;
	border-radius: 7px;
	-webkit-transition: width 250ms;
	transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
	width: 4px;
}
.form-save {
	padding: 10px 0 0 0;
}

.timeloader {
	width: 90%;
	margin-left: 20px;
	margin-top: 5px;
	height: 4px;
	position: relative;
}

.cs-table {
	margin-bottom: 0;
	font-size: 13px;
	border: 0;
	border-bottom: none;
}

.table.cs-table.table-noborder > thead > tr > th {
	border: 0;
}
.scroll-position > div {
	left: 217px !important;
}

/* body { overflow: hidden; } */

.nav.navbar-nav.side-nav.cs-sidebar {
	padding-right: 0 !important;
	width: 216px !important;
}

/*.user-notification {
    padding: 15px !important;
}*/

.user-notification > a {
	width: 100%;
	position: relative;
	min-height: 1px;
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	color: rgba(15, 15, 15, 0.7);
}

.user-notification .read .control-label,
.user-notification .un-read .control-label {
	font-weight: 200;
}

.user-notification.notification-read {
	background: #f2f2f2 !important;
}

#selected_room_icon,
#selected_light_icon,
#selected_curtain_icon,
#selected_tvchannel_icon,
#selected_utility_icon,
#selected_homemood_icon,
#selected_roomambience_icon {
	overflow: hidden;
	padding: 2px 5px !important;
	cursor: pointer;
}

#selected_room_icon,
#selected_room_icon > li,
#room_icon_list > li,
#selected_light_icon,
#selected_light_icon > li,
#light_icon_list > li,
#selected_curtain_icon,
#selected_curtain_icon > li,
#curtain_icon_list > li,
#selected_tvchannel_icon,
#selected_curtain_icon > li,
#tvchannel_icon_list > li,
#selected_utility_icon,
#selected_utility_icon > li,
#utility_icon_list > li,
#selected_homemood_icon,
#selected_homemood_icon > li,
#homemood_icon_list > li,
#roomambience_icon_list > li,
#selected_roomambience_icon > li,
#selected_roomambience_icon {
	background: #fff;
	height: 35px;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 30px;
	padding-top: 6.5px;
	margin: 0px 0px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 5px;
	width: 100%;
	cursor: pointer;
}

#selected_light_icon,
#selected_light_icon > li,
#light_icon_list > li,
#selected_curtain_icon,
#selected_curtain_icon > li,
#curtain_icon_list > li,
#selected_tvchannel_icon,
#selected_tvchannel_icon > li,
#tvchannel_icon_list > li,
#selected_utility_icon,
#selected_utility_icon > li,
#utility_icon_list > li,
#selected_homemood_icon,
#selected_homemood_icon > li,
#homemood_icon_list > li,
#roomambience_icon_list > li,
#selected_roomambience_icon > li,
#selected_roomambience_icon {
	height: 60px;
	padding-top: 17px;
	padding-left: 60px;
	background-size: 50px 50px;
	cursor: pointer;
	background-repeat: no-repeat;
}

#selected_room_icon,
#room_icon_list,
#selected_light_icon,
#light_icon_list,
#selected_curtain_icon,
#curtain_icon_list,
#selected_tvchannel_icon,
#tvchannel_icon_list,
#selected_utility_icon,
#utility_icon_list,
#selected_homemood_icon,
#homemood_icon_list,
#selected_roomambience_icon,
#roomambience_icon_list {
	list-style: none;
	text-decoration: none;
	padding: 0px;
	cursor: pointer;
}

#room_icon_list,
#light_icon_list,
#curtain_icon_list,
#tvchannel_icon_list,
#utility_icon_list,
#homemood_icon_list,
#roomambience_icon_list {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #e9e9e9;
	background: #fff;
	margin-top: -3px;
	display: none;
	position: absolute;
	z-index: 1000;
	width: calc(100% - 30px);
	cursor: pointer;
}

#light_icon_list,
#curtain_icon_list,
#tvchannel_icon_list,
#utility_icon_list {
	margin-top: -12px;
	width: calc(100% - 225px);
	left: calc(100% - 418px);
	cursor: pointer;
}

#homemood_icon_list {
	margin-top: -12px;
	width: calc(100% - 70%);
	left: calc(100% - 57%);
	cursor: pointer;
}

#room_icon_list > li:hover,
#light_icon_list > li:hover,
#curtain_icon_list > li:hover,
#tvchannel_icon_list > li:hover,
#utility_icon_list > li:hover,
#homemood_icon_list > li:hover,
#roomambience_icon_list > li:hover {
	background-color: #cfb789;
}

.icon-room,
.selected-icon-room {
	width: 30px;
	height: 30px;
	background: #cfb789;
	border-radius: 25%;
	margin-right: 5px;
	padding: 2px;
}

.select2-selection__rendered .selected-icon-room {
	width: 18px;
	height: 18px;
	margin-top: -2px;
}

.light-icon-container,
.additionalControl-icon-container,
.curtain-icon-container,
.tvchannel-icon-container,
.roomambience-icon-container,
.utility-icon-container,
.hoommode-icon-container,
.bgm-icon-container {
	/*    height: 60px !important;
    padding: 8px 6px !important;*/
}

.light-icon-arrow,
.curtain-icon-arrow,
.tvchannel-icon-arrow,
.roomabience-icon-arrow,
.utility-icon-arrow,
.additionalControl-icon-arrow,
.hoommode-icon-arrow,
.bgm-icon-arrow {
	/*    top: 13px !important;*/
}

.icon-light,
.selected-icon-light,
.icon-additionalControl,
.selected-icon-additionalControl,
.icon-curtain,
.selected-icon-curtain,
.icon-tvchannel,
.selected-icon-tvchannel,
.icon-roomambience,
.selected-icon-roomambience,
.icon-utility,
.selected-icon-utility,
.icon-hoommode,
.selected-icon-hoommode,
.icon-bgm,
.selected-icon-bgm,
.icon-mras,
.selected-icon-mras,
.icon-theme,
.selected-icon-theme {
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 25%;
	margin-right: 5px;
	padding: 2px;
}

.icon-list {
	width: 45px;
	height: 45px;
	border-radius: 25%;
	margin-right: 5px;
	padding: 2px;
}

.icon-light.golden-icon-bg,
.selected-icon-light.golden-icon-bg {
	background-color: #cfb789;
}

.icon-theme,
.selected-icon-theme {
	width: 70px;
	height: 70px;
}

.select2-selection__rendered .selected-icon-light,
.select2-selection__rendered .selected-icon-curtain,
.select2-selection__rendered .selected-icon-tvchannel,
.select2-selection__rendered .selected-icon-roomambience,
.select2-selection__rendered .selected-icon-utility,
.select2-selection__rendered .selected-icon-additionalControl,
.select2-selection__rendered .selected-icon-hoommode,
.select2-selection__rendered .selected-icon-bgm,
.select2-selection__rendered .selected-icon-mras,
.select2-selection__rendered .selected-icon-theme {
	margin-top: -2px;
	width: 18px;
	height: 18px;
}

tr.tDnD_whileDrag,
.table.cs-table > tbody > tr.tDnD_whileDrag > td {
	background: #eee;
}

.trans-scroll {
	position: relative;
	overflow: hidden;
	border: 0;
	border-bottom: none;
}

.channel-icon {
	border: 1px solid #cfcfcf;
	display: inline-block;
	min-height: 160px;
	padding: 10px 10px 0;
	text-align: center;
	width: 150px;
	border-radius: 4px;
	margin: 1px !important;
}
#tvchannel_list_view {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.channel-icon .control-label {
	text-align: center;
}

tr.ui-sortable-handle:hover {
	cursor: move;
}

input[disabled] + label {
	cursor: not-allowed;
}

/*#background-image{
    position: absolute;
    top: 0;
    left: 0;
    overflow: scroll;
}*/

#background-image .lights_icons {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0px;
}

#background-image .curtains_icons {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0px;
}

#background-image .fans_icons {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0px;
}

.button-loader {
	font-size: 22px !important;
}

.bg-loader {
	background: url("../../icons/images/ring.gif") no-repeat scroll center center
		#000;
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100000;
}

body.busy:after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
	background: url("../../icons/ring.gif") no-repeat scroll center center #000;
	z-index: 100000;
}

.editable-advancedcontrol {
	display: none;
	position: absolute;
	width: 400px;
	height: 120px;
	background: #fafafa;
	border-radius: 5px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

.editable-advancedcontrol > .arrow-down {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0px 13px;
	border-color: rgba(0, 0, 0, 0.05) transparent transparent transparent;
	position: absolute;
	top: 122px;
	left: 130px;
}

.arrow-down:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0px 13px;
	border-color: #fafafa transparent transparent transparent;
	position: absolute;
	top: -16px;
	left: -13px;
}

.editable-head {
	height: 50px;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	line-height: 1.1;
	color: #2d2b33;
}

.editable-body {
	overflow: hidden;
	border-radius: 5px;
}

/*.no-operation{
    background-color: red !important;
}*/
.btn-filter label {
	font-weight: 500;
}
.tvchannel_category li.active > a,
tvchannel_category > li.active > a:focus,
tvchannel_category > li.active > a:hover,
.tvchannel_language li.active > a,
tvchannel_language > li.active > a:focus,
tvchannel_language > li.active > a:hover {
	background: #eeeeee !important;
	color: black;
}
.tvchannel_language li > a,
.tvchannel_category li > a,
.tvchannel_language li > a:hover,
.tvchannel_category li > a:hover {
	color: black;
}
.control-deactivate,
control-activate,
.overlay {
	cursor: pointer;
}
.hovereffect {
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
	height: auto !important;
}
.hovereffect .overlay {
	width: 100%;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: auto;
	bottom: -5px;
	padding: 0.5em;
	height: auto;
	color: #3c4a50;
	border-radius: 5px 5px 0px 0px;
	background-color: #f0f0f0;
	-webkit-box-shadow: 0px -2px 3px 0px rgba(217, 217, 217, 1);
	-moz-box-shadow: 0px -2px 3px 0px rgba(217, 217, 217, 1);
	box-shadow: 0px -2px 3px 0px rgba(217, 217, 217, 1);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;

	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	margin-bottom: 0;
}

.hovereffect .overlay_li {
	width: 20%;
	position: absolute;
	overflow: hidden;
	left: 80%;
	top: 0;
	bottom: 0;
	padding: 6px 4px 0;
	height: auto;
	/*/border-radius:5px 5px 0px 0px;*/
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	cursor: pointer;
	border-radius: 4px 4px 7px 7px;
}

.hovereffect:hover .overlay,
.hovereffect:hover .overlay_li,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	bottom: 0px;
}
/* radio button and checkbox css for tv channel*/
.channel_radio,
.channel_radio {
	opacity: 0;
	position: absolute;
	z-index: 12;
	width: 18px;
	height: 18px;
	cursor: pointer;
	visibility: visible !important;
}
.channel_radio + .lbl,
.channel_radio + .lbl {
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 0;
	line-height: 25px;
	min-height: 14px;
	min-width: 14px;
	font-weight: normal;
}

.channel_radio + .lbl.padding-16::before,
.channel_radio + .lbl.padding-16::before {
	margin-right: 16px;
}

.channel_radio + .lbl.padding-12::before,
.channel_radio + .lbl.padding-12::before {
	margin-right: 12px;
}

.channel_radio + .lbl.padding-8::before,
.channel_radio + .lbl.padding-8::before {
	margin-right: 8px;
}

.channel_radio + .lbl.padding-4::before,
.channel_radio + .lbl.padding-4::before {
	margin-right: 4px;
}

.channel_radio + .lbl.padding-0::before,
.channel_radio + .lbl.padding-0::before {
	margin-right: 0px;
}

.channel_radio + .lbl::before,
.channel_radio + .lbl::before {
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 11px;
	color: #b39d76;
	content: "\a0";
	background-color: #fafafa;
	border: 1px solid #ccc;
	border-radius: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height: 23px;
	line-height: 22px;
	min-width: 23px;
	margin-right: 1px;
	margin-top: -5px;
}

.channel_radio:checked + .lbl::before,
.channel_radio:checked + .lbl::before {
	display: inline-block;
	content: "\f00c";
	background-color: #cfb789;
	border-color: #f5f8fc;
	color: #fafafa;
}

.channel_radio + .lbl::before {
	border-radius: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
}

.channel_radio:checked + .lbl::before {
	content: "\2022";
}
.checkbox-custom,
.radio-custom {
	opacity: 0;
	position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
	position: relative;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
	content: "";
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 2px;
	margin-right: 7px;
	text-align: center;
	border-radius: 32px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
	content: "\f00c";
	font-family: "FontAwesome";
	background: #cfb789;
	color: #fff;
	height: 24px;
	width: 24px;
	border-radius: 32px;
}

.radio-custom + .radio-custom-label:before {
	border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
	content: "\f00c";
	font-family: "FontAwesome";
	color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
	outline: 1px solid #ddd; /* focus style */
}
/* radio button and checkbox css for tv channel*/
.arrow-shade {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -5px;
	right: 10px;
	z-index: 1000;
}
.channel-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
/* slider css */

#scrollbox-tvchannel-list,
.form-horizontal #slider,
.form-horizontal #slider1 {
	max-height: calc(100vh - 195px);
	overflow-y: auto;
}
#slider,
#slider1 {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background: #f2efe7;
	margin-right: 10px;
}

#slider ul,
#slider1 ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	/*  margin-left: 100px !important;
  margin-right: 100px !important;*/
}

#slider ul li,
#slider1 ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
#slider a,
#slider1 a {
	color: #000;
	line-height: 35px;
	padding: 0 10px;
	border-bottom: solid 1px #e7e5e5;
	/*padding: 13px 15px;*/
}

a.control_prev,
a.control_next,
a.control_prev1,
a.control_next1 {
	position: absolute;
	z-index: 999;
	display: block;
	padding: 0% 2%;
	width: auto;
	height: auto;
	background: #e9e9e9;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
}
a.control_prev:hover,
a.control_next:hover,
a.control_prev1:hover,
a.control_next1:hover {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
}

a.control_prev,
a.control_prev1 {
	border-radius: 0 2px 2px 0;
}

a.control_next,
a.control_next1 {
	right: 0;
	border-radius: 2px 0 0 2px;
}

/* new css */

.userdropdown:hover image {
	content: url("../../icons/user_image3.jpg");
}

.overflow-div {
	overflow: hidden;
}

.heading-input {
	display: inline-block;
}
.nopd-left {
	padding-left: 0 !important;
}
.nopd-right {
	padding-right: 0 !important;
}

.driver-div {
	text-align: center;
}

.outercircle {
	margin: 5% 10%;
	width: 50%;
	margin-left: 25%;
	background: #dedede;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	transition: margin 0.2s;
}

.outercircle > .innercircle {
	font-size: 14px;
	width: 80%;
	padding: 30px 5px;
	height: 85px;
	margin-left: 10%;
	background: #f5f5f5;
	border-radius: 50%;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
	transition: width 0.2s, margin-left 0.2s, font-size 0.2s;
}

.outercircle:hover {
	background: #cfb789;
}

.outercircle > .innercircle:hover {
	width: 90%;
	margin-left: 5%;
	font-size: 18px;
}

.circle {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	background: #dedede;
	margin-top: 8%;
}

.attemp-circle {
	border-radius: 50%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	background: #dedede;
	width: 25px;
	margin: 5px;
	padding: 2px 7px;
}

.attemped-circle {
	border-radius: 50%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	background: #cfb789;
	width: 25px;
	margin: 5px;
	padding: 2px 7px;
}

.circle:hover {
	background: #cfb789;
}

.circle > .inner-circle {
	top: 7.5%;
	left: 7.5%;
	position: relative;
	background: #f5f5f5;
	width: 85%;
	padding: 25%;
	border-radius: 50%;
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
	transition: height 0.2s, width 0.2s, top 0.2s, left 0.2s, font-size 0.2s;
}

.inner-circle > .cir-text {
	top: 40%;
	position: relative;
	width: 100%;
	text-align: center;
}

.circle > .inner-circle:hover {
	width: 92%;
	height: 100%;
	top: 4%;
	left: 4%;
	font-size: 22px;
}

.selected_circle {
	background: #b39d76;
}

.sync_div_li_with_content {
	padding: 15px 20px;
	border-bottom: 1px solid #e9e9e9;
}
.sync_div_li_without_content {
	padding: 5px;
	text-align: center;
}

.syncchannelbtn {
	min-width: 50px !important;
}

.showMessage-iptv-form {
	display: none;
	text-align: center;
}
.profile-duplicate-list {
	max-height: 200px;
}
.norooms div h4 {
	padding: 10px;
}

.dropdown-menu > li > a:hover > .color-icon {
	color: #cfb789;
}

.delete-notification {
	z-index: 1000;
	font-size: 18px !important;
}

.delete-notification:hover {
	color: #cfb789;
}

.notification-msg {
	width: 80%;
	word-wrap: break-word;
}

.notification-date {
	display: block;
	padding-top: 5px;
	font-size: 12px;
	color: gray;
}

.error-icon {
	width: 100%;
	padding: 10px;
}

.error_alert_msg {
}

.error-btn {
	padding: 15px;
}

.error-btn > .btn {
	width: 50%;
	margin-left: 25%;
}

.show-row {
}

.hide-row {
	display: none !important;
}

/*.connection-radio {
    margin-top: -30px;
}*/

/*.connection-radio:after {
    top: 14px !important;
}*/

.pcu_form .col-radio {
	display: flex;
	justify-content: space-evenly;
	margin-top: 20px;
}

.sort-list {
	cursor: pointer;
}

.sort-ord {
	margin-left: 8px;
	color: #cfb789;
}

.sort-list:hover {
}

.filter-applied {
	margin-top: 0;
	display: none;
}

.applied-fltr,
.applied-filter-type {
	background: #cfb789;
	padding: 5px 10px;
	color: #fff;
	display: inline-block;
}

.filter-applied label {
	font-weight: normal;
	text-align: right;
	line-height: 25px;
}

.remove-fltr,
.remove-filter {
	font-weight: 500;
	padding-left: 7px;
	color: white;
}

.remove-fltr:hover,
.remove-filter:hover {
	text-shadow: 0.5px 0.5px 0.5px black;
	cursor: pointer;
}

.btn-edit {
	padding: 2px 4px;
	font-size: 18px !important;
}

.edit-label,
.editable-select,
.edit-airplay {
	border: 1.5px dotted lightgray;
	padding: 4px 10px;
	border-radius: 0;
	width: 100%;
	font-size: 13px;
}

.edit-select {
	max-width: 150px;
	border: 1px solid #e9e9e9;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.edit-label:hover {
	border: 1px solid #cfb789;
}

.edit-label.edit-in:focus {
	outline: 0;
	border: 1px solid #cfb789;
	border-color: #cfb789;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(207, 183, 137, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(207, 183, 137, 0.8);
}

.multiselect :not(button) {
	/*border: 0.7px lightgray dotted;*/
	padding: 3px 8px;
	border-radius: 20px;
}

.multiselect:hover {
	border: 0.7px #cfb789 dotted;
	padding: 3px 8px;
	border-radius: 20px;
}

.selected-row > td {
	background: rgb(237, 236, 233) !important;
}

.selected-row .edit-label,
.selected-row .editable-select {
	background: rgb(237, 236, 233) !important;
}

.alertpopup-home {
	text-align: center;
	position: absolute;
	z-index: 10000;
	top: 50px;
	right: 80px;
	border-radius: 5px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
	display: none;
	overflow: hidden;
}

.error-popup {
	background: #fd573f;
}

.success-popup {
	background: #19ff2d;
}

.warning-popup {
	background: #fecc4a;
}

.alertpopup-icon-home {
	float: left;
	width: 40px;
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
	padding: 15px 8px;
	color: #fff !important;
}

.alertpopup-message-home {
	float: left;
	padding: 15px 8px;
}

.light-disable {
	visibility: visible;
}

.btn-success {
	background-color: #cfb789;
	border-color: #b39d76;
}

.btn-success:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active:hover {
	background-color: #cfb789 !important;
	border-color: #b39d76 !important;
}

.btn-default:hover {
	background-color: #fff;
}

.toggle.casa-active,
.toggle-on.casa-active,
.toggle-off.casa-active {
	border-radius: 10px;
}
.toggle.casa-active .toggle-handle {
	border-radius: 8px;
}

.no-padding {
	padding: 0px;
}

.dataTables_empty {
	text-align: center;
}

.input-icon {
	z-index: 2;
	float: right;
	cursor: pointer;
	margin-right: 1px;
	margin-top: -45px; /*Change from 40 to 45 bcz of lighting form interface.*/
	position: relative;
	color: rgba(15, 15, 15, 0.3);
}
.remove-icon,
.fa-icon {
	cursor: pointer;
	color: #cfb789;
}

.multi-fields > .multi-field:first-child > .remove-icon {
	display: none;
}

.fa-btn {
	color: #cfb789;
}

.fa-btn:hover {
	background: #cfb789;
	color: white;
}

.btn.btn-grey.buttonedit {
	position: relative;
}

.small-brown-nxt {
	display: block;
	font-size: 12px;
	color: #0f0f0f;
	opacity: 0.5;
}

.small-brown-inline {
	font-size: 12px;
	color: #b39d76;
}

.hightlight-success {
	border-top: 2px solid #f0d8a8;
	border-bottom: 2px solid #f0d8a8;
}

.hightlight-error {
	border-top: 2px solid #f8abab;
	border-bottom: 2px solid #f8abab;
}
.multiselect-native-select input[type="checkbox"] {
	visibility: visible;
}

#tvchannels_list {
	display: none;
}

.multiselect-selected-text {
	font-weight: lighter;
	color: gray;
}

.delayunit,
.delaymode {
	cursor: pointer;
}

.deletestatement,
.resetmoduletranslation {
	position: absolute;
	right: 10px;
	display: none;
	font-size: 20px;
	cursor: pointer;
}

.modulestatement {
	position: absolute;
	right: 35px;
	display: none;
	font-size: 20px;
	cursor: pointer;
}

.modulekeyword {
	cursor: pointer;
}

.staticstatement:hover .deletestatement,
.staticstatement:hover .modulestatement,
.staticstatement:hover .resetmoduletranslation {
	display: block;
}

.studio-maintenance-alert {
	color: white;
	background-color: #ff3333;
}

span.cd-menu {
	color: #ffffff;
	margin-left: 5px;
	margin-right: 5px;
	background: #cfb789;
	padding: 7px;
	border-radius: 50%;
	height: 30px;
	font-size: 18px;
	font-weight: 600;
}

.fa-question-circle {
	cursor: pointer;
}

.act-status {
	font-size: 13px;
	padding: 5px 0 5px 25px;
}
.project-td .act-status .small-brown-nxt {
	font-size: 10px;
	line-height: 16px;
	padding-left: 25px;
}

.project-td .small-brown-nxt {
	font-size: 10px;
	line-height: 16px;
	padding-left: 0;
}
.act-status-add {
	/*   background-color: #5cb85c;
   border-color: #4cae4c;*/
	background: url("../../icons/completed.png") left no-repeat;
	background-size: 20px;
}

.act-status-update {
	/*   background-color: #f0ad4e;
   border-color: #eea236;*/
	opacity: 1;
	background: url("../../icons/pending.png") left no-repeat;
	background-size: 20px;
}

.act-status-delete {
	/*   background-color: #d9534f;
   border-color: #d43f3a;*/
	background: url("../../icons/rejected.png") left no-repeat;
	background-size: 20px;
}

.act-status-warn {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/delayed-icon.png") left no-repeat;
	background-size: 20px;
}

.act-status-thumb-active {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/completed-thumb.png") left no-repeat;
	background-size: 18px;
}
.act-status-thumb-down {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/thumb_down.png") left no-repeat;
	background-size: 18px;
}
.act-status-alert {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/alert.png") left no-repeat;
	background-size: 18px;
}
.act-status-sync-pending {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/update.png") left no-repeat;
	background-size: 16px;
}
.act-status-sync-complete {
	/*   background-color: #bc83e9;
   border-color: #bc83e9;*/
	background: url("../../icons/checked.png") left no-repeat;
	background-size: 16px;
}
.input-group .select2-selection {
	border-radius: 0px !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

ul.tagit {
	padding: 5px !important;
	margin-bottom: 0;
	border-color: #eaeaea !important;
}

.input-group-addon {
	background-color: #fff;
	border: 1px solid #efefef;
}

.user-td div a img,
.project-td div a img {
	width: auto;
	height: auto;
	max-width: 16px;
}
.dropdown-menu .fa-2x {
	font-size: 12px;
}

#wrapper {
	padding-left: 225px;
	overflow: auto;
	height: calc(100vh - 50px);
}

.poolspa-td {
	position: relative;
}

.col-sm-4 > input[type="button"] {
	padding: 5px 20px;
	width: auto;
	margin: 0 auto;
	box-shadow: none;
}

.form-inline input[type="search"].form-control {
	margin-left: 0;
}

/* Avi changes */

/*-------------------tvChannelList------------*/

.tv-channel-list-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 10px;
}

.tv-channel-list-panel.panel-cs .panel-default,
.tv-channel-list-panel.panel-cs .panel-group {
	margin-bottom: 0;
}

.tv-channel-list-header .dropdown {
	padding: 0;
}

#feature_view .tv-channel-list-header .btn-filter {
	margin-right: 0;
}

input.select2-search__field {
	width: 100% !important;
}

.img-focus {
	padding: 3px;
	font-size: 25px;
	color: #fff;
	background: #cfb789;
	border-radius: 50%;
}

.sim-model {
	background: #fff9f2;
	padding: 7px;
	position: relative;
	max-height: 50px;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
	font-size: 12px;
	line-height: 1.7;
	border: 1px solid #cfb7896b;
	border-top: none;
}

.sim-model:hover {
	max-height: 100%;
}

.show-sip-pass {
	position: relative;
	padding-left: 6px;
	top: -3px;
	cursor: pointer;
	color: #cfb789;
}

.nav.navbar-left.casadigilogo {
	display: inline-block;
	padding: 8px 20px;
}

tr.circuit-table {
	font-size: 13px;
}

td.light-td > img,
td.curtain-td > img {
	max-width: 30px;
	height: auto;
}

form {
	margin-bottom: 0;
}

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

.dataTables_paginate .pagination {
	margin: 15px 0 0;
}

.cs-lang label {
	display: none;
}

.cs-lang.user-notification label {
	display: inline-block;
}

.flex-display {
	display: flex;
}

.header-list-operation {
	align-items: center;
}

.user-panel-1 .panel-heading,
.project-panel-1 .panel-heading,
.activity-log-list .panel-heading {
	justify-content: space-between;
}

.detailslist-table-filter .cs-lang {
	margin-right: 10px;
	min-width: 140px;
}
form.detailslist-table-filter {
	align-items: center;
	font-weight: normal;
}
form.detailslist-table-filter > span {
	margin-right: 10px;
	display: flex;
	align-items: center;
}
form.detailslist-table-filter > span img {
	margin-right: 10px;
}
a.add-icon {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

a.add-icon.btn.btn-grey,
.project-dashboard a.add-icon.btn.btn-grey {
	background: rgba(15, 15, 15, 0.1);
	color: #0f0f0f;
	border: 0;
}

/*a.add-icon.btn.btn-grey:hover,
a.add-icon.btn.btn-grey:focus {
  //  background: #cfb789;
}*/

.dataTables_filter label {
	font-weight: normal;
	font-size: 0;
	background: url("../../icons/magnifying_glass.png") center right;
}

li.separator-header-menu {
	display: inline-block;
	width: 1px;
	height: 25px;
	background: #b1b1b1;
	margin: 9px 5px;
	opacity: 0.5;
}

.panel-title .caret {
	display: none;
}

.custom-panel-body {
	border-radius: 8px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #faf9f5;
}

.custom-panel-body .subheader {
	padding: 5px 15px;
	border-bottom: 1px solid #f1f1f1;
	color: #575b61;
}

.m-t-2 {
	margin-top: 2px;
}
.m-t-10 {
	margin-top: 10px;
}

.m-r-10 {
	margin-right: 10px;
}
.language-form select.form-control {
	border: 1px solid #efefef;
	box-shadow: none;
	background: #f2efe7;
	border-radius: 15px;
	height: 30px;
	padding: 0px 20px 0 6px;
	font-size: 13px;
	margin-top: 8px;
	min-width: 125px;
}

.select-language-li {
	margin: 0 10px;
}

.custom-search-module .dataTables_filter {
	width: 100%;
}
.custom-search-module .dataTables_filter label {
	font-size: 0;
	margin-bottom: 0;
}

.custom-search-module {
	display: flex;
	align-items: center;
}

.trans-scroll .ui-widget {
	font-size: 12px;
	border: 1px dashed rgba(15, 15, 15, 0.3) !important;
	background: #fff;
}

.trans-scroll ul.tagit li.tagit-choice-editable {
	padding: 0.2em 22px 0.2em 0.5em;
}

.trans-scroll ul.tagit li.tagit-choice .tagit-close .text-icon {
	line-height: 18px;
	color: #fff;
}

#feature_view .panel-title {
	padding-right: 15px;
	font-size: 14px;
	color: rgba(15, 15, 15, 0.7);
}

.input-sm.form-control {
	background: #edeae2;
	height: 24px;
	font-style: italic;
	font-weight: normal;
	background-image: url(../../icons/magnifying_glass.png);
	background-size: cover;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 97%;
}

.dataTables_filter .input-sm.form-control {
	min-width: 240px;
}

.toggle-group .toggle-on.btn {
	padding-right: 18px;
	font-size: 8px;
	padding-left: 8px;
}
.toggle-group .toggle-off.btn {
	padding-left: 18px;
	font-size: 8px;
}

.toggle-group .btn,
.toggle.btn {
	font-size: 8px;
}

a.disabled,
a.disabled img {
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
}

.action-icons-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.action-icons-wrapper img,
.action-icons-table img {
	max-width: 16px;
}

/*.action-icons-wrapper > div {
    margin-left: 8px;
}*/

.action-icons-wrapper a {
	margin-left: 8px;
}

.project-dashboard a.btn.btn-grey {
	background: transparent;
	border: 0;
	padding: 0;
}

.more-options .dropdown a img {
	width: auto;
	height: auto;
	max-width: 16px;
}

.close-modal-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 24px;
	cursor: pointer;
	z-index: 9999;
}

.close-modal-icon img {
	max-width: 100%;
}

.modal-popup-new-modifications .form-horizontal .form-group {
	display: inline-block;
	width: 50%;
	float: left;
	position: relative;
	margin: 0;
	padding: 2px 10px;
}

.modal-popup-new-modifications .form-horizontal .form-group.custom-radio-group {
	min-height: 60px;
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.form-group.modal-popup-new-modifications .form-horizontal .form-group {
	width: 33.33%;
}

.form-horizontal .form-group.block-display {
	width: 100%;
}

.form-horizontal .form-group .form-control {
	background: transparent;
	border: 1px solid rgba(15, 15, 15, 0.3);
	border-radius: 4px;
	font-size: 13px;
	height: 28px;
}

.form-horizontal .form-group .form-control[disabled] {
	background-color: #eee;
	color: #a0a0a0;
}

.form-horizontal .form-group .form-control:focus {
	box-shadow: none;
}

.footer-modal-form {
	display: flex;
	justify-content: flex-end;
	padding: 0 10px;
	margin: 25px 0 10px;
}

.footer-modal-form > div {
	margin-left: 10px;
	min-width: 130px;
}

.form-modal-body {
	overflow: hidden;
	max-height: 70vh;
	overflow-y: auto;
	padding: 0 10px;
	color: rgba(15, 15, 15, 0.7);
}

.multi-field {
	height: 32px;
	margin-bottom: 10px;
	position: relative;
}
span.remove-mobile.remove-icon.input-icon {
	position: absolute;
	bottom: 7px;
	right: 0;
}

span.remove-mobile.remove-icon.input-icon img {
	max-width: 25px;
}

.cs-modal .modal-body {
	position: relative;
	padding: 0px 0 5px;
}

.close-btn-wrapper .btn-white {
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
	background-color: #ffffff;
	color: rgba(15, 15, 15, 0.6);
}

.save-btn-wrapper .btn-brown {
	text-transform: none;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	background-color: #d4ba8f;
	color: #fff;
	font-size: 14px;
}

.modal-dialog.modal-dialog-centered {
	display: flex;
	align-items: center;
	height: 100vh;
	margin: 0 auto;
}

textarea.form-control {
	resize: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
	background-color: transparent;
	color: #cfb789;
}

.home-footer-btn {
	display: flex;
	/* text-align: right; */
	clear: both;
	/* float: none; */
	justify-content: flex-end;
	padding: 10px;
}
.home-footer-btn .save-btn-wrapper {
	width: 130px;
}

.cs-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
	border-right-style: hidden;
}

.cs-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
	border-left-style: hidden;
}

.detailslist-table-filter
	.select2-container--default
	.select2-selection--single
	.select2-selection__reset {
	top: -1px;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__reset {
	height: auto;
	position: absolute;
	top: 13px;
	right: -5px;
	width: 20px;
	color: rgba(15, 15, 15, 0.3);
}

.detailslist-table-filter .select2-selection.filter-appliled {
	background-color: #d4ba8f;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid rgba(15, 15, 15, 0.2);
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}

.form-horizontal .form-group .form-control:focus {
	border-color: #cfb789;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(207, 183, 137, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(207, 183, 137, 0.8);
}

.form-horizontal .form-group .form-error:focus {
	border-color: #f8abab;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(248, 171, 171, 1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 3px rgba(248, 171, 171, 1);
}

.nav > li > a.bell-circle > img {
	max-width: 24px;
}

.addcontactmobile {
	max-width: 25px;
}

.addcontactmobile img {
	max-width: 100%;
}

.language-form select.form-control {
	background: #f2efe7 url(../../icons/smallDown.svg) no-repeat right;
	background-position: 96%;
	background-size: 8px;
	-webkit-appearance: none;
}
.form-horizontal .form-group select.form-control {
	background: transparent url(../../icons/smallDown.svg) no-repeat right;
	background-position: 98%;
	background-size: 8px;
	-webkit-appearance: none;
}
select.form-control {
	height: 28px;
	background-color: transparent;
	border: 1px solid rgba(15, 15, 15, 0.3);
	/* line-height: 22px; */
	padding: 0 10px;
	font-size: 13px;
}

.btn.btn-golden {
	border-radius: 4px;
	background-color: #d8b989;
	color: #fff;
	font-size: 12px;
	padding: 3px 10px;
}

.driver-repository-panel .panel-title {
	font-size: 13px;
}

.modal-body.body-without-footer {
	padding-bottom: 30px;
}

.block-display.ir-panels .panel {
	margin: 5px 0;
}

.block-display.ir-panels .panel .panel-heading {
	padding: 9px 15px;
}

.block-display.ir-panels .panel .panel-title a {
	font-size: 13px;
	line-height: 20px;
}

.temperature-range.col-sm-6 {
	padding: 0 5px;
}

.contact-person-header {
	display: flex;
	justify-content: flex-start;
	clear: both;
	margin: 30px 10px 20px;
	overflow: hidden;
	align-items: center;
}

.contact-person-header a {
	padding-left: 15px;
}

.empty-list.no-data > img {
	margin-top: 30px;
	max-width: 250px;
}

.modal-header-back {
	font-weight: bold;
	padding: 10px 10px;
	padding-bottom: 0px;
}
form .license-view .form-group,
form .old-license-view .form-group {
	padding: 5px 10px;
}

.table-wrapper {
	border-radius: 8px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #faf9f5;
	overflow: hidden;
}

/*IR Driver JSON render view*/
.panel .jse--output input {
	border: 1px dotted rgba(15, 15, 15, 0.3);
}

.panel .jse--output input[disabled] {
	border: none;
}
/*IR Driver JSON render view*/

.modal-popup-new-modifications .form-horizontal .form-group.toggle-form-group {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
	min-height: 50px;
}

.modal-popup-new-modifications
	.form-horizontal
	.form-group.toggle-form-group
	> label {
	margin-left: 15px;
	padding-top: 4px;
}

.modal-popup-new-modifications .tooltipstered {
	color: rgba(15, 15, 15, 0.3);
}

.form-horizontal .form-group.block-display.space-small {
	margin-top: 10px;
	padding: 10px;
}

.form-group.d-tool-wrapper {
	display: flex;
	align-items: center;
}
.align-center {
	align-items: center;
}

.list-tr .untitled-label {
	opacity: 0.5;
}

.profile-header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.clone-profile-link {
	display: inline-block;
	padding-right: 10px;
	font-size: 14px;
}

.clone-profile-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row-reverse;
}

.clone-profile-btn-wrapper .cs-lang label {
	display: block;
}

.clone-profile-btn-wrapper li.cs-lang .checkbox {
	justify-content: flex-start;
	margin: 0;
}

.clone-profile-btn-wrapper .save-btn-wrapper {
	text-align: right;
	margin: 5px;
}

.clone-profile-btn-wrapper .save-btn-wrapper .btn {
	font-size: 13px;
	min-width: 80px;
}

.setpermissionprofile .panel.panel-default {
	max-width: 98%;
	margin: 10px auto;
}

.setpermissionprofile .form-horizontal .form-group {
	margin: 0;
	padding: 5px 25px;
}

.setpermissionprofile .form-modal-body > .form-group {
	margin-bottom: 10px;
	width: 100%;
}

.setpermissionprofile .form-horizontal .form-group:nth-child(even) {
	/*    background: #faf9f5;*/
}

.panel-body .form-group.modal-popup-new-modifications:nth-child(even) {
	background: #faf9f5;
}
.room-ambiance-features-label {
	margin-top: 15px;
}

.setpermissionprofile .form-horizontal .form-group.features {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.action-icons-table a {
	margin-left: 8px;
}

div.circuit-table > span {
	background: rgba(216, 185, 137, 0.3);
	display: inline-block;
	border-radius: 4px;
	margin: 2px 0;
	color: #0f0f0f;
	font-size: 13px;
	padding: 3px 5px;
}
div.circuit-table > span .circuit-no {
	font-weight: bold;
}
.customlightview .panel-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding-left: 16px;
}
.customlightview .form-control {
	height: 24px;
}
.customlightview .table.cs-table > tbody > tr > td {
	height: 35px;
}

.customlightview .cs-table tbody tr:nth-child(even),
.grouplightview .cs-table tbody tr:nth-child(even) {
	background-color: #faf9f5;
}

.customlightview .panel-heading,
.grouplightview .panel-heading {
	padding: 2px 15px;
}

.customlightview .panel-title,
.grouplightview .panel-title {
	font-size: 13px;
}

.grouplightview .panel-heading .input-group {
	margin-top: 3px;
}

.no-data-wrapper-text {
	padding: 10px 0;
	color: rgba(15, 15, 15, 0.5);
	font-size: 14px;
}

.no-data-text {
	color: #d5b67a;
	font-weight: bold;
	font-size: 15px;
}
.no-data-image {
	margin-top: 10px;
}
.roomfeaturecontainer {
	clear: both;
	overflow: hidden;
	padding: 0 10px 15px;
	background: rgba(242, 239, 231, 0.5);
	border-radius: 10px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}
/*.roomfeaturecontainer:nth-child(odd) {
    background: #e9e9e9;
}*/

#roomfeaturesview {
	padding-top: 10px;
	clear: both;
}

.custom-col-radio {
	display: flex;
}

.custom-col-radio-listing {
	margin-right: 30px;
	color: rgba(15, 15, 15, 0.7);
}

.customadditionalControlview.form-group.flex-display,
.customcurtainview.form-group.flex-display {
	display: flex;
}

.form-group.block-display.form-no-top.speed-row {
	padding: 0 15px 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.form-horizontal
	.form-group.block-display.form-no-top.speed-row
	.control-label {
	min-width: 75px;
}
.panoramic-action-items {
	display: flex;
	align-items: center;

	padding: 10px 0;
	flex-direction: row-reverse;
}

.panaromic-icons img {
	max-width: 18px;
	height: auto;
	margin: 0 7px;
}

.panoramic-action-items .fileinput-button {
	margin-left: 10px;
	font-size: 12px;
	padding: 4px 12px;
}

.modal-backdrop {
	display: none;
}

.modal {
	background: rgba(15, 15, 15, 0.36);
}
.display-icons-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.display-icons-wrapper > span {
	margin-left: 8px;
}
.display_form,
.avr_form,
.soundbar_form,
.avraudio_form {
	padding: 10px 10px 20px;
	background: rgba(242, 239, 231, 0.5);
	border-radius: 10px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}
.avr-multizone-view {
	clear: both;
	padding-top: 15px;
}

.avr-multizone-view .modal-header-back {
	padding: 10px;
	font-weight: bold;
	color: rgba(15, 15, 15, 0.7);
	background: transparent;
}

.error_text_content {
	position: absolute;
	bottom: 50px;
	width: 100%;
}
.error_image img {
	width: 100%;
}
.error-wrapper {
	position: relative;
	height: 100%;
	background: #fff;
}

.error_content {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.nointernet {
	background-image: url("../../icons/no-internet.svg");
}

.internal_server_error {
	background-image: url("../../icons/internal_server_error.svg");
	background-position: 50% 20%;
}

.error404image {
	background-image: url("../../icons/error_404_notfound.svg");
	background-size: cover;
}

.internal_server_error .error_text_content {
	bottom: 100px;
}

.error_text_content h4 {
	color: #9a4000;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}

.error_text_content .error_text {
	color: rgba(0, 0, 0, 0.5);
	font-size: 20px;
}

.error_text_content .error_btn {
	margin-top: 20px;
}

.modal-popup-new-modifications .form-horizontal .form-group.videowall-profile {
	display: flex;
	margin: 10px 0 0;
}
.add-profile-source {
	clear: both;
	padding-top: 20px;
}

.videowall-profile > div {
	width: 100%;
}

.videowall-arrow {
	margin: 0 10px;
	color: rgba(15, 15, 15, 0.3);
}

.casadigi_about_wrapper h4,
.casadigi_about_wrapper h4 a,
.versionupdate h3 {
	color: rgba(15, 15, 15, 0.5);
	font-size: 17px;
	font-weight: bold;
}

.casadigi_about_wrapper p,
.versionupdate .paragraph {
	font-size: 14px;
	max-width: 430px;
	line-height: 1.2;
	color: rgba(15, 15, 15, 0.5);
	margin: 10px auto 15px;
	line-height: 20px;
}

.casadigi_about_wrapper a {
	color: #b37600;
	font-size: 15px;
	margin-bottom: 15px;
	display: inline-block;
}

.versionupdate td,
.casadigi_about_wrapper .copyright_text {
	font-size: 12px;
	color: rgba(15, 15, 15, 0.5);
	margin-bottom: 10px;
}
.driver-repo-wrapper .nav > li > a {
	padding: 13px 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.driver-repo-wrapper .nav-tabs > li > a {
	border: 3px solid transparent;
}

.driver-repo-wrapper .nav-tabs.nav-justified > .active > a,
.driver-repo-wrapper .nav-tabs.nav-justified > .active > a:focus,
.driver-repo-wrapper .nav-tabs.nav-justified > .active > a:hover {
	border: 0;
	border-top: 3px solid transparent;
	border-top-color: #d4ba8f;
	color: rgba(15, 15, 15, 0.7);
	opacity: 0.8;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.02);
	background-color: #ffffff;
}

.driver-repo-wrapper .nav-tabs.nav-justified {
	display: flex;
}

.driver-repo-wrapper .nav-tabs.nav-justified > li {
	width: auto;
	min-width: 200px;
}

.driver-repo-wrapper {
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	background-color: #faf9f5;
}

.driver-repository-panel .panel-cs .panel-default > .panel-heading {
	border-bottom: 0;
}

.driver-repository-panel.tab-content .tab-pane .panel-cs {
	padding-top: 10px;
}
.driver-repository-panel .panel-cs .panel-body {
	padding: 0 15px 15px;
}

.driver-repo-wrapper .nav-tabs > li > a > span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.driver-repo-wrapper .nav-tabs > li > a.driver-repository > span {
	background: url("../../icons/driverrespository.png") center no-repeat;
	background-size: cover;
}
.driver-repo-wrapper .nav-tabs > li > a.tab-driver-req > span {
	background: url("../../icons/requestDriver.png") center no-repeat;
	background-size: cover;
}
.driver-repo-wrapper .nav-tabs > li > a.drivers-tab > span {
	background: url("../../icons/createIRdriver.png") center no-repeat;
	background-size: cover;
}

.driver-repo-wrapper .nav-tabs > li.active > a.driver-repository > span {
	background: url("../../icons/driverrespository_sel.png") center no-repeat;
	background-size: cover;
}
.driver-repo-wrapper .nav-tabs > li.active > a.tab-driver-req > span {
	background: url("../../icons/requestDriver_sel.png") center no-repeat;
	background-size: cover;
}
.driver-repo-wrapper .nav-tabs > li.active > a.drivers-tab > span {
	background: url("../../icons/createIRdriver_sel.png") center no-repeat;
	background-size: cover;
}

.studioconfig-tab-content,
.tvchannelmgmt-tab-content,
.driver-repository-panel {
	max-height: calc(100vh - 110px);
	overflow-y: auto;
}

select option {
	background-color: transparent !important;
}

table tbody tr td:last-child > a,
table tbody tr td:last-child .action-icons-wrapper a,
table tbody tr td:last-child > div > a {
	opacity: 0;
}

table tbody tr:hover td:last-child > a,
table tbody tr:hover td:last-child .action-icons-wrapper a,
table tbody tr td:last-child .action-icons-wrapper ul li a,
table tbody tr:hover td:last-child > div > a {
	opacity: 1;
}

table tbody tr:hover {
	background: rgba(112, 128, 144, 0.13) !important;
}

table tbody tr:hover td.empty-list {
	background: #fff;
}

.form-control:focus {
	border-color: #f2efe7;
	box-shadow: none;
}

span.upload_icon {
	width: 11px;
	height: 12px;
	background: url(../../icons/upload.svg) center no-repeat;
	display: inline-block;
	margin-right: 3px;
}

.panel-title .roundedTwo + a {
	padding-top: 4px;
}

.roominfo_tooltip {
	padding: 15px 20px;
}

span.roominfo_label {
	min-width: 90px;
}

span.roominfo_unset_display {
	display: unset !important;
}

.roominfo_tooltip_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.roominfo_tooltip span {
	display: inline-block;
	line-height: 21px;
	font-size: 13px;
}

i.fa.fa-arrows-alt.sort-handle {
	padding-right: 5px;
	cursor: pointer;
}

.delete-config-popup {
	color: rgba(15, 15, 15, 0.5);
	margin-top: 20px;
}

.delete-config-popup.text-warning > span {
	margin-bottom: 5px;
	display: inline-block;
}

.delete-config-popup.text-warning ul {
	padding: 0;
}

.delete-config-popup.text-warning li.text-left,
.preview-data-list-info li.data-label {
	list-style-type: none;
	padding: 5px 10px;
	text-align: center;
	background: rgba(229, 215, 191, 0.5);
	margin: 5px;
	display: inline-block;
	color: rgba(15, 15, 15, 0.7);
	border-radius: 4px;
}

.nav > li.logonav > a.project-name-fixed {
	color: #0f0f0f;
	position: fixed;
	top: 10px;
	left: 70px;
	font-size: 15px;
	border-left: 1px solid #d6d6d7;
	padding: 2px 20px 2px 20px;
}

.nav > li.logonav > a.project-name-fixed:hover {
	color: #b37600;
}

.ui-state-highlight {
	height: 30px;
	line-height: 20px;
	background: rgba(112, 128, 144, 0.13);
}
.show-password-icon {
	position: absolute;
	right: 6px;
	top: 5px;
}

.macrodefinition .header-option {
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.macrodefinition .header-option label {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	color: rgba(15, 15, 15, 0.5);
	margin-bottom: 3px;
	padding-top: 7px;
	padding-left: 10px;
}

label.control-label.text-center.position-definition {
	min-width: 300px;
	margin-left: 20px;
}
.macro-definition-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.translation-modal-UI.cs-tabs {
	flex-direction: column;
}

.translation-modal-UI.cs-tabs .nav-tabs {
	height: auto;
	flex-direction: row;
	box-shadow: none;
	align-items: center;
}

.translation-modal-UI.cs-tabs .nav-tabs > li {
	min-width: 180px;
}

.form-modal-body.import-lightining-modal {
	padding: 0 20px;
	max-height: 85vh;
}

@media (max-device-width: 1024px) {
	body {
		font-size: 12px;
	}
	body,
	#page-wrapper {
		color: #6f6f6f;
	}
	.navbar-left {
		display: none;
	}
	.panel-cs .panel-default > .panel-heading {
		padding: 10px;
	}
	.panel-title {
		font-size: 13px;
	}
	.cs-table thead tr th,
	.table.cs-table > tbody > tr > td {
		/*        padding: 10px 5px;*/
		font-size: 11px;
	}
	.cs-panhead {
		line-height: 22px;
	}
	.intro-section h2 {
		font-size: 18px;
	}
	.homeicon {
		margin: 10px 0 10px 0;
		width: 30px;
	}
	.btn {
		font-size: 12px;
		padding: 4px 10px;
	}
	.top-nav > .open > .dropdown-menu > li > a,
	.top-nav > .open > .dropdown-menu li.cs-lang {
		font-size: 12px;
		padding: 10px 20px;
	}
	.table.cs-table > tbody > tr > td {
		color: #6a696d;
	}
	.form-control {
		font-size: 12px;
	}
	.cs-modal .modal-title {
		font-size: 12px;
		line-break: 20px;
	}
	.modal-header {
		padding: 10px;
	}
	.subheader {
		font-size: 13px;
		line-height: 24px;
	}
	.cs-tabs .nav-tabs > li > a,
	.edit-label,
	.editable-select {
		font-size: 11px;
	}
	.hovereffect .overlay_li,
	.hovereffect .overlay {
		transform: none;
		background: none;
	}
	.hovereffect .overlay {
		text-align: right;
		top: 0;
		padding: 0;
	}
	.channel-icon {
		min-height: 140px;
		width: 140px;
	}
	.subheader .header-options .btn {
		padding: 8px 10px;
	}
	.toggle-on {
		border-radius: 20px;
	}

	table tbody tr td:last-child > a,
	table tbody tr td:last-child .action-icons-wrapper a,
	table tbody tr td:last-child > div > a {
		opacity: 1;
	}
	#projectdetailslist-table a,
	#appliancedetailslist-table a,
	#userdetailslist-table a {
		margin: 0;
	}
	.action-icons-wrapper a {
		margin-left: 5px !important;
	}
	.driver-tv-tabs-wrapper .tab-content {
		margin-left: 10px;
	}
	.driver-category-tabs > li > a,
	.irdriver-category-tabs > li > a {
		padding: 8px 7px 8px 10px;
	}
	.form-modal-body {
		max-height: 55vh;
	}
	table tbody tr:hover {
		background: none !important;
	}
	/*    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }*/
	.project-dashboard {
		margin-top: 10px;
	}
	.side-nav,
	.left-side-nav {
		left: 200px;
		width: 200px;
		margin-left: -200px;
	}
	#roomsearchoption .search-options .fa {
		margin-left: 175px;
		margin-top: -30px;
	}
	#wrapper {
		padding-left: 200px;
	}
	.cs-tabs .nav-tabs {
		min-width: 140px;
	}
	div.circuit-table > span {
		font-size: 10px;
	}
	td.light-td > img,
	td.curtain-td > img {
		max-width: 20px;
	}
	.custom-col-radio-listing {
		margin-right: 15px;
		color: rgba(15, 15, 15, 0.7);
	}
	.btn.btn-golden {
		font-size: 11px;
	}
	.cs-tabs .nav-tabs > li.active > a,
	.cs-tabs .nav-tabs > li.active > a:focus {
		background-size: 18px;
		background-position: 120px;
	}
}

.room-mapping-wrapper {
	margin-top: 15px;
	background: white;
	border-radius: 10px;
	padding: 10px 10px 20px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
}

/*--------------wizard CSS -----------*/

.wizard {
	margin: 20px auto;
}

.wizard .nav-tabs {
	position: relative;
	margin: 10px auto;
	margin-bottom: 0;
	border: 0;
}

.wizard > div.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 70%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 46px;
	height: 46px;
	line-height: 70px;
	display: flex;
	border-radius: 100px;
	border: 2px solid #e0e0e0;
	background-color: #fff;
	z-index: 2;
	position: absolute;
	justify-content: center;
	align-items: center;
}
/*.wizard .nav-tabs > li:first-child span.round-tab,
.wizard .nav-tabs > li:nth-child(2) span.round-tab,
.wizard .nav-tabs > li:nth-child(3) span.round-tab,
.wizard .nav-tabs > li:last-child span.round-tab {
    background: #fff url('../../icons/completed.png') center no-repeat;
}*/
.wizard .nav-tabs > li:first-child span.round-tab {
	background: #fff url("../../icons/upload.png") center no-repeat;
}
.wizard .nav-tabs > li.active:first-child span.round-tab {
	background: #d4ba8f url("../../icons/upload_selected_active.png") center
		no-repeat;
}
.wizard .nav-tabs > li.complete:first-child span.round-tab {
	background: #d4ba8f url("../../icons/upload_selected.png") center no-repeat;
}
.wizard .nav-tabs > li:nth-child(2) span.round-tab {
	background: #fff url("../../icons/select.png") center no-repeat;
}
.wizard .nav-tabs > li.active:nth-child(2) span.round-tab {
	background: #d4ba8f url("../../icons/select_selected_active.png") center
		no-repeat;
}
.wizard .nav-tabs > li.complete:nth-child(2) span.round-tab {
	background: #d4ba8f url("../../icons/select_selected.png") center no-repeat;
}
.wizard .nav-tabs > li:nth-child(3) span.round-tab {
	background: #fff url("../../icons/mapping.png") center no-repeat;
}
.wizard .nav-tabs > li.active:nth-child(3) span.round-tab {
	background: #d4ba8f url("../../icons/mapping_selected_active.png") center
		no-repeat;
}
.wizard .nav-tabs > li.complete:nth-child(3) span.round-tab {
	background: #d4ba8f url("../../icons/mapping_selected.png") center no-repeat;
}
.wizard .nav-tabs > li:last-child span.round-tab {
	background: #fff url("../../icons/View1.png") center no-repeat;
}
.wizard .nav-tabs > li.active:last-child span.round-tab {
	background: #d4ba8f url("../../icons/view_selected_active.png") center
		no-repeat;
}
.wizard .nav-tabs > li.complete:last-child span.round-tab {
	background: #d4ba8f url("../../icons/view_selected.png") center no-repeat;
}
span.round-tab > img {
	max-width: 20px;
}
span.round-tab i {
	color: #555555;
}
.wizard li.active span.round-tab,
.wizard .nav-tabs > li.complete span.round-tab {
	border: 2px solid #d4ba8f;
	background: #d4ba8f url("../../icons/completed.png") center no-repeat;
}
.wizard li.active span.round-tab i {
	color: #5bc0de;
}

span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}

.wizard .nav-tabs > li {
	width: 25%;
}

/*.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}*/

.wizard .nav-tabs > li a {
	width: 46px;
	height: 46px;
	margin: 10px auto;
	border-radius: 100%;
	padding: 0;
}
.wizard .nav-tabs > li:after,
.wizard .nav-tabs > li:before {
	content: "";
	position: absolute;
	height: 2px;
	background: #e0e0e0;
	width: 50%;
	top: 50%;
}
.wizard .nav-tabs > li:after {
	right: 0;
}
.wizard .nav-tabs > li:before {
	left: 0;
}
.wizard .nav-tabs > li.complete:after,
.wizard .nav-tabs > li.complete:before,
.wizard .nav-tabs > li.active:before {
	background: #d4ba8f;
}

.wizard .nav-tabs > li.first-child:before {
	display: none;
}
.wizard .nav-tabs > li.last-child:after {
	display: none;
}

.wizard .nav-tabs > li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	padding-top: 20px;
}

.wizard h3 {
	margin-top: 0;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

@media (max-width: 585px) {
	.wizard {
		width: 90%;
		height: auto !important;
	}

	span.round-tab {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard .nav-tabs > li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
}
.bs-calltoaction {
	position: relative;
	width: auto;
	padding: 15px 25px;
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.bs-calltoaction > .row {
	display: table;
	width: calc(100% + 30px);
}

.bs-calltoaction > .row > [class^="col-"],
.bs-calltoaction > .row > [class*=" col-"] {
	float: none;
	display: table-cell;
	vertical-align: middle;
}

.cta-contents {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cta-title {
	margin: 0 auto 15px;
	padding: 0;
}

.cta-desc {
	padding: 0;
}

.cta-desc p:last-child {
	margin-bottom: 0;
}

.cta-button {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width: 991px) {
	.bs-calltoaction > .row {
		display: block;
		width: auto;
	}

	.bs-calltoaction > .row > [class^="col-"],
	.bs-calltoaction > .row > [class*=" col-"] {
		float: none;
		display: block;
		vertical-align: middle;
		position: relative;
	}

	.cta-contents {
		text-align: center;
	}
}

.bs-calltoaction.bs-calltoaction-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.bs-calltoaction.bs-calltoaction-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.bs-calltoaction.bs-calltoaction-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.bs-calltoaction.bs-calltoaction-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.bs-calltoaction.bs-calltoaction-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.bs-calltoaction.bs-calltoaction-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
	border-color: #fff;
}

blockquote {
	border-left: none;
}

.quote-badge {
	background-color: rgba(0, 0, 0, 0.2);
}

.quote-box {
	overflow: hidden;
	margin-top: -50px;
	padding-top: -100px;
	border-radius: 17px;
	background-color: #4adfcc;
	margin-top: 25px;
	color: white;
	width: 325px;
	box-shadow: 2px 2px 2px 2px #e0e0e0;
}

.quotation-mark {
	margin-top: -10px;
	font-weight: bold;
	font-size: 100px;
	color: white;
	font-family: "Times New Roman", Georgia, Serif;
}

.quote-text {
	font-size: 19px;
	margin-top: -65px;
}

.importlightxml .footer-modal-form {
	padding: 15px 10px 0;
	margin: 0 10px 0;
}

.importlightxml .upload-action-items {
	border: 1px solid #c3c3c3;
	border-radius: 8px;
}
.wizard-tab-form {
	clear: both;
	background: rgba(242, 239, 231, 0.5);
	overflow: hidden;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #eaeaea;
}
.importlightxml .select2-container .select2-selection--multiple {
	min-height: 28px;
}
.importlightxml .select2-selection__choice {
	font-size: 11px;
}
.importlightxml .file-name {
	padding: 0 10px;
	font-weight: normal;
}
.wizard-help-text p {
	margin-bottom: 8px;
}
.wizard-help-text {
	overflow: hidden;
	clear: both;
	padding: 5px 10px 0;
	color: #777777;
	font-size: 12px;
}
.preview-room-mapping-wrapper,
.render-room-mapping {
	max-height: 270px;
	overflow-y: auto;
}
/*.preview-room-mapping-wrapper table {
    width: 100%;
    border-collapse: collapse;
    color: rgba(15,15,15,0.7);
    font-size: 13px;
}
.preview-room-mapping-wrapper table th,
.preview-room-mapping-wrapper table td {
    padding: 5px 10px;
    border: 1px solid rgba(15,15,15,0.4);
}*/
.preview-room-mapping-wrapper {
	border-radius: 8px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #faf9f5;
}

.room-list.studio-room
	+ .select2-container--default.select2-container--disabled
	.select2-selection--single {
	background-color: #e9e9e9;
	border: 0;
}

.room-list.studio-room
	+ .select2-container--default.select2-container--disabled
	.select2-selection__arrow {
	display: none;
}
#extractedinfo {
	color: #a96600;
	font-weight: normal;
}
.wiard-text-content {
	font-size: 10px;
	color: rgba(15, 15, 15, 0.5);
}

.mouse-pointer {
	cursor: pointer;
}

.select2-selection.select2-selection--multiple {
	overflow-x: auto;
	max-height: 25px;
}

.multiplestb-form {
	padding: 10px 10px 20px;
	background: rgba(242, 239, 231, 0.5);
	border-radius: 10px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}

.smarttvapplistview .tv-app-wrapper {
	position: relative;
	margin-left: 10px;
	padding: 5px;
	float: left;
}

.smarttvapplistview .tv-app-wrapper:hover {
	transform: scale(1.3, 1.3);
}

.smarttvapplistview .tv-app-icon {
	overflow: hidden;
	border-radius: 10px;
	border: 1px transparent solid;
}

.smarttvapplistview .tv-app-icon > img {
	width: 30px;
	height: 30px;
}

.smarttvapplistview .tv-app-wrapper .fa-close {
	position: absolute;
	display: none;
	top: 0px;
	right: 5px;
}

.smarttvapplistview .tv-app-wrapper:hover .fa-close {
	display: inline;
}

.tvapp-add-btn {
	margin-left: 20px;
}

.width-p-7 {
	width: 7%;
}
.width-p-10 {
	width: 10%;
}
.width-p-20 {
	width: 20%;
}
.width-p-25 {
	width: 25%;
}

.parameter-wrapper .add-parameter {
	cursor: pointer;
}

.parameter-wrapper .addnewparam img {
	background: white;
	border-radius: 50%;
	margin-right: 3px;
}

.param-row {
	position: relative;
	border-radius: 10px;
	padding: 10px 10px 20px;
	margin: 10px 0px 15px 0px;
	background: rgba(242, 239, 231, 0.5);
	box-shadow: 0 2px 7px 0 rgb(0 0 0 / 10%);
}

.param-row .deleteparam {
	top: -7px;
	right: -5px;
	display: none;
	position: absolute;
}

.param-row:hover .deleteparam {
	display: block;
}

.param-row .param-legend {
	font-size: 14px;
	padding: 2px 7px;
	margin-top: -18px;
	width: max-content;
	border-radius: 5px;
	background-color: #d4ba8f;
}

.param-row .param-val-dt-grp {
	padding: 5px 10px;
}

.param-row .param-val-dt {
	height: 20px;
	font-size: 12px;
	border: 0px;
	background: white;
}

/* Collapsible-Tree-Structure */
.Wrapper {
	max-width: 80%;
	margin: 40px auto;
}

.accordion--custom .accordion-header {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	padding-left: 1rem;
	background-color: #f8f8f8;
	margin: 6px;
	border-radius: 7px;
	border-left: 4px solid #d4ba8f;
}

.accordion-button {
	padding: 0.5rem 1rem 0.5rem 0rem !important;
}

.accordion--custom .accordion-header.mainHeader {
	background-color: #ffffff;
	border-left: 4px solid #d4ba8f;
	box-shadow: 0px 2px 6px 0px #e8e8e8;
	border-radius: 7px;
}

/* small udjustments */
.accordion--custom .accordion-header .accordion-button {
	padding-left: 0;
	background: none !important;
}

.accordion-collapse.collapse {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.accordion-item {
	background-color: #ffffff !important;
	border: none !important;
	padding: 10px 12px;
	box-shadow: 0px 2px 9px 0px #efefef;
}

.accordion-item.subAccordian {
	border: none !important;
	/* padding: 10px 0px 5px 15px; */
	background-color: #fff !important;
	margin: 0px;
	width: 33.33%;
	box-shadow: none;
	padding-right: 0px;
}
.accordion--custom .accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-item:last-of-type {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.accordion-item:first-of-type {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.form-check-input:checked {
	background-color: #663399 !important;
	border-color: #663399 !important;
}
/* .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(102 51 153 / 16%) !important;
  } */
.accordion-button:not(.collapsed) {
	color: #333 !important;
	background-color: #e7f1ff;
	/* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); */
	font-weight: 500;
}
.accordion-button:is(.collapsed) {
	color: #5c5c5c;
	background-color: #e7f1ff;
	/* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); */
}

.acClass {
	margin-bottom: 25px;
}
/* .accordion-item.subAccordian {
    margin: 0px 20px 20px;
  } */
a.accordion-button {
	text-decoration: none;
}

.accordion-item.subAccordian.borderCollapse {
	border: none !important;
	width: 100%;
	/* margin: 20px 0px; */
}

.accordion-collapse.collapse.ml-4.featuresColl {
	/* display: flex; */
	margin-left: 27px;
	/* margin-bottom: 10px; */
	margin-top: 15px;
}

.form-group.form-check.pl-4.featurePoints {
	padding: 15px 27px 0px;
}

.form-check-input {
	margin-top: 0px !important;
	visibility: visible !important;
}

.panelTabs {
	padding: 0px !important;
}
.checkBoxBtn {
	padding-left: 20px;
	margin-top: 7px;
	padding-right: 20px;
}
.checkBoxBtn .checkBoxList {
	list-style-type: none;
	display: flex;
	margin: 8px 0px;
}
.checkText {
	margin-right: 15px;
}
.modal-dialog.modal-lg.modal-dialog-centered.permissionModal {
	width: 90%;
	height: 100%;
	margin: 0px auto;
}

.panel-body.uacModalBody {
	background-color: #fff;
	margin-top: 15px;
	border-radius: 4px;
}
.list-group.uacAccordianList {
	margin-bottom: 0px;
}

.accordion-collapse.featuresColl.collapse {
	margin: 27px 0px 0px 27px;
}

.form-group.form-check.featurePoints.mb-3 {
	display: flex;
	align-items: center;
	/* margin-right: 20px; */
}
label.form-check-label {
	margin-left: 10px;
}
.subFeatures {
	padding-left: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0px;
}
.subFeatures li {
	list-style-type: none;
	width: 50%;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #d4ba8f !important;
	background-color: #ffffff !important;
	border-top: 3px solid #d4ba8f;
	border-radius: 5px;
}

.panel.panel-default.tab-panel {
	max-width: 100%;
	margin: 10px auto 10px !important;
	/* padding: 10px; */
}

.setpermissionprofile .panel.panel-default {
	max-width: 98%;
	margin: 10px 0px 10px auto;
}
.panel-cs .panel.panel-default {
	border: 0;
	margin-bottom: 10px;
	/* box-shadow: 0px 0px 10px 6px rgb(240, 240, 240); */
	border: 0;
	/* box-shadow: none; */
	border-radius: 8px;
	/* box-shadow:none !important; */
	background-color: #fff !important;
}
.panel-group.panelList.col-lg-12 {
	padding: 0px !important;
}

.nav-link {
	display: block;
	/* padding: 0.5rem 2rem !important; */
	color: #c0c0c0 !important;
}
ul#pills-tab {
	background-color: #faf9f5;
}
li.nav-item {
	width: 100%;
	max-width: 220px;
	margin-right: 0px;
	display: grid;
}

.list-group-item.collapseTab.active {
	width: 100% !important;
	display: flex !important;
	flex-wrap: wrap !important;
}
/* .subtabs {
	width: 50%;
} */

.roundedTwo.checkText.residentCheck {
	top: 0px !important;
}

.statistics-list .list-group > .list-group-item.listHeaderItems {
	display: flex !important;
}

.checkBoxBtn.staffChecks {
	padding-left: 32px !important;
}

.col-md-4.tab-content.subtabs.staffResidentTab {
	/* padding-left: 0px !important; */
}

.panel.panel-default.tab-panel.tabSpacing {
	margin: 20px 0px !important;
}

/* .staffBlock {
	display: none;
} */

.plussIcon {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.checkBoxList.listDisplay {
	display: inline-flex;
}

ul.checkBoxBtn.staffChecks.permissionCheck {
	display: flex;
	justify-content: space-between;
}

.panel.panel-default.tab-panel.staffPanelTab {
	margin: 10px 15px 0px !important;
}

#assignprojectuserlistview > .panel-body {
	position: relative !important;
}

.assignUserToggle {
	right: 25px;
	padding-top: 0px !important;
}

/* Permissions CSS */
.permissionBlk {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #f9f9f9;
	margin: 15px 15px;
}
.subFeaturePermission {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.subFeatureBlock {
	padding: 15px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin: 10px 15px;
}
.permissionsText {
	display: flex;
	align-items: center;
	padding-left: 0px;
	margin-bottom: 0px;
}
.permissionHeading {
	color: #777;
	font-weight: 600;
}
.permissionHeading.featureHeading .control-label {
	padding-top: 0px;
	margin-bottom: 0px;
}
.permissionsText .permissionList {
	list-style: none;
	margin: 0px 0px 0px 30px;
}

.perCheckBoxList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin: 10px 15px;
}
.permissionList.checkBoxList {
	margin-left: 22px;
	margin-top: -13px;
}
.subFeaturesSection {
	margin: 10px 0px 0px;
	/* padding: 10px; */
}
.subFeaturePermission.featureDevider {
	padding: 15px 0px;
	border-top: 1px dashed #ddd;
}

.list-group-item {
	position: relative;
}
.list-group-item[data-toggle="collapse"]:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.list-group-item[data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.list-group-item[data-toggle="collapse"].collapsed .caret {
	border-bottom: 4px dashed;
	border-top: 0;
}

.statistics-list .list-group > .list-group-item {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.uac-no-content {
	text-align: center;
	padding: 25px 15px 5px;
	height: 100%;
	max-height: 400px;
}

.uac-no-content p {
	color: #d5b67a;
	font-weight: bold;
	font-size: 15px;
}

.list-group-item.listHeaderItems {
	position: relative;
}
.list-group-item.listHeaderItems[data-toggle="collapse"]:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.list-group-item.listHeaderItems[data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.list-group-item.listHeaderItems[data-toggle="collapse"].collapsed .caret {
	border-bottom: 4px dashed;
	border-top: 0;
}

.assignuserapp {
	padding: 13px;
	background: #e5cca2;
	margin-left: 12px;
	margin-right: 15px;
	border-radius: 5px;
}

/* Survillance CSS */
#masterconfiguratationForm .permissionModal {
	height: 100%;
	margin: 0px auto;
	width: 80%;
}

#MasterConfig-tabContent {
	padding: 20px 0px 20px 15px;
}

.col-sm-2.conf-label.displayName {
	background-color: #d4ba8f;
	padding: 7px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	height: 100%;
}

hr.hrLine {
	border: 1px solid #f3f3f3;
}

.form-group.formDivider {
	margin-bottom: 0px;
	display: flex;
}

.col-sm-9.masterBlock {
	padding-bottom: 20px;
}

.col-sm-2.conf-label.displayHeader {
    font-weight: 600;
    font-size: 15px;
	color: #98958b;
}

.col-sm-6.masterBlock.displayHeader{
	font-weight:600 ;
	font-size: 15px;
	color: #98958b;
}

.col-sm-4.desc-label.displayHeader{
	font-weight:600 ;
	font-size: 15px;
	color: #98958b;
}

.masterHeight {
    height: 70vh;
    overflow: hidden;
    overflow-y: auto;
}

.controllertypemrasoutput > option:disabled {
    background-color: #f3d09c !important;
    color: #998a8a;
}