/* CSS Document   ellipsis link - http://jsfiddle.net/LJ62x/  */
/*thead input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }*/
	table.dataTable {
 	 margin: 0 !important;
   	 clear: both;
	  max-width: none !important;
	}
	
	table.dataTable tbody tr.selected {
 		 background-color: ##DFF0D8 !important;
	}
	
	table.table-listing tbody tr {
 		cursor:pointer;
	}
	
	/*table.table-listing tbody {
 		white-space:nowrap;
	}*/
	
	.infofield {
		/*background-color: #f9f9f9 !important;
		width:30%;
		font-weight:600;*/
		text-align:left;
		word-break: normal;
	    width: 30%;
	}
	#norectext { vertical-align:middle; text-align:center;}
	
	div.dataTables_filter input {
		display:block !important;
	}
	
	/*@media screen and (max-width: 768px)
	 div.dataTables_filter input {
	  display:block !important;
	}*/
	
	/*tr.selected td {
		border:#DFF0D8 1px solid !important;
	}*/
	.top-buffer { margin-top:20px; }
	.green {
    	color: #00a65a !important;
	}
	.red {
   		 color: #f22107 !important;
	}
	.blue {
   		 color: #478FCA !important;
	}
	.pink {
	  color: #c6699f!important;
	}
	.grey {
	  color: #777!important;
	}
	.orange { color: #ff7701 !important;}
	.bigger-130 {
   	 font-size: 130% !important;
	}
	.bigger-120 {
   	 font-size: 120% !important;
	}
	.bigger-110 {
	  font-size: 130%!important;
	}
	
	a.DTTT_button {
		margin-right: -1px !important;
		padding: 5px 10px ;
		font-size:12px;
		border-radius: 0px !important;
	}
	
	/*.search_column a.DTTT_button { padding: 8px 8px !important; width:40px;}*/
	
	.scrollbar{ 
    background-color:lightgray;height: auto;
    max-height: 200px;
    overflow-x:hidden;
    overflow-y:scroll; 
    min-width: 135px;
    margin-top: 0px; 
   }
   ul.dtmenu {
   display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
   }
   
   ul.dtmenu li {
	  border-bottom: 1px solid #efefef;
	  padding: 0.5em 1.0em;
	}
	
	ul.dtmenu li:first-child {
	  padding-top: 0;
	}

	ul.dtmenu li:last-child {
	  border-bottom: none;
	}
	
	ul.hidecolumnlist {
   display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
   }
	
	 ul.hidecolumnlist li {
	  border-bottom: 1px solid #efefef;
	  padding: 0.5em 0.5em;
	}
	
	ul.hidecolumnlist li:first-child {
	  padding-top: 0;
	}

	ul.hidecolumnlist li:last-child {
	  border-bottom: none;
	}
	
	/*ul.hidecolumnlist li {
		border-bottom: 1px solid #efefef;
	    padding: 0.5em 0;
	}*/
	.hidecolumnlist span {
	margin-left: 8px;}
	
	#tree1 span {
	margin-left: 10px;
	color:#000000; font-weight:normal; }
	
	 ul#tree1:before {
		content: "";
		display: block;
		width: 0;
		position: absolute;
		top: 35px;
		bottom: 15px;
		/*left: 0;*/
		color: #369;
		border-left: 1px solid;
	}
	
	ul#tree1 li:before{
	    content: "";
		display: block;
		width: 10px;
		height: 0;
		border-top: 1px solid;
		margin-top: -1px;
		position: absolute;
		top: 1em;
		color: #369;
		left: 0;
	}
	
	.table-permission>tbody>tr>td>span {
		margin-left: 10px;}
	
	.selectColumndd > .dropdown-menu {
	    left: auto !important;
		right: 0 !important;
		padding: 0 0 0 0!important;
		margin: 0!important;
		border-radius: 0;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		top:40px;
	}
	
	.selectColumndd > .dropdown-menu .divider{ height:0; margin:3px 0;}
	
	.selectColumndd { text-align:right; }
	
	.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 4px 0px 3px;
	}
	
	.modalbody {
    padding: 20px 15px 0px 15px !important;
}
	.modal {
	  width: 600px !important;
	  margin-left: -300px !important;
	  color : #000 !important;
	  transform: initial !important;
	  -webkit-transform:initial !important;
	  text-align:left !important;
	  border-radius:6px !important;
	 }
	 .modal p{
	  margin: 0 0 10px !important;
	  color:#000 !important;
	 }
	 
	@media (min-width: 979px) {
	#searchModal {
		 width: 630px !important;
		 margin-left: -315px !important; 
	}
}

	@media (max-width: 979px) {
	
		.modal {	  
		  left: 1% !important;
		  right: 1% !important;
		 }
	}
	#catlistModal {
		top: 2% !important;
		margin-top:0px !important;
	}
	
	#associateModal {
		top: 2% !important;
		margin-top:0px !important;
	}
	.ajax-upload-dragdrop, .ajax-file-upload-statusbar {
	  width:100% !important;
	  height:auto !important;
	}
	.ajax-file-upload-statusbar {
	  margin: 4px 0 !important;
	}
	
	.ajax-upload-dragdrop .btn {
	  top:-5px; !important;
	  margin-right:10px;
	}
	
	.actionul {
	  white-space: nowrap;
	  width: 100%;
	   text-align: center; 
	  padding-left: 0px;
	  margin-bottom: 0px !important;
  }
  
  .actionul li{
     display: inline;
 	/* padding-right: 2px;*/
	 margin: 0 5px
  }
  .actionul li .btn-primary{padding:1px 5px; font-size:12px;}
  .pos-rel {
		position: relative;
	}
	.inline {
		display: inline-block !important;
	}
	.dropdown-menu.dropdown-only-icon {
		min-width: 50px;
	}
    .bootstrap-tagsinput {width:100%;}
	
  .bootstrap-tagsinput input {display:none;}
  h5#norectext {
	  margin-top: 4px;
	  margin-bottom: 4px;
	}
	
	.tag {
	font-size: 13px;
	font-weight: 600;
	line-height: 2;
	}
	
	#selectedRec {
	 font-size:15px;
	 line-height:1.7;
	 }
	 .lable-purple {background-color:#9585BF !important; }
	 
	 .listing-breadcrumb {
		
		display: inline-block;
		
		color: #84898d;
		padding: 13px 10px;
		border-radius: 4px;
		list-style: outside none none;		
		white-space:nowrap;
	 }
	 
	 .listing-breadcrumb > li, .listing-breadcrumb > li.active {
		color: #84898d;
   	    padding: 0px 3px;
	}
	#navMenu-items > li {
     display: inline-block;
	 font-size:15px;
	 font-weight:600;
	}
	
	#navMenu-items > li + li::before {
		font-family: FontAwesome;
		font-size: 15px;
		content: "\f105";
		color:#84898d;
		padding: 0px;
		margin: 0px 7px 0px 0px;
		position: relative;
		top: 1px;
	}
	
	#catlistTable.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #catlistTable.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top:4px!important;
	height:15px!important;
	width:15px!important;
	}
	
	#assocTablecontent {font-size:13px !important;}
	/*#catlistTable > tbody > tr > td {  padding-top: 4px;
 		 padding-bottom: 4px;}
	#catlistTable>thead>tr>th {
 		 padding: 5px!important;
    }*/
	/*.table > tbody > tr > td:not(:first-of-type) { word-break: break-all; }*/
	#assocTablecontent input.input-sm {
 	 height: 20px!important;
	 padding-top:5px; }
	 
	 #assocTablecontent select.input-sm {height: 20px!important; padding-top:0px!important;}
	 .btn > .bt-icon {
		margin-right: 4px;
	}
	
	#parentcatDD select.input-sm {font-size: 15px !important; margin-top: 4px !important;}
	#childcatDD select.input-sm {font-size: 15px !important; margin-top: 50px !important; height: 35px;}
	
	tr.child {text-align:left !important; white-space:normal; word-break: break-word;}
	table.dataTable.dtr-inline.collapsed > tbody > tr.child > td:first-child {padding-left:15px !important;} 
	
	.table>thead>tr>th { vertical-align:top !important; line-height:1 !important;}
	
	@media screen and (max-width: 767px) {
		 div.dataTables_wrapper > div.row > div {
		 text-align: left !important;
	 }
	 .navbar-custom-menu.breadcrumb_bar{padding-left:0; padding-right:0;}
	}
	
	@media screen and (max-width: 767px) {
		table.viewtable > tbody {
		 word-break: break-word !important;
	 }
	}
	
	.table-listing>tbody>tr>td {vertical-align:middle ; line-height:1;word-break: break-word;    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/ }
	.table-listing>tbody>tr>td>p {margin-bottom:0px;}
	.table-listing {border: 2px solid #f4f4f4;}
	.table-listing>thead>tr>th .input-sm { height: 23px; padding-top:3px; font-weight:600;}
	.table-listing>thead>tr>th select.input-sm { padding:0px; }
	.table-listing>tbody>tr>td .btn { border-radius:0px; }
	/*.child-link {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		width: 100% !important;
	}*/
	
	.tdellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		width: 100% !important;
	}
	/*table {
   table-layout:fixed;
}*/
#assignroletbl{ margin-bottom:0px;}
#assignroletbl > tbody > tr > td {padding-top:3px; padding-bottom:3px; border: none;}
#addmore {font-size: 200%; cursor:pointer; line-height: 1 !important;}

.select2-container-multi .select2-choices .select2-search-choice { line-height:17px !important; margin-bottom:3px !important; background-image: none !important;background-color: #3c8dbc !important; color: #FFF !important;border: medium none !important;
box-shadow: none !important; border-radius: .25em !important;}

	.setup_link {font-size:18px !important;}
	.setup_link > i {margin-right:10px;}
	
	.row-unread { /*font-weight:bold*/;}
	.sibling_ins {display:inline-block !important;}
	
	/*table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}


table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background: url('../images//details_close.png') no-repeat center center;
}*/

.dropdown-menu.dropdown-caret:before {
	border-bottom:7px solid rgba(0,0,0,.2);
	-moz-border-bottom-colors:rgba(0,0,0,.2);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	content:"";
	display:inline-block;
	left:9px;
	position:absolute;
	top:-7px
}
.dropdown-menu.dropdown-caret:after {
	border-bottom:6px solid #FFF;
	-moz-border-bottom-colors:#FFF;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	content:"";
	display:inline-block;
	left:10px;
	position:absolute;
	top:-6px
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:before,.dropdown-menu.dropdown-caret-right.dropdown-caret:before {
	left:auto;
	right:3px
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:after,.dropdown-menu.dropdown-caret-right.dropdown-caret:after {
	left:auto;
	right:4px
}

.dropdown-yellow>li:hover>a,.dropdown-yellow>li>a:focus,.dropdown-yellow>li>a:active,.dropdown-yellow>li.active>a,.dropdown-yellow>li.active:hover>a {
	background:#fee188;
	color:#444
}
.dropdown-yellow2>li:hover>a,.dropdown-yellow2>li>a:focus,.dropdown-yellow2>li>a:active,.dropdown-yellow2>li.active>a,.dropdown-yellow2>li.active:hover>a {
	background:#f9e8b3;
	color:#444
}
.btn-minier, .btn-group-minier > .btn {
    padding: 0px 5px;
    line-height: 18px;
    border-width: 2px;
    font-size: 12px;
	padding-top: 2px;
}

 .dataTables_processing, .ext-page-loading, .table-load, .dash-page-loading , .availableDiv-load
 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dataTables_processing, .ext-page-loading, .table-load, .dash-page-loading, .availableDiv-load {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.dataTables_processing > .fa, .ext-page-loading > .fa, .table-load > .fa, .dash-page-loading > .fa,.availableDiv-load>.fa {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.table-load {min-height:600px; margin-top: 15px; left:15px !important;}
.table > thead > tr {
    color: #707070;
    font-weight: 400;
    background: #F2F2F2 linear-gradient(to bottom, #F8F8F8 0px, #ECECEC 100%) repeat-x scroll 0% 0%;
}
table.dataTable thead .sorting:after {
    opacity: 0.5;   
} 

.popover{
max-width:750px;
}

table.dataTable tbody tr.tr-inactive, .menu-inactive {
    cursor: no-drop;
}

.filter_menu {font-size:15px; padding-top:3px; }

/*@media (max-width: 767px) {
.main-sidebar {
     padding-top: 50px!important; 
}
}*/


.dataTables_scrollBody { overflow-x: hidden !important; }

.dataTables_scrollBody::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;*/
}

.dataTables_scrollBody::-webkit-scrollbar
{
	/*width:0px;
	background-color: #F5F5F5;*/
}

.dataTables_scrollBody::-webkit-scrollbar-thumb
{
	background-color: rgb(218, 218, 218);
	-webkit-border-radius: 7px;
	border-radius:7px;
	border: 2px solid #777;
}

.no-margin-bottom { margin-bottom:0px; }

.profile_tbl>thead>tr>th, .profile_tbl>tbody>tr>th, .profile_tbl>tfoot>tr>th, .profile_tbl>thead>tr>td, .profile_tbl>tbody>tr>td, .profile_tbl>tfoot>tr>td {
	border-top:none;
	border-bottom: 1px solid #f4f4f4;
}

.class-hide {display:none;}
.rec-description {
	display: block;
    /*color: #999;*/
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.ser-req-img { /*width:75px;*/ float:left; color: #787878; font-weight: bold;}
.bigger-150 {font-size:150%; }
.action-dropdown { box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
    padding: 0!important;
    font-size: 18px!important;
    min-width: 170px !important;
	position: absolute!important;
	background-color: #fff!important; }
/*.action-dropdown > li > a{ font-size:17px; color:#333;}*/
.action-dropdown > li > a{  border-bottom: 1px solid #E2E2E2!important; padding: 5px 5px !important; color: #333; }
.action-dropdown>li>a>i { padding: 0px 15px; color: #908e8f!important;}
#search-form .input-sm {font-size:15px;}
.paging_listbox {padding-top:8px;}
.lSAction>a {z-index:1 !important;}
#mod_title {
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0px 0px;
    font-weight: 300;
}
.table-applist {
	border-collapse: separate;
    /*border-spacing: 0px 15px;*/
	table-layout:fixed;}
.table-applist > tbody > tr {background:#FFF; /*float:left;*/}
.table-applist tbody tr:hover {
    /*background-color: #ecf0f5;*/
}
.table-applist tbody tr td {
    padding: 0px;
	border-top:none;
	/*width:inherit;*/
	display:initial;
}
.main-header>.navbar {
margin-left:0px;}

@media (min-width: 768px) {
.sidebar-mini.sidebar-collapse .main-header .navbar {
     margin-left: 0px; 
}
.sidebar-collapse .navbar-custom-menu.breadcrumb_bar .nav.navbar-nav{margin-right:35px;}
.navbar-custom-menu.breadcrumb_bar .nav.navbar-nav{ margin-top: 4px;}
.navbar-custom-menu.breadcrumb_bar .nav.navbar-nav{margin-right:220px;}
}
@media (max-width: 768px) {
#childcatDD {
    margin-bottom:10px; 
}
.sidebar-open .navbar-custom-menu.breadcrumb_bar .nav.navbar-nav{margin-right:225px; display: inline-flex;}
}
.dataTables_scrollHeadInner > .table-applist {display:none;}
.dashboard-filters {cursor:pointer; display: inline-block; margin: 0 15px;}
.info-box-text { white-space:normal!important;}

.timeline-item {
    -webkit-box-shadow: 0 5px 1px rgba(0,0,0,0.1);
    box-shadow: 7px 7px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    margin-top: 0px;
    background: #fff;
    color: #444;
    /* margin-left: 60px; 
    margin-right: 15px; */
    padding: 0;
    position: relative;
    margin: 8px 0;
	float: left;
    width: 100%;
}
.timeline-item>.timeline-header {
    margin: 0;
    color: #3c8dbc;
   /* border-bottom: 1px solid #f4f4f4;*/
    padding: 10px;
    font-size: 20px;
    line-height: 2; /* 1.1 */
}

.timeline-item>.timeline-body{
    /*padding: 10px;*/
}
.timeline-item>.timeline-footer {
    /*padding: 10px;
	overflow: auto;
    white-space: nowrap;
	margin-left: 10px!important;*/
}
.timeline-item>.timeline-body> ul li{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* display: inline-block; */
    width: 100%;
	font-size: 15px;}
.timeline-item>.h-select-row {
    /* color: #999; 
    float: right;*/
    padding: 10px;
}

/* -------  hierarchy module listing css ------- */

.hierarchy-header {
	color: #444;
    display: block;
    padding: 15px 0 0px 15px;
    position: relative;
}
.hierarchy-tool {
    position: absolute;
    right: 12px;
    top: 10px;
}
.hierarchy-title{
    font-size: 15px;
    font-weight: 500;
    color: #4f82bb;
   /* display: block;
	padding: 10px 10px;*/
	display: inline-block;
	padding:0 10px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    /*margin: 0;*/}
	
.hierarchy-title-noborder{
	color:#000!important;
	width: 100%;
	margin-bottom: 20px;
	padding: 0 0px 10px 10px;
	font-size: 20px;
    font-weight: 500;
    color: #4f82bb;
   /* display: block;
	padding: 10px 10px;*/
	display: inline-block;
	padding:0 10px;
	font-weight:bold;
	text-transform:uppercase;
    /*margin: 0;*/}

.hierarchy-row{
	overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /* display: inline-block; 
    width: 100%;*/
	padding:0 0px 0 3px;;
	font-size: 14px;
	margin-left: 0px;
    margin-right: 0px;
	border-bottom: 1px solid #d5d5d5;
	}
		
.h-tools { padding: 5px; }
.hierarchy-tool a{ vertical-align: sub;}
.ext-dropdown-menu {font-size:15px!important; min-width:155px!important; webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); min-height: 100px;}
.ext-dropdown-menu > li > div { border-bottom: 1px solid #E2E2E2!important; padding: 5px 10px!important;}
.ext-dropdown-menu .bt-icon {margin-right:10px;}
.ext-dropdown-menu > li > div > span.h-ext-link {float:right;margin-right:-10px;}
.ext-dropdown-menu > li > div > span > a {vertical-align:middle;}
/* -------  hierarchy module listing css end ------- */

.dataTable tbody tr {
	background-color: #ecf0f5;
	}

  .table tbody tr .item {
    background: #FFF;
    padding: 10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
	margin:8px 0;
	height:140px;
	/*width:300px;
	float:left;*/
}
.info-box-number {font-size:35px;}
.info-box-text { font-size:20px;}
.searched-keys > .bootstrap-tagsinput {
  height:35px;
  overflow:hidden;
  width: auto;
  margin-left:2px;
  background: none; 
  border: 1px solid #ccc; 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 4px; 
  margin-bottom:0px;
}
.searched-keys/*, .selected-filter */{display:inline-flex; margin-bottom: 5px;}
.searched-keys i.fa-search {margin-top:5px;}
.heightAuto{
    height:auto !important;
}
.selected-filter .tag, .hierarchy-filter .tag {margin:5px; /*font-size:15px;*/ line-height:1.5}
.child-links, .assoc-links { font-size:15px;margin-right: 8px;}
.clearsearchBtn, .searchexpandBtn {/*margin-left:-5px !important; padding-top:0;*/ margin-top: -5px;}
.dataTables_empty {cursor:default;}
table.table-applist tbody {white-space:normal;}
.service-checks {/*  float: left;*/ margin: 10px 15px;}
.notice-checks {margin-right:10px;}
.error-message {
    position:absolute;
    /*top: 45%;*/
    right: 0;
    margin-left: auto;
	/*margin-top:-25px;*/
    width: 200px;
    z-index: 9999;
	background-color: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442 !important;
	font-size:15px;
}
.checkbox label
{
padding-left:0px;
}
.attach-docs {margin-bottom:10px;}
ul.content-slider {  list-style-type: none;
    margin: 0;
    padding: 0;
	}
.content-slider li {float:left; margin-right: 10px;}
.category-level-box {margin-bottom:0!important;}
#tagMessage {  margin-bottom: 20px;}
.iframe-icons {margin:20px 50px; height: 80%;}
.searched-keys > .bootstrap-tagsinput > .tag [data-role="remove"] {
    color:#C10000!important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {top:auto!important;}
.viewtable td img {margin:5px;}

/*--------  new template css ------------ */
/*-------- task module  ------------*/ 
.task-box {
    background-color: #d4b28f;
    box-shadow: 3px 4px 5px #AFAFAF;
    /*margin-right: 39px;*/
    margin-bottom: 39px;
    border-radius: 20px;
    padding: 15px 19px;
}
.contain {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    min-height: 180px;
}
.task-box h5 {
    padding-left: 10px;
    font-weight: bolder;
    color: #fff !important;
    font-size: 17px !important;
}
.task-box p {
    font-size: 18px;
    font-weight: 300!important;
    font-family: 'Roboto';
}

.task-check { padding-top: 6px;}
/*-------- task module end  ------------*/ 
/*-------- notice module  ------------*/ 
.power-box-2 {
   /*background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    padding: 11px 0px 10px 0px!important;
    width: 100%;
    float: left;
    margin: 10px 10px 10px 0;*/
	    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
   /* border-radius: 10px;*/
    border-radius: 10px;
    padding:10px 0px 10px 0px!important;
    width: 100%;
    float: left;
    margin: 0px 10px 10px 0;
	/*border: 3px solid #e6b927;*/
	border-top: 8px solid #00c0ef;
}
.power-box-2 h4 {
    padding: 0px 20px;
	margin-top: 0;
    color: #fff;
}
.box-aside {/*background-color: #3c8dbc;
    box-shadow: 0 0 10px #ccc;
    border-radius: 20px;
    width: 100%;
    padding: 10px 20px;
    left: 0;
    top: 0px;
    position: relative;
	height:130px;*/
	background-color:#4f82bb;
    box-shadow: 5px 6px 10px #ccc;
    border-radius: 2px;
    width: 100%;
    padding: 10px 20px;
    left: 0;
    /* top: 18px; */
    position: relative;
    height: 80px;
    margin: inherit;
    font-size: 17px;
    color: #fff;
	}
.box-aside .date {
        margin-top: 15px;
}
.power-box-2 .block-with-text {
    height:inherit;
}
.notice-check { padding-top: 9px;}
.ellipsis {
overflow: hidden;
height: 70px;
line-height: 25px;
margin: 15px;
margin-top: 0;
/*border: 5px solid #AAA; */}

.ellipsis:before {
content:"";
float: left;
width: 5px; height: 70px; }

.ellipsis > *:first-child {
float: right;
width: 100%;
margin-left: -5px; }		

.ellipsis:after {
content: "\02026";  

box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

float: right; position: relative;
top: -20px; left: 100%; 
width: 3em; margin-left: -3em;
padding-right: 5px;
text-align: right;
font-weight: bolder;
/*
background: -webkit-gradient(linear, left top, right top,
	from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/ }
/*@media (min-width: 768px) {
.box-aside {
    width: 150%;
}
.power-box-2{width:70%;}
}
@media (max-width: 767px) {
.box-aside {
    width: 200%;
}
.power-box-2{width:50%;}
}*/
.bootstrap-tagsinput .label-default { color:#333!important;}
.notice-icons i {margin-right: 9px; font-size: 18px; color: #001F3F;}
.notice-date {display: inline-block; width: 100%; font-size:16px; font-weight:600;}
.notice-attach{ height:32px; font-size:25px;}
.notice-subject {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  padding-right: 1em;
  font-size:17px;
  
}
/* create the ... */
.notice-subject:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.notice-subject:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #4f82bb;
}
.notice-view p{font-size:16px;}
.notice-title{font-weight:600;}
.notice-vdate{font-size:20px; font-weight:400;}
.notice-user {display: block; /*text-align: right;*/}
.notice-desc{font-size:16px!important;}
.power-box-2 .dl-horizontal dt, .power-box-2 .view_attach_label {color: #000;}
.power-box-2 .dl-horizontal dd {color: #000;}
.hr {
    display: none;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 2px 0 0;
   
    margin: 4px 0;
}
.notice-hr{ border-top: 1px solid #e6e6e6;}
.service-hr{ border-top: 1px solid #c6c6c6;}

/*-------- notice module end  ------------*/ 
/*-------- service request module  ------------*/ 
.service-request-box {
   /* background: url(../images/request.png) no-repeat;*/
    background:#fff;
    margin-bottom: 15px;
    width: 100%;
    /*padding: 10px!important;*/
	float: left;
	border-radius:10px;
	-webkit-box-shadow: 8px 8px 10px -7px #CCCCCC;
	   -moz-box-shadow: 8px 8px 10px -7px #CCCCCC;
	        box-shadow: 8px 8px 10px -7px #CCCCCC;
	border:1px solid #EEE;
}
@media screen and (max-width: 767px) {
	/*.service-request-box {
		width: 98%;
		} */
	}

/*.service-request-box img {
    padding: 10px 14px 13px 25px;
}*/
.service-request-box .reg-id {
    font-size: 18px;
    font-weight: 300;
}
.service-request-box .service-checks {
       margin-left: inherit;
	/*padding-top: 9px;*/
}
.service-request-box .label {
	    vertical-align: text-bottom;
    margin-top: 10px;
	margin-right: 20px;
	line-height:2.5;
	vertical-align:top;
   /* float: right;*/
}
.service-request-box p {
    /*margin-left: 25px;
    font-size: 18px;
    font-weight: 300;*/
}
.ser-req-description div {
	margin-left: 25px;
    font-size: 18px;
    font-weight: 300;
}
.service-request-box table {
    /*margin-left: 85px;
    font-weight: 300;
    font-size: 17px;*/
}
.service-id{font-size:17px;  margin-top: 19px; margin-left: 25px;}
.service-request-box .service-request-info { font-weight: 600;
    font-size: 16px;
    margin-left: 25px;
    display: block;
    /* float: right; 
    text-align: right;*/}
.ser-req-description {width:95%; /*height:65px;*/ margin-bottom: 15px;}
.service-footer{display: inline-block; width: 100%; margin-left: auto!important; height:45px;}
.service-footer > span:first-child {margin-left:25px;font-size: 20px;}
.icon-rotate {transform: rotate(-45deg); font-size: 45px;}
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 54px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-icon {    font-size: 22px;
    margin: 10px 15px;
    color: #fff;
    padding: 7px 5px;
    border-radius: 21px;
    background-color: #1c1c1c;
     float: left; 
    border: 0!important;
    height: 35px;
    width: 35px;
	cursor:initial;	
}
	
.task-req-view p,.service-req-view p{font-size:15px;}	

.service-req-date{font-size:17px; font-weight:400;}
.reg-id-status{/*display: inline-block; margin-left: 30px; width: 50%; text-align: right;*/}
.ser-req-id{margin-right:10px;}
.ser-req-id-status{ display: inline-block; float: right; margin: 15px 10px;}
.bg-housekeeping{background-color: #587ea3;}
.ser-req-tpl .dl-horizontal dt:first-child {margin-top:-25px;}
.service-request-box .dl-horizontal dt, .service-request-box .view_attach_label{font-weight:600;}
.service-request-box .dl-horizontal dd.created_by,.service-request-box .dl-horizontal dd.role,.service-request-box .dl-horizontal dd.assign_name{font-weight:bold;} 
.service-request-box .dl-horizontal dd.attachment{color:#58a8c4;}
.service-request-box .dl-horizontal dd.miID{color:#FF0000;}
@media (max-width: 767px) {
.dl-horizontal dt {
    float: left;
    width: 35%;
    /*overflow: hidden;*/
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
	word-break: break-word;
}
.dl-horizontal dd, .no-attach-msg {
    /*margin-left: 40%;*/
	word-break: break-word;
}

}
@media (min-width: 768px) {
.dl-horizontal dt {
    float: left;
    width: 35%!important;
   /* overflow: hidden;*/
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
	word-break: break-word;
}
.dl-horizontal dd {
    margin-left: 40%!important;
	word-break: break-word;
}
}


/*-------- service request module end ------------*/ 

/* styles for '...' */ 
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  /*margin-right: -1em;*/
  padding-right: 1em;
  font-size:17px;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...'!important;
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.block-with-text p {margin-bottom:auto;}

.users-section {
    background-color: #fff;
    /*border-radius: 20px;
    padding: 8px 20px;*/
    font-size: 15px;
   /* font-family: 'Roboto';
    font-weight: 300;*/
    box-shadow: 0px 0px 10px #ccc;
    margin: 10px 10px 10px 0;;
}
.users-section table {
    margin-top: 35px;
	table-layout:fixed;
	
}
.users-section table tr {
    border-bottom: 1px dashed #9d9d9d;
	cursor:default !important;
}
.users-section table tbody tr {
    background-color: #fff;
}
.users-section tbody tr td {
display:table-cell; height:32px; padding: 4px!important;
    border-top: 0!important;}
.space {width:35%;}
.users-section table tr strong {
    font-weight: 400!important;
}
.user-checks{padding:10px 15px 0 0;}
.users-section .dl-horizontal dt{font-weight:400; /*line-height: 1.42857143;*/}
.users-section .dl-horizontal dd.email {display:table;}
.user-hr{ border-top: 1px solid #e6e6e6; 
	height: 0;
    overflow: hidden;
    font-size: 0;
    /*border-width: 2px 0 0;*/
    margin: 4px 0; }
.list-group-item { margin-bottom:0; display:block;  /*margin-right:20px;*/ padding: 20px 15px;}

/* file upload csss */

.ajax-file-upload-statusbar {
padding: 5px 0px 4px 0px !important;
word-break: break-all;
}

.ajax-file-upload-progress {
margin:0px 0px 0px !important;
}
.assigntoTable .form-group{margin-bottom:0px;}
.assigntoTable .radio{margin-top:0px;}
.jqx-checkbox{margin-top:4.5px!important;}

.list-group-item > span {float:none!important; margin-right: 20px;}
/*a.list-group-item:before {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #ffffff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}*/

/*a.list-group-item:after {width: 0px;

    height: 0px;
    border-top: 33px inset transparent;
    border-bottom: 33px inset transparent;
    border-left: 21px solid #eeeeee;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
	 border-left-color: #428bca;}*/
a.list-group-item, a.list-group-item:hover {	 
	     color: #ffffff;
    background-color: #428bca;}
a.list-group-item:focus {	 
	     color: #ffffff;
    background-color: #00c0ef !important;}	
	
	#btn-scroll-up {
    padding: 5px 10px;
    background-color: #555!important;
    border-color: #555;
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
}
#search-form .control-label {color:#333;}
/*------   external modules view css   ---------*/

 .service-req-view .service-request-box {box-shadow:none!important;}
 .notice-view .power-box-2 {box-shadow:none!important;}
 .notice-view .power-box-2 .box-aside {height:auto!important;}
 .task-req-view .service-request-box {box-shadow:none!important;}
/*---------------------------------*/
#mod_title{position:relative; top:5px;}
/*.sidebar-menu>li>a>.fa{margin-right:10px!important; color:#494949!important;}
.sidebar-menu{background-color:#1c1c1c;}
.skin-blue .sidebar a{color:#777!important;}
.skin-blue .sidebar a:hover{color:#21c063!important;}
.skin-blue .sidebar-menu>li:hover>a{background-color:#131313!important;}
.skin-blue .sidebar-menu>li:active>a{background-color:#131313!important;}
.sidebar-menu>li>a{font-weight: 300!important;}
.skin-blue .main-sidebar{background-color:#1c1c1c!important;}*/
/*.navbar-nav{margin:0 0!important;}*/
/*.dropdown-menu.dropdown-caret:before{border:0px!important;}
.dropdown-menu.dropdown-caret:after{border:0px!important;}
.dropdown-menu-right{right:-15px;}*/
.table-applist .icheckbox_square-green {background-position: -120px 0!important;}
/*.icheckbox_square-blue.hover {background-position: -144px 0!important;}*/
.table-applist .icheckbox_square-green.checked {background-position: -168px 0!important;}
.table-applist .icheckbox_square-green{width:23px!important; height:23px!important;}
.timeline-body{/*max-width: 570px;*/}
.timeline-item>.timeline-body> ul li{border-bottom: 1px solid #d5d5d5;}
.timeline-item{box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.12)!important;}
/*.content-wrapper{background-color: #DCDCDC!important;}*/
.timeline-footer{padding-left:18px!important; height: auto; width: 100%; }
.hierarchy-title{color:#000!important;border-bottom: 1px solid #ccc;width: 100%;margin-bottom: 0px !important;padding: 0 0px 0px 10px;}
.contain h4{font-weight:600!important}
.task-box p, .contain h4{    padding-left: 8px;}
.task-box h5{padding-left:15px!important}
/*.bootstrap-tagsinput .label-default{ color: #000!important;font-weight: 300;}*/
.label-default{background-color:#D6D6D6!important;}
.clearsearchBtn, .searchexpandBtn{color:#BDBDBD;}
.users-section tr:last-child{border-bottom:hidden!important;}
.users-section tbody tr td{padding: 4px 0!important;}
/*.skin-blue .sidebar-menu>li>a{border-left:none!important;}*/
.dropdown-menu>li>a{font-weight:300!important;}
.dropdown-yellow>li:hover>a:hover{background-color:#D6D6D6!important;}
.dropdown-yellow>li:hover>a:focus,.dropdown-yellow>li:hover>a:active{background:#fee188!important;
	color:#444!important;}
.dropdown-yellow>li>a:focus,.dropdown-yellow>li>a:active{background:#fee188!important;
	color:#444!important;}
.action-dropdown > li > a{border-bottom:1px solid #ccc!important;}
/*.bg-aqua{background-color:#b9dde9!important;}
.bg-green{background-color:#c7df91!important;}
.bg-orange{background-color:#ffce7b!important;}*/
.associate-dd ul.dropdown-menu{top:65%; left:10!important;}
.hr:last-child {/*border-top:0px;*/ display:none;}
.module-view-box{background:none; box-shadow:none;}
.bx-pager-item{display:none!important;}
.bx-wrapper .bx-controls-direction a {z-index:1 !important;}
.bx-wrapper {margin:0 auto!important;}
.view_attach_label { text-align: right;width: 35%;/*float: left;*/clear: left;}
.profile_tbl td {word-break:break-word;}
#no-of-records{color:#FFFFFF; font-size:17px;}
.custom-filter-links, .hie-filter-links{color:#C10000; margin-left:5px; font-size: 12px;}
.record-id {margin-left:25px;}
.association-box{ border:none; margin-bottom:0px; box-shadow:none; }
.association-box .box{box-shadow:none; margin-bottom:0px; border:none;}
.association-box .panel{ margin-bottom:0px;}
.association-box .box-header.with-border {border:none;} 
.association-box .box .box-body  { border: 1px solid #fff;}
.association-box .box .box-footer  { border-top:none;}
.linked-box-tags{ box-shadow: 0 1px 1px rgba(0,0,0,0.1); padding:5px;}
.skin-blue .sidebar-menu>li>a:active{border: 2px solid #3c8dbc!important;}
.listing-breadcrumb>li>a:focus{color:#222d32};
.add-btn:active, .add-btn:focus{color:#33FF33!important;}
.associate-dd>a:active{color:#374850!important;}
.h-tools>i:active, .h-tools>i:focus{color:#1c1c1c!important; background-color:#C1C1C1;}
.dataTables_empty{background-color: darkgray; color: white; font-size: 20px; padding: 10px!important;margin-left: 25px;}
.dashboard-filters .info-box{display:table;border-radius: 10px;}
.dashboard-filters .info-box .info-box-icon, .dashboard-filters .info-box .info-box-content{display:table-cell;}
.dashboard-filters .info-box .info-box-icon{float:none; line-height:50px; padding: 5px 5px;}
.dashboard-filters .info-box .info-box-content{vertical-align:top;}
.direction-btn { padding: 5px 15px; background-color: #aaaaaa!important; border-color: #aaaaaa; color: #fff;margin-right:15px;margin-bottom: 10px;margin-left: 10px;}
.direction-btn > i{ font-size: 20px;}
.direction-btn:hover, .direction-btn:active, .direction-btn:focus{color:#fff;}
.direction-btn:active{background-color:#1c1c1c!important;}
.close { font-size:30px; opacity:1;}
.table-applist tbody tr .description{ width:auto!important;}
/*.table-applist tbody tr .slimScrollDiv{top:-20px;}*/
a.child-links:active,a.child-links:focus,a.assoc-links:active,a.assoc-links:focus{background-color:#72afd2!important;}
.module-view-box{min-height:200px;}
.power-box-2 .created_by a, .power-box-2 .user-info-link {color:##00c0ef!important;}
.created_by a:active, .created_by a:focus, .user-info-link:active, .user-info-link:focus{background-color:#CCCCCC;} 
.sr_associated a:active, .sr_associated a:focus, .task_associated a:active, .task_associated a:focus {background-color:#CCCCCC; color:#333333;}
.dl-horizontal .description, .dl-horizontal .subject{/*margin-left:30px!important;font-weight:bold;*/}
#acceditbtn:active, #acceditbtn:focus{background-color:#BCBCBC;}
.bigger-170 { font-size: 170%; }
#assignroletbl i{ padding:5px 5px;}
#assignroletbl i:active, #assignroletbl i:focus {background:#B6B6B6;}
#assignrole:active, #assignrole:focus{border:1px solid #5EAEFF; background:#CCCCCC; color:#FFF;}
#assignrole {display: block;    text-align: center;}
.service-req-view .category-icon{float:none!important;}
.service-req-view dl{margin-top:-5px!important;}
#actionlinks .dropdown { /*text-align: right; float: right; margin-right: 186px;z-index: 1; right: 28px; margin-bottom: 15px; /*position: fixed; top: 8px;*/}
/*#datatableAppcontent{margin-top:35px;}
#hierarchyTablecontent{ margin-top:35px;}
.slimScrollBarY{z-index:auto!important;}*/
.day:active, .day:focus, .event-item:active, .event-item:focus, .clndr-previous-button:active, .clndr-previous-button:focus, .clndr-next-button:active, .clndr-next-button:focus, .x-button:active, .x-button:focus{background-color:#BCBCBC!important;}
.radio-resize {margin-top:0; /*margin-bottom:0;*/}
.radio-resize input[type=radio]{width: 1.5em; height: 1.5em; margin-top: 0; margin-left: -25px!important;}
ul.dtmenu li a {cursor: default; color:#717171;}
.make-click:active, .make-click:focus {background-color:#E1E1E1; color:#000000;}
#full-clndr .clndr-controls .clndr-previous-button{text-align:center!important;}
#full-clndr .clndr-controls .clndr-next-button{text-align:center!important;}
.x-button { font-size: 25px; line-height: 0.7;}
#exceed_quota_msg{margin-top:20px;}
.role-action{text-align:center;}
.role-action a{width: 100%;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 5px; }
.users-section,.associate-dd{cursor:default!important;}
.thumbs{
	padding:5px;
	margin:5px;
	border:1px solid #ccc;
	cursor:pointer;
	width:150px;
	height:100px;
}
.img-selected {
	border: 5px solid #08C;
    padding: 0;
}
#is_connected{ width:100% !important;}
.view_link { right:0px;text-align: right;border-radius:10px;}
.view_link a{padding:6px 15px 6px 15px !important;margin-top: 10px;margin-right: 10px;}
.table-applist > tbody > tr.odd { clear:left;}
.table-applist > tbody > tr.even { clear:right;}
.ajax-file-upload-progress {width:100%!important;}
.floor-plan-modal {top: 1%!important;
    right: 0% !important;
    left: 1% !important;
    bottom: auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
	overflow-x:auto!important;
	}
.floor-plan-modal .modal-body {padding:0 !important;overflow-x:hidden !important;height:600px;}	
#flr-plan-body { background-repeat: no-repeat;
    background-size: cover;
    height: 400px;}
.floor-plan-modal .modal-header {min-height:0;}
.floor-plan-modal .modal-header .close {margin-top:-15px;}
#plan_view{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.ext-grid-list{margin-top:35px;}
.hierarchy-grid-list{margin-top:35px;}
.breadcrumb_bar{
    background: #2b323a;
    height: 40px;
}
.breadcrumb_item{
    padding-left: 5px;
    padding-top: 13px;
}
.breadcrumb_last_elem
{
	font-weight: 600;
	color:#000 !important;
}
.padding-side-10
{
	padding:0 10px;
}
.padding-side-15
{
	padding:0 15px;
}
.plan_box{
	padding: 10px;
    background: #2b323a;
    border-radius: 8px;
}
.plan_header
{
    padding: 5px 0px !important;
    text-transform: uppercase;
    color: #ecf7fb;
}
.plan_header h3{
	font-weight:bold !important;
	padding: 5px 0;
}
.plan_label
{
	color:#707070 !important;
    font-size: 15px;
}
.btn-tertiary {
    background-color: #c0c1c3 !important;
    border-color: #dddddd !important;
    padding: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
}
.btn-buy {
    background-color: #c0c1c3 !important;
    border-color: #dddddd !important;
    padding: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
}
.plan_box.box .nav-stacked>li:not(:last-child) {
    border-bottom: 1px solid #d5d5d5 !important;
}
.more_features{
	padding:10px;
}

.more_features a{
	color:#000;
	font-weight:bold;
	font-size:15px;
	padding:0 10px;
}
.order_box{
	border:none;
	border-radius:10px;
}
.order_box .box-title{
	font-weight:bold;
	font-size:15px;
    margin-bottom: 10px;
	padding: 15px 15px 0 15px;
}
.order_box h4{
	text-transform:uppercase;
	font-size:15px;
}
.padding-15{
	padding:15px 15px 0 15px;
}
.padding-15-LR
{
	padding-left: 15px;
    padding-right: 15px;
}
.ajax-file-upload-error
{
	padding:15px;
}
#wrapper_body
{
	-webkit-overflow-scrolling: touch;
}
.remove-pad{
	    padding-right: 4px;
    padding-left: 4px;
	
}

.empty_error, .select2-container.optvalue.empty_error ul, .select2-container.optvalue.empty_error .select2-choice {
	border-color: red;	
}

.filter-mod-title { font-size: 18px; display: block; line-height: 2;}

.internet_text{
	font-size: 18px;
    padding: 25px;
	text-align:center;
}
.selected-filter{ margin-bottom: 10px;}

.mul-check{ float: left; width: 14%;}

.wk-check{ float: left; width: 20%;}

/*.selected-count{padding:9px; text-align:center;}*/
.selected-count a{font-size:25px; color: rgba(255,255,255,0.8); color: #fff!important; padding:6px 12px!important;}
.list-toggle-btn{font-size:25px; color: #fff; padding:6px 12px!important;}
.kit_radio_btn { 
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.kit_radio_btn label{ padding-left:0px !important;}


.node-dropdown-menu {min-height: 0px !important;}
.connection_status{
    position: absolute;
    top: 45px;
    font-size: 11px;
    left: 47px;
    color: greenyellow;
    font-weight: 800;
    text-transform: uppercase;
}
.configuration_status{
    position: absolute;
    top: 35%;
    font-size: 11px;
    left: 60%;
    color: greenyellow;
    font-weight: 800;
    text-transform: uppercase;
}
/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
    
.wifi_loader{
	background-color:rgba(255, 255, 255, 0.5);
	width: 98%;
	height: 100vh;
	position: fixed;
	left: 15px;
    top: 0;
    z-index: 1100;
}
.wifi-symbol {
  display: none;
}
.wifi-symbol [foo], .wifi-symbol {
  display: block;
  position: absolute; 
  display: inline-block;
  width: 150px;
  height: 150px;
  left:50%;
  -ms-transform: rotate(-45deg) translate(-100px);
  -moz-transform: rotate(-45deg) translate(-100px);
  -o-transform: rotate(-45deg) translate(-100px);
  -webkit-transform: rotate(-45deg) translate(-100px);
  transform: rotate(-45deg) translate(-100px);
}
.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21.42857px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #29a454;
  border-style: solid;
  border-width: 1em 1em 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 0;
  -o-animation: wifianimation 1s infinite;
  -moz-animation: wifianimation 1s infinite;
  -webkit-animation: wifianimation 1s infinite;
  animation: wifianimation 1s infinite;
}
.wifi-symbol .wifi-circle.first {
  -o-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.wifi-symbol .wifi-circle.second {
  width: 5em;
  height: 5em;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.wifi-symbol .wifi-circle.third {
  width: 3em;
  height: 3em;
}
.wifi-symbol .wifi-circle.fourth {
  width: 1em;
  height: 1em;
  opacity: 1;
  background-color: #FFFFCC;
  -o-animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
.toggle-password {
    float: right;
    right:5px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    color:#595959;
    font-size:18px;
  }

#paste_config{
    cursor: pointer;
    color:#08C;
    text-decoration: underline;
}

@-o-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}
@-moz-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}
@-webkit-keyframes wifianimation {
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

.scan-text{
	position: absolute;
    top: 50%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: #888;
}
.wifi_success{
	left:75%;
}
.node-dropdown-menu {min-height: 0px !important;}
.fancybox-inner {text-align:center;}
.fancybox-inner.no-iframe-content{height:auto!important;}
.fancybox-inner .docs-thumb { margin:50px 0; } 
#conditionDiv .dash-page-loading{ top: initial!important;}
#conditionDiv .dash-page-loading > .fa {top:0%!important;}
.btn-group  .camera_btn{
	margin-top:5px!important;
	border-radius:3px!important;
	margin-left:5px!important;
}
.fancybox-inner .docs-thumb { margin:50px 0; }
.run_background{
	background: #ccc;
}
.button_sorting{
	font-size: 19px;
    font-weight: bold;
	cursor: move;
}
#remote_button_name1{
/* 	height:300px;
  overflow-y:scroll;
  overflow-x: hidden; */
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	#remote_button_name1 {
		overflow: scroll;
	}
}
.pin-container{min-height:80px;}
.droptrue li { cursor: pointer; padding: 10px; background:#EEF4F9; color: #4C8FBD; font-weight: 700; border-left: 2px solid #4C8FBD;}
.droptrue .selected { background:#FEE188 !important; color: #FFF!important; border-left: 2px solid #FFB752; } 
.droptrue .hidden { display:none !important;}
/*.droptrue li .tools{display:block; font-size:20px;}*/
#area-menu {width:50% !important; margin-top:7px; height:30px!important;}
#pin-assoc-msg{background-color: #dff0d8!important;
    border-color: #d6e9c6;
    color: #3c763d!important;
	width:95%;
	position:absolute;
	z-index:999;
	font-weight: 700;}
.remove-area-pin-btn{display: inline-block;
    float: right;
    color: #dd4b39;
    font-size: 20px;
    margin-top: -5px; cursor:pointer;}
.pins-container .box-header, .area-container .box-header{padding:5px!important;}
.node-info-icon{float:right; font-size:20px; color: #0485a5;}
.pins-container .box-title{display:inline!important;}
.pins-container .popover-content {padding: 5px 5px!important; font-size: 12px; font-weight: 600;}
.pins-container, .area-container{padding-top:18px;}
.not-allowed-pins{background:#f2dede!important; cursor: no-drop!important; border-left: 2px solid #a94442!important;color:#a94442!important;}
.pins-container .box-header p{    
	padding-left: 35px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;}
.popup-form-submit{
	 width: 100%!important;
}

.view-more-tree{pointer-events:visible; color: #00c0ef!important; font-size: 12px;}
.jqx-widget.jqx-widget-energyblue.jqx-widget-content > div{height:100%!important;}

@media (min-width: 446px) and (max-width: 520px) {
 .nav.navbar-nav > li:not(#actionlinks) a {padding: 7px 8px!important; font-size: 22px;}
}
@media (max-width: 445px) {
 .nav.navbar-nav > li:not(#actionlinks) a { padding: 8px 5px!important; font-size: 20px;}
 #actionlinks .dropdown{margin-right:3px!important;}
}

.breadcrumb_bar .nav.navbar-nav li a{ color: #868a8d;}
.breadcrumb_bar .nav.navbar-nav > li:not(#actionlinks) a:hover, .breadcrumb_bar .nav.navbar-nav > li:not(#actionlinks) a:active, .breadcrumb_bar .nav.navbar-nav > li:not(#actionlinks) a:focus{color:#fff; background-color:#1c1c1c!important}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 10px; /* Specified height */
	border-radius: 5px;
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 20px; /* Set a specific slider handle width */
    height: 20px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
	border-radius: 50%;
}

.slider::-moz-range-thumb {
    width: 20px; /* Set a specific slider handle width */
    height: 20px; /* Slider handle height */
	border-radius: 50%;
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}
/***************************************************************************/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.sliderSwitch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderSwitch:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .sliderSwitch {
  background-color: #2196F3;
}

input:focus + .sliderSwitch {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderSwitch:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.sliderSwitch.round {
  border-radius: 34px;
}

.sliderSwitch.round:before {
  border-radius: 50%;
}
.bind-unbind-btns{padding-left: 10px;  padding-right: 10px;}
.bind-unbind-btns .btn-info, .bind-unbind-btns .btn-warning{margin-right:5px;}
.pin-sub-type .form-inline .form-control{width:100%!important;}
.test-pin-table .popover.in{min-height:95px;}
.test-pin-table .popover-content{text-align:center; word-break: break-word;}

.btwifi-actions{list-style-type: none;padding:0px;}
.btwifi-actions li{
    float: left;
    text-decoration: underline;
    font-weight: bolder;
    cursor:pointer;
    margin-right: 10px;
}

#wifi_list .panel.box{
    background-color: #738187;
    border-radius: 10px;
}

#wifi_list a, #wifi_list li{
    color:#fff !important;
    font-weight: bold;
}

.redColor{
    color: rgb(250, 3, 3);
}

.greenColor{
    color: rgb(0, 255, 0);
}

#wifiPanel{
    margin-top : 25px;
    padding: 15px 10px;
}

.wifiSuccess{
    background-color : #2771b0 !important;
}

.btWifiConfigured{
    background-color: #428bca !important;
}

.btWifiConfigured i{
    color: rgb(0, 255, 0);
}
.pocket_reset{margin-top:4px;}
.assocList{
	list-style: none;
    margin: 0px 0px 10px 0px;
}
.pocket_reset{margin-top:4px;}
.disable_enddate{pointer-events:none}/*disabled end date if user click five times*/
.condition-selectors{padding:20px 0; display:inline-block!important;}
.condition-selectors .deletecon{float:right; margin-top:5px;}
.align-right{float:right;}