/* Global Styles
---------------------------------------------------------------*/
body {
	background: #fff;
	color: #000;
	font-family:"Open Sans";
	font-size:14px;
        font-weight: 600;
}
a {
	text-decoration: none;
	outline:none;
}
a img {
	border:none;
	outline:none;
}
a, a img, img {outline:none !important;}
h1, h2, h3, h4 {
	font-weight: normal;
	margin:0px;
	padding:0px;
        color: #000;
        font-weight: 600;
}
ul, li, p {
	margin: 0px;
	padding:0px;
}
ul {
	list-style:none;
}
html, body {
	-webkit-text-size-adjust:none; 
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
}
.wrapper {overflow:hidden;}
.none {
	display:none;
}
* {
	margin:0;
	padding:0;
}
img {
	max-width:100%;
	height:auto;
	border:none;
}

button,input,.btn {outline: none !important;}

textarea {
  resize: none; 
}

.none {
	display:none;
}

/* CSS 3.0 Custom Fonts
---------------------------------------------------------------*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ## The below styles will apply Custom font OpenSans-Light-webfont	                     */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* OpenSans */

@font-face {
font-family: "Open Sans";
src: url('../fonts/OpenSans-Light.ttf');
src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
font-family: "OpenSans-Bold";
src: url('../fonts/OpenSans-Bold.ttf');
src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

/* Login Screen 
---------------------------------------------------------------*/
.login-container {width: 470px; margin: 120px auto 0;padding: 0 50px 50px;border: 1px solid #dfe4ea;-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.3);box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.3);}
.login-container h1 {color:#d6820b; font-size:30px; text-align:center; margin:70px 45px;}
.login-container .logo-conatiner {width:287px; margin:-40px auto 57px; text-align:center;}
.login-container  button {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin: 0 auto;display: inherit;font-size: 20px;font-weight: bold; width:100%;}
.login-container .form-group {margin-bottom:30px;}
.profile-picture {width:114px; margin:0 auto; position:relative; top:-60px;}
.login-container input[type="text"] {background:url(../images/username.png) no-repeat right center; padding-right:45px;}
.login-container input[type="password"] {background:url(../images/password.png) no-repeat right center; padding-right:45px;}
.login-container p {text-align:right; margin-bottom:30px;}
.login-container a {color:#696969; font-size:14px;}
.logo {padding: 16px 10px 10px 10px; float: left;}

.form-control {border-color:#d5d5d5; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #000; font-weight: 600;}
.logo-subtitile{color:#F36823;font-size:16px;font-weight: bold;margin-top: 10px;display: inline-block;width:100%;}
    .logo-subtitile p{margin-bottom:0px;text-align: center;line-height: 20px;}
    
    
/* Custom Button Styles
------------------------------------------------------------------*/
.btn-custom-orange {background-color:#ff8309; color:#fff;}
.btn-custom-orange:hover, .btn-custom-orange:focus, .btn-custom-orange:active, .btn-custom-orange.active  {color:#fff; background-color:#dd860f;}
.btn-custom-grey {background-color:#7c7c7c; color:#fff;}
.btn-custom-grey:hover, .btn-custom-grey:focus, .btn-custom-grey:active, .btn-custom-grey.active  {color:#fff; background-color:#8d8d8d;}
.form-buttons {text-align:center; margin-top:15px;}
.form-buttons .btn {border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; margin-left:19px; padding:11px 60px; -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);}
.form-buttons .btn-small {border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; margin-left:20px; padding:5px 10px; -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);}
.form-buttons .btn:first-child {margin-left:0;}

.btn-custom-plain {-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; border:1px solid #cdd8de; background-color:#fff; color:#000; padding-left:20px; padding-right:20px;  -webkit-box-shadow: 0px 2px 1px 0px rgba(240,240,240,1);-moz-box-shadow: 0px 2px 1px 0px rgba(240,240,240,1);box-shadow: 0px 2px 1px 0px rgba(240,240,240,1); font-weight:600}

.btn-custom-plain span {display:inline-block;color: #000;font-weight: 600;}

.btn-custom-plain.add {float:right; margin-bottom:20px;}
.add-icon {background-image: url(../images/plus.png); background-repeat: no-repeat;background-position: 0 2px; width:15px; height:15px; margin-right:10px;}

.add-image-icon {background-image:url(../images/add-image.png); background-repeat: no-repeat;background-position: 0 0; width:22px; height:18px; margin-right:10px; float:left;}

.acc-test-info-btn-block {position: relative;}
.acc-test-info-btn-block button.btn.btn-custom-plain.add {position: absolute; left: 50%; top: 0; background-color: #cbcbcb;}



/* Layout Styles 
---------------------------------------------------------------*/
#idMainBody {padding-bottom:50px;}

.users-table {box-sizing:border-box; padding:0; margin:15px 0 0;}
.users-table .table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>td{border-color:#cdd8de;}
.users-table .table>thead:first-child>tr:first-child>th,
.users-table .table-bordered>tbody>tr>td {border-left:1px solid #fff;}
.users-table .table>thead tr th:last-child,
.users-table .table-bordered>tbody>tr>td:last-child {border-right:1px solid #fff;}
.users-table .table-bordered>tbody>tr>th, .users-table .table-bordered>tbody>tr>td {border-bottom:1px solid #fff;}
.users-table .table-bordered>thead>tr>th {border-bottom-width: 0; color:#392212; background-color:#fff; font-weight: normal;}
.users-table .table-bordered>tbody>tr>td {border-top-width:0;  color:#000;font-weight: 600;}
.users-table .table-bordered>thead>tr>th.left {text-align:left;}
.users-table .table-bordered>tbody>tr>th.t-center, .users-table .table-bordered>tbody>tr>td.t-center {text-align:center;}
.users-table.dashboard-grid .table-bordered>tbody>tr>td a {text-decoration:underline; color:#818a97;}
.users-table.dashboard-grid .table-bordered>tbody>tr>td a:hover {text-decoration:none;}


.users-table .take-off {background:url(../images/takeoff.png) no-repeat 0 -1px; display:inline-block; width:16px; height:16px;margin:5px 8px 0; float:left;}
.users-table .edit {background:url(../images/edit.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0; float:left;}
.users-table .pdf {background:url(../images/pdf.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0; float:left;}
.users-table .delete {background:url(../images/trash.png) no-repeat 0 0; display:inline-block; width:16px; height:16px;margin:5px 8px 0; float:left;}
.users-table .delete_helper {float: right;margin: 6px -6px 0;}
.users-table .edit_helper{margin: 5px 3px 0;}
.users-table .notes {background:url(../images/notes.png) no-repeat 0 0; display:inline-block; width:12px; height:14px;margin:5px 8px 0; float:left;}
.users-table .refresh {background:url(../images/refresh.png) no-repeat 0 0; display:inline-block; width:23px; height:18px; margin:2px 8px 0; float:left;}
.users-table .save {background:url(../images/save.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0; float:left;}
.users-table .tick {background:url(../images/tick.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0;}
.users-table .view {background:url(../images/view.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0;}
.schedule {background:url(../images/schedule.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 0 0;}
.users-table .calender {background:url(../images/calender-icon.png) no-repeat 0 0; display:inline-block; width:16px; height:16px; margin:5px 8px 0;}
.users-table .view.raw-data{background:url(../images/raw-data.png) no-repeat 0 0;}
.users-table .address, .content-limit {text-overflow: ellipsis;width: 150px;white-space: nowrap;display: inline-block;overflow: hidden; }
.users-table .address, .content-limit-child {width: 150px;overflow: hidden; }
.users-table td.contorl-buttons-td {width:95px;}
.users-table thead th.inactive span {background:url(../images/dropdown.png) no-repeat right center; cursor:default;}
.dashboard-column .users-table thead th span{min-height:30px; display:block;}
.dashboard-column .users-table thead th .small-block {display:none !important;}
.users-table .table>thead>tr>th {vertical-align: middle;border-bottom: 1px solid #cdd8de;border-right: none;color: #ff8309;font-size: 14px; font-weight:bold;padding-top: 20px; /* padding-bottom: 20px; */text-align: center;}
.users-table .table-bordered {margin-bottom:0; border-top-color:#cdd8de; border-right:none;}
/*.users-table .table-bordered>tbody>tr:last-child>td { border-bottom-color:transparent; }*/
.button-4 {width:120px; margin:0 auto;}
.button-5 {width:180px; margin:0 auto;}
.button-6 {width:130px; margin:0 auto;}
.button-3 {width:95px; margin:0 auto;}
.button-2 {width:68px; margin:0 auto;}
.button-1 {width:32px; margin:0 auto;}
.phone-number {display:inline-block;}.phone-number span { margin-right:5px;}
.users-table .glyphicon {cursor:pointer; margin:5px 8px 0; float:left;}
.users-table .table-bordered > tbody > tr:last-child > td{border-bottom: 1px solid #ddd !important;}
.dashbord-table .dashbord-bordered > tbody > tr:last-child > td{border-bottom: 1px solid #fff !important;}


.users-table .table-bordered tr:nth-child(even) {background: #f9fafc}
.users-table .table-bordered tr:nth-child(odd) {background: #FFF}
 .users-table .table-bordered .phonedetail tr:nth-child(even) {background: #dde7ec}
.users-table .table-bordered .phonedetail tr:nth-child(odd) {background: #dde7ec} 
.users-table .table-bordered .phonedetail tr:first-child td {border-top: 0px solid #000000 !important }
.users-table .table-bordered .phonedetail td {padding: 2px 4px; text-align: left }

.users-table .action-inactive {background:url(../images/tickmark.png) no-repeat 0 0; display:inline-block; width:19px; height:15px; margin:3px 3px 0 3px; float:left;}
.users-table .action-active {background:url(../images/tickmark-green.png) no-repeat 0 0; display:inline-block; width:19px; height:15px; margin:3px 3px 0 3px; float:left;}
.users-table .divider-action {background:url(../images/divider-actions.png) no-repeat 0 0; display:inline-block; width:1px; height:22px; margin:0 7px; float:left;}

/* Dashboard 
---------------------------------------------------------------*/
.dashboard-column {margin-top:20px; padding-bottom:45px;}
.dashboard-column h3 {margin:0; font-size:18px; color:#2c3e50; font-weight:bold; padding:15px 0 15px 5px; background:#e7e5e6;}
.dashboard-column h3 a {float:right; background:url(../images/gear-icon.png) no-repeat 0 0; display:block; width:21px; height:20px; display:none;}

.details {border: 1px solid #cdd8de; padding: 0;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); margin-top:20px;min-height: 342px;}

.logout-column.mobile-version-search  {display:none}
.dashboard-column .users-table {margin-top:0;}
.dashboard-column .users-table .table-bordered > tbody > tr > td {color:#000;  white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
	min-width: 85px;
        font-weight: 600;
	}



			 
/* Search Results
---------------------------------------------------------------*/
.tdth-align-c .table>thead:first-child>tr:first-child>th, .tdth-align-c .table-bordered>tbody>tr>td {text-align:center;}
.tdth-align-c .table-bordered>tbody>tr>td.t-left {text-align:left;}
.page-title {background:#f9fafc; margin-top:-5px;}
.page-title h1 {font-size:30px; padding:25px 20px; color:#666666; font-weight:bold;}
.search-results .dashboard-column, .search-results .users-table {margin-top:0;}
.search-results .users-table .table-bordered {border-top:none;}
.search-results .users-table .table-top-border {border-top:1px solid #cdd8de;}


.search-block input[type="text"] {-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px; float:left; width:65%; background:url(../images/search-icon.png) no-repeat 20px center; font-size:16px; color:#818a97; padding:25px 25px 25px 60px;}
.search-block button {-webkit-border-radius: 0px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius: 0px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-radius: 0px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px; float:left; width:35%; font-size:16px; padding:25px; padding:14px; background-color:#ff8309;}
.search-block {margin-top:40px; float:left; display: inline-block; width:58%; margin-right:0;}/* width: 55%;  margin-right: 5%;*/
.search-select { display:inline-block; float:left; margin-top:40px; position:relative; width:40%; margin-left:2%;} /*width:40%;*/
.search-area {width:70%; margin:0 auto}
.search-select .select {font-size:16px;}

/* Pagination 
---------------------------------------------------------------*/
.pagination_block {text-align:center; margin: 30px auto;}
.pagination{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 5px; background-color:#eff2f3; }
.pagination>li>a, .pagination>li>span {color:#000; background:#ff8309;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {background-color:#ff8309; color:#fff;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pagination>li>a.active, .pagination>li>span.active {background-color:#ff8309; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.pagination>li>a, .pagination>li>span {font-size:15px; border:none; background-color:#eff2f3;  -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; padding:2px 9px; margin:6px 10px; }
.pagination>li:first-child>a{border-right:1px solid #a1aab2; z-index:9;}
.pagination>li:last-child>a{border-left:1px solid #a1aab2; z-index:9;}
.pagination>li:first-child>a:hover, .pagination>li:first-child>a:active, .pagination>li:first-child>a:focus, .pagination>li:last-child>a:hover, .pagination>li:last-child>a:active, .pagination>li:last-child>a:focus {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; background-color:inherit; color:#ff8309; }

/* Place Holder Navbar Styles 
---------------------------------------------------------------*/
.logout-column .form-control::-webkit-input-placeholder {color:#798290;}
.logout-column .form-control:-moz-placeholder {color:#798290;}
.logout-column .form-control::-moz-placeholder {color:#798290;}
.logout-column .form-control:-ms-input-placeholder {color:#798290;}



/* Sidebar Navigation 
-----------------------------------------------------------------*/
#sidebar { padding-right: 0;  padding-top: 20px; background:#666666;}
#sidebar .nav {  width: 94%; margin:3%;}
#sidebar li {  border-bottom:1px solid #767676;}
.profile-pic {text-align:center; background:#ff8309; color:#fff; padding:30px 0 25px;}
.profile-pic p span {display:block; margin-top:20px;}
.profile-pic p span:last-child {font-weight:bold; margin-top:10px;}
#sidebar li a {color:#fff; padding:20px 20px 20px 60px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:10px 0; }
#sidebar li a.dashboard {background:url(../images/dashboard-icon.png) no-repeat 10px center; }
#sidebar li a.reports {background:url(../images/reports-icon.png) no-repeat 10px center; }
#sidebar li a.about {background:url(../images/about-icon.png) no-repeat 10px center; }
#sidebar li a.on-test {background:url(../images/on-test-icon.png) no-repeat 10px center; }
#sidebar li a.certificate {background:url(../images/certificateicon.png) no-repeat 15px center; }
#sidebar li a.alarm-event {background:url(../images/alarm-event-icon.png) no-repeat 10px center; }
#sidebar li a.alarm-permission {background:url(../images/key.png) no-repeat 10px center; }
#sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus, #sidebar .nav>li.active>a{background-color:#535353;}

/* Default values 
-----------------------------------------------------------------*/
.navbar {min-height:73px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ff8309; width: 30px; height: 3px;}
.navbar-default .navbar-toggle {background-color:#f6f7f9; border-color:#fff; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;padding: 25px; margin: 0; border: none; }
.navbar-default {background:url(../images/drop-shadow.png) bottom repeat-x;   border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border:none; margin-bottom:0; z-index:9;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#f2f2f3;}

.navbar .logo-subtitile{font-size: 10px;margin-top: 8px;width: 100%;float: left;}
    .navbar .logo-subtitile p {line-height: 0px;text-align:left;}
    
.img-responsive {display:inline-block;}

.logout-column {float:right;}
.logout-column input[type="text"]{float: left;background: #f6f7f8 url(../images/search.png) no-repeat 10px center;padding-left: 40px;border: none;width: 300px;height: 50px;margin-top: 8px;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.logout-column a.logout {float: left;display: block;background: url(../images/signout.png) no-repeat right center;min-height: 55px;/* width: 20px; */padding: 0 20px 0px 20px;margin: 0 30px;border-left: 1px solid #e4e6e9;margin-top: 6px;}
.logout-column .btn {float: left;margin-top: 8px; border-radius: 0; -moz-border-radius:0; -webkit-border-radius: 0;font-size: 16px;padding: 13px 12px;}


.title {background:#f8fafb; margin-top:-5px; border-bottom:1px solid #dde7ec; }
.title h1 {font-size:30px; padding:25px 0; color:#666666; font-weight:bold;float: left;}
.title h1 span {font-size:18px;display:block; color:#7c7c7c; font-weight:bold; margin-top:15px;}

.title .nav{margin-top:35px;}
    .title .nav li{float:left;margin-left:20px;}
        .title .nav li span:first-child{color: #F36823;}

/* Tabs
-----------------------------------------------------------------*/
.mk-tabs {float: right;top: -54px;position: relative;}
.mk-tabs.mob {display:none;}
.nav-tabs.mk-tabs>li>a, #dvTitle div, #dvTitle a, #tabTitleContainer a {font-size:16px; color:#000; border-color:#dde7ec; -webkit-border-radius: 0;-moz-border-radius: 0px;border-radius: 0; margin-right:0; padding:15px 15px 15px 50px; background: #fefefe; /* Old browsers */	background-repeat:no-repeat; background-position:20px 16px; font-weight:600; }
#dvTitle div, #dvTitle a {color:#ff8309; border: 1px solid #dde7ec; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;border-top-left-radius: 5px; display:block;}
#tabTitleContainer a{border-bottom:#dde7ec 1px solid;}
#tabTitleContainer a:last-child {border-bottom:none;}


.nav-tabs.mk-tabs>li>a.general,  #tabTitleContainer a.general {background-image:url(../images/general-inactive.png); }
.nav-tabs.mk-tabs>li>a.central, #tabTitleContainer a.central {background-image:url(../images/central-station-inactive.png); }
.nav-tabs.mk-tabs>li>a.panels, #tabTitleContainer a.panels {background-image:url(../images/panels-inactive.png) }
.nav-tabs.mk-tabs>li.active>a.general, .nav-tabs.mk-tabs>li.active>a.general:hover, .nav-tabs.mk-tabs>li.active>a.general:focus,  #dvTitle .general, #tabTitleContainer a.general:hover {background-image:url(../images/general-active.png);}
.nav-tabs.mk-tabs>li.active>a.central, .nav-tabs.mk-tabs>li.active>a.central:hover, .nav-tabs.mk-tabs>li.active>a.central:focus,  #dvTitle .central, #tabTitleContainer a:hover.central {background-image:url(../images/central-station-active.png)}
.nav-tabs.mk-tabs>li.active>a.panels.panels, .nav-tabs.mk-tabs>li.active>a.panels:hover, .nav-tabs.mk-tabs>li.active>a.panels:focus, #dvTitle .panels, #tabTitleContainer a:hover.panels  {background-image:url(../images/panels-active.png)}
.nav-tabs.mk-tabs>li.active>a, .nav-tabs.mk-tabs>li.active>a:hover, .nav-tabs.mk-tabs>li.active>a:focus {border-color:#dde7ec; border-bottom-color:#fff; background-color:#fff; color:#ff8309;}
.nav-tabs.mk-tabs {border-bottom: 1px solid #dde7ec; margin-right:-15px;}
.nav-tabs.mk-tabs li:first-child>a {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}



/* General tab
-----------------------------------------------------------------*/
.subscriber-details {float:none; margin:0 auto;}
.csid-block {border-bottom:1px solid #d9e4ea; margin-bottom: 50px;}
.csid-block .control-label {padding-top:7px; width:35px; float:left; margin-right:5px;}
.csid-block .dropdown-block {float:left;}
.csid-block .btn {float:left; margin-left:5px;  padding-left: 8px; padding-right: 8px; z-index: 9; position: relative;}
.csid-column {float:right; }
.more {background:url(../images/menu.png) no-repeat 0 0; display:block; width:22px; height:15px; margin-left: 15px;margin-top: 7px;float: left;}
.download-icon {background:url(../images/downarrow.png) no-repeat; width:25px; height:26px; display:inline-block; position:absolute; right:0; top:3px; }
.download-icon-contain .dropdown-block {margin-right:30px; position:relative;}
.download-icon-contain { position:relative;}



/* Panels tab
-----------------------------------------------------------------*/
.panel-details {margin-bottom:35px}
.panel-details-no-space {margin-bottom:0; z-index:9;}
.panel-details a {display:inline-block; position:relative; float:left; background: url(../images/panel-bg.png) no-repeat; /*-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;*/ min-width:119px; height:38px; min-height:45px;/*  padding:10px 20px; */ line-height:40px; color:#000; margin-right:13px; text-decoration:none; text-align:center; white-space:nowrap;font-weight: 600;}
.panel-details a.active, .panel-details a:hover {text-decoration:none; color:#fff; background:url(../images/panel-bg-active.png) no-repeat center center; }
.commondiv, .panel-tabs-mobile  {display:none;}
.panel-tabs-mobile .dropdown{z-index:9;}

.scheduled-tabs a { background-color: #f2f4f5; background-image: none; border-radius: 25px; color: #000; padding-left: 15px; padding-right: 15px; min-height: auto;}
.scheduled-tabs a:hover, .scheduled-tabs a.active { background-color: #ff810a; background-image: none; color: #fff;}
.scheduled-tabs a:hover:after, .scheduled-tabs a.active:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ff810a; bottom: -8px; content: ""; left: 50%; position: absolute; margin-left: -8px;}

#mk-events-block.commondiv  {display:block;}

.column-sublist.addeevent-block{ min-height:225px}
.column-highlight.addeevent-block{min-height:630px}

.move-orders {text-align:center; margin-top:80px;}
.move-orders a {display:block; margin-bottom:10px;}
.move-orders a.move-to-call-order {background:url(../images/arrow-right.png) no-repeat top center; height:16px;}
.move-orders a.move-to-available-call{background:url(../images/arrow-left.png) no-repeat top center; height:16px;}

.move-orders.big {margin-top:0;}
.move-orders.big a.move-to-call-order {background:url(../images/arrow-down-orange.png) no-repeat 95% 0; margin-right:15px;}
.move-orders.big a.move-to-available-call{background:url(../images/arrow-up-orange.png) no-repeat 5% 0; margin-left:15px;}
.move-orders.big a {
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    width: 20px;}
.scroll-block label {float:left;}
.scroll-block .scroll-column {float:right;}
.scroll-block .scroll-column a, .scroll-block .scroll-column span {width:14px; height:21px; float:left;}
.scroll-block .scroll-column span {background:url(../images/scroll-divider.png) no-repeat center center;}
.scroll-block .scroll-column a.move-up {background:url(../images/arrow-up.png) no-repeat center center;}
.scroll-block .scroll-column a.move-down {background:url(../images/arrow-down.png) no-repeat center center;}
.scroll-block .scroll-column a.move-up-orange {background:url(../images/arrow-up-orange.png) no-repeat center center;}
.scroll-block .scroll-column a.move-down-orange {background:url(../images/arrow-down-orange.png) no-repeat center center;}

.areas-textarea {min-height:182px;}
.has-keys {margin-top:47px; margin-bottom:20px;}
.comments-textarea{min-height:110px;}
.phone-number-call-list {margin-top:20px;}
.close-row {background:url(../images/close-arrow.png) no-repeat 0 0; display:block; width:28px; height:28px; margin:0 auto 0;  }
.grey-block {background:#f7f7f7; float:left; width:100%; padding-top:10px; padding-right:10px;}

.client-search {padding:20px 5px 15px; position:relative; border-bottom:#dde7ec 1px solid; margin-bottom:15px;}
.client-search input[type='text'] {padding-right:40px;}
.client-search .btn {background: url(../images/search.png) no-repeat 10px center; text-indent: -9999px;overflow: hidden;height: 35px;width: 35px;display: block;position: absolute;z-index: 9;top: 42px;right: 10px;}

.panel-navigate .btn{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 100%;margin: 0 auto;/* float: none; */display: block; z-index:1001; position:relative; background:#ebeff2; border:#ebeff2 1px solid; color:#828a97; padding: 9px 12px; }
.panel-navigate .btn.btn-custom-orange {background-color: #ff8309;color: #fff;}
.panel-navigate .caret{float: right;margin-top: 7px; color:#bdbec2; position: absolute; right: 10px; top: 10px;}
.panel-navigate .btn.btn-custom-orange .caret {color:#fff;}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background:#ebeff2; border:#ebeff2 1px solid;}
.panel-navigate .dropdown-menu {width:100%; text-align:center; margin-top:-15px; border:#e3e3e3 1px solid ; padding-top: 15px;max-height: 200px;overflow-y: scroll;}
.panel-navigate .dropdown-menu>li>a {border-bottom:#e3e3e3 1px solid;line-height:35px; margin-left:2px; margin-right:2px; color:#85929a;}
.panel-navigate .dropdown-menu>li:last-child>a {border-bottom:none;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color:#fc850d; color:#fff;}
#navigate-panel {z-index:1001;}
#mk-tab-panels {border:none; -webkit-border-radius: 0; 
-webkit-border-top-right-radius: 5px;
-moz-border-radius: 0;
-moz-border-radius-topright: 5px;
border-radius: 0;
border-top-right-radius: 5px; width:100%; height: 53px;
border: 1px solid #dde7ec;
border-bottom: none; background:#fff; width: 100%;
    z-index: 1002; position:relative;}
#mk-tab-panels .icon-bar { display:block; margin-bottom:3px; background-color: #ff8309; width: 5px; height: 5px;}
.mk-tabs.mob .active-tab {width:80%;}
.drop-tab {width:20%;}
.icon-container {width:5px; margin:0 auto; display:block;}
.tab-content .tab-pane {/*display:block;*/ padding-bottom:5px;}

.session-csid span.glyphicon { margin-right: 5px;}
.session-csid span.glyphicon.active  {color: #ff8309;}
.session-csid .csid-text {}

.border-block {border:1px solid #dbe4e9; margin-bottom:15px; background:#fff;}
.border-block h3 {border-bottom:1px solid #d7d8dd; padding:15px; min-height:50px; font-size:18px;}
.border-block .inner-block {padding:15px;}

.signal-type {width:55%; padding-right:0;}
.closed-test label {position:absolute;}




/* Common css
-----------------------------------------------------------------*/
.field-group {border-top:1px solid #d9e4ea; margin-top:15px;}
.field-group-no-border {margin-top:15px;;}
.sub-title {margin-top:40px; }
.sub-title {font-size:20px; color:#666666;}
.sub-title.no-btn h2 {margin-bottom:20px;}
.sub-title.border-head h2{border-bottom:#d9e4ea 1px solid; padding-bottom: 15px;}
.checkbox-block {position:relative;float: right;}
.checkbox-l {width:100%; float:left; margin-bottom:15px; position: relative; padding-left: 28px;}
.checkbox-l .checkbox-block {position:absolute;float: left; left:0; top:0;}
.checkbox-r {padding-right: 28px; position:relative;}
.checkbox-r .checkbox-block {position:absolute;float: left; right:0; top:0;}
.checkbox-l  label {float:left; margin-left:20px;}
.dropdown-block {position:relative;}
.column-hide {display:none;}
.column-highlight {background:#fafafa; width:100%; float:left;}
.column-highlight .field-container { padding:0 30px 30px;}
.column-highlight h3 {background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #fafafa 0%, #f3f3f3 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#fafafa), color-stop(52%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#fafafa 0%,#f3f3f3 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#207cca 0%,#fafafa 0%,#f3f3f3 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 0%,#fafafa 0%,#f3f3f3 52%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#fafafa 0%,#f3f3f3 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ font-size:16px; padding:20px 0 16px; text-align:center; color:#ff8309; margin-bottom:15px; 
border-bottom:1px solid #e9eff2;}
.column-sublist {background:#f8fafb; border-top:#d9e4ea 1px solid; width:100%; float:left; padding:30px 0px;}
.col-left25{margin-left:60px;}
.col-pad10{padding:10px !important;}
.border-fields { border-bottom:#d9e4ea 1px solid; width:100%; float:left;}

.space-both-sides {padding-left:7%; padding-right:7%;}
.space-r {margin-right:5%;}
.space-l {margin-left:5%;}
.add-buttons {float:right;}
.add-buttons .btn {float:left; margin-left:10px;}
.border-data {border-top:#dde7ec 1px solid;}
.orange-color { font-weight:700; font-size:16px;color:#ff8309;}
.calendar-icon {background: url(../images/calendar-icon.png) no-repeat 98% center;padding-right: 35px;} 
.keyboard-icon {background: url(../images/input-keyboard.png) no-repeat 98% center;padding-right: 35px;} 
.search-icon {padding-right: 35px;} 
.search-drop .search-icon {width: calc(100% - 40px); background: url(../images/search.png) no-repeat 10px center; padding-left:40px}
.only-for-mobile {display:none;}
.search-drop .arrow-button {
	width: 40px;
    font-size: 0;
    height: 34px;
    background: url(../images/arrow-down.png) no-repeat center center;
    border: 1px solid #ccc;
    border-left: none;
}
.search-drop .dropdown-block { display: flex;}
.small-block {display:none;} 
.lg-block {display:block;}

.full-column , .form-full-width{width:100%;}
.form-full-width{float:left;}
.blockUI {z-index:2000 !important;}

label.error {color: red; font-size: 12px;}
.text-overflow-elipsis label, .textoverflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.nowrap-th  th {white-space:nowrap !important;}
.off-top-row  {margin-top:26px;}
.space-top-select {margin-top:10px;}
.no-pad-top {padding-top:0 !important;}
.no-pad-bottom {padding-bottom:0 !important;}
.dealer-info-title{margin-top: 25px;}

/* Space
-----------------------------------------------------------------*/
.column-space-2{margin-top:30px;}
.column-space-3{margin-top:70px;}
.space-bottom {margin-bottom:15px;}
.space-top {margin-top:15px;}

/* Modal 
-----------------------------------------------------------------*/
.modal-title {color:#ff8309;}
.modal-header {
	background:#f7f7f7;border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px; 
  border-bottom:#dfdfdf 1px solid;
  background: rgba(248,248,248,1);
  background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 77%, rgba(240,241,243,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(77%, rgba(246,246,246,1)), color-stop(100%, rgba(240,241,243,1)));
  background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 77%, rgba(240,241,243,1) 100%);
  background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 77%, rgba(240,241,243,1) 100%);
  background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 77%, rgba(240,241,243,1) 100%);
  background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 77%, rgba(240,241,243,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f1f3', GradientType=0 );}
.modal-header .close {border:#d6d6d6 1px solid; padding:4px 8px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#fff; filter: alpha(opacity=90); opacity: .9; color:#ff8309;}
.modal-header span.hdtitle {margin-right:50px; font-weight:600;}
span.scroll-column a.move-up {background:url(../images/arrow-up.png) no-repeat center center;}
span.scroll-column a.move-down {background:url(../images/arrow-down.png) no-repeat center center;}
span.scroll-column a, span.scroll-column span {width:14px; height:21px; display:inline-block;}
span.scroll-column span {background:url(../images/scroll-divider.png) no-repeat center center;}


.list-group.custom .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;border: -top;border-top: 0;}
.list-group.custom .list-group-item {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;border-left: 0;border-right: 0;}
.modal-content {padding-bottom:15px;}
.modal-content.grey-bg {background:#fafafa;}
.ui-dialog  {z-index:9999;}


/* Inner pages tabs 
-----------------------------------------------------------------*/
.nav-tabs.mk-tabs.min {margin-right:0; top:0; margin-top:35px;z-index:1;}
.nav-tabs.mk-tabs.min>li>a {padding:10px 15px; background-color:#fff; z-index:9;}
.nav-tabs.mk-tabs.min>li:last-child>a {-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 0;border-top-right-radius: 5px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.tab-content.min{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width:100%;  float:left; padding:2% 3%;  float:left; border:#dde7ec 1px solid; margin-top:-1px;}


/* Side nav 
-----------------------------------------------------------------*/
.client-info {border:#dde7ec 1px solid; border-top:0; float:left; width:100%;}
.client-info .nav {float:left; width:100%;}
.client-info .nav>ul {margin-top:15px;}
.client-info .nav>li>a {color:#7c7c7c; padding:12px 15px; margin-bottom:1px;}
.client-info .nav>li>a:hover, .client-info .nav>li>a:focus, .client-info .nav>li.active>a, .client-info .nav>li.active>a:hover, .client-info .nav>li.active>a:focus  {text-decoration: none;background: #ff8309 url(../images/sidebar-nav-pointer.png) no-repeat right 0; color:#fff; margin-right:-10px; }


/* Carousel
-----------------------------------------------------------------*/
.carousel.custom {}
.carousel.custom .carousel-control.right {background:url(../images/carousel-right-arrow-btn.png) no-repeat  left center;}
.carousel.custom .carousel-control.left {background:url(../images/carousel-left-arrow-btn.png) no-repeat  right center;}
.carousel.custom .carousel-control {text-shadow:none;}
.carousel.custom .carousel-inner { position: relative;width: 325px;overflow: hidden;margin: 0 auto; border:#d3d3d3 1px solid;  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.28); -webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;}

/* Off Canvas --------------------------------------------------*/
	#sidebar {padding-top:0;}
	.row-offcanvas {position: relative;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}	
	.row-offcanvas.active { -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.row-offcanvas-left .sidebar-offcanvas {left: -25%;}
	.row-offcanvas-right.active {right: 20%;}

/* Sidebar Dropdown menu 
-----------------------------------------------------------------*/
#sidebar .dropdown-menu {top:0; left:100%; background: #666666; margin-left:5px;  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left:2px solid #535353;}
#sidebar .dropdown-menu li a {padding: 10px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:5px;}
#sidebar .dropdown-menu li a:hover{-webkit-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in;}
#sidebar .dropdown-menu li:last-child {border-bottom:none;}
#sidebar .dropdown-menu li.left-arrow {position:absolute; left:-9px; top:15px; border:none;}
#sidebar li a {z-index:999; position:relative;} 

label {font-weight: 600; color: #000;}
.checkbox-l-block .checkbox-block {float:left !important; margin-right:5px;}
.checkbox-l-block label {float:left;}


.mk-mulitiple-select-box.child, .move-orders.big  {width: 300px;   margin: 0 auto;}
.addeevent-block  .checkbox, .addeevent-block  .radio {margin-top:0;}
.addeevent-block  .checkbox-l label{margin-top:5px;}
.addeevent-block.nomrgn  .checkbox-l label{margin-top:0;}


/* Tooltip 
-----------------------------------------------------------------*/
.mk-tooltips {
    text-align: center;
	position:relative;
}
.mk-tooltips > .btn {
    margin-bottom: 5px;
    margin-top: 5px;
}
.mk-tooltip .tooltip {
    display: inline-block;
    margin: 10px 20px 10px 0;
    opacity: 1;
    position: relative;
	cursor:pointer;
	z-index:99;
}
.mk-tooltip  .tooltip-inner {background:#F3F6F7; color:#000; padding:10px 20px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; font-size:14px; }
.mk-tooltip  .tooltip.top .tooltip-arrow {border-top-color: #F3F6F7; display:none;}
.mk-tooltip  .tooltip:hover .tooltip-inner,  .panel-details a.active .tooltip-inner {background:#ff8309; color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mk-tooltip  .tooltip:hover .tooltip-arrow, .mk-tooltip  .tooltip.active .tooltip-arrow{border-top-color: #ff8309; display:block;}
.mk-tooltip  .panel-details a {min-height:39px;}
.mk-tooltip  .panel-details a, .mk-tooltip  .panel-details a.active, .mk-tooltip  .panel-details a:hover {background-image:none;}
/* UPDATED  .mk-tooltip .tooltip-inner::after*/
.mk-tooltip .tooltip-inner:hover::after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 19px solid #ff8309;
    bottom: -14px;
    content: "";
    left: 50%;
    margin-left: -20px;
    position: absolute;
}

/* CSID Zone Image
-------------------------------- */
.bootbox-body .table-responsive img{width:540px;margin:0px;}

/* 
---------------------------------- */
.modal-dialog .modal-body{
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #e4e4e4;   
}

.modal-dialog .modal-body .bootbox-body{text-align: left !important;}


/* UPdated Styles classes
----------------------------*/
.col-bg-none{background: none !important;border-top: 0px solid transparent;}
.top-no-bord{border-top: none !important;}
.medi-mar-25{margin-left: 25px;}
.table-res-bord{border: none !important; margin-bottom:0px !important;}
.drop-down-wt{width: 89%;} /* For Dropdown Right side border*/
/* .floor-button .btn:first-child{margin-left: 20px !important;} */
.btn-floor{margin:0px 10px !important;width: 150px !important;}
.button-2-action{display:flex;display:-webkit-flex;}
.lh img{max-width:none;}
.policy{min-width:15%;}
/* About Popup Start
----------------------------------------- */

.about-popup{text-align: center !important;}	
	
.about-popup a {
	background: none repeat scroll 0 0 #f5f5f5;
	color: #ff8309;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 8px 25px;
}
.about-popup a:hover {
	text-decoration: none;
}
.about-popup img {
	margin-bottom: 35px;
	margin-top: 20px;
}

.about-popup div {
	color: #000;
	margin:5px;
        font-weight:600;
}

.bootbox  .modal-content .modal-footer{border-top: 0px solid #e5e5e5;}
			 
/* About Popup End */

/* Search Dropdown */

.search-dropdown{background:url("../images/dropdown.png") no-repeat scroll 94% center #ff8309 !important;color:#fff!important;width:100%;border-radius:0px 30px 30px 0px !important;line-height:35px;border:none !important;}
.dropdown-menu-search:before{content:"." !important;border-left:3px solid #fff !important;position:absolute !important;left:0;top:0;height:100%;color:#ff8309;}
.dropdown-menu-search{width: 100%;top:98% !important;border-radius:0px;left:0.6%;padding:0px !important;border:none !important;margin-top: 0 !important;}
.dropdown-menu-search .dropdown-menu {margin-top:0px !important;padding-top: 0px !important;max-height:none !important;overflow-y: auto !important;}
.dropdown-menu-search > .dropdown-menu > li > a:hover{background:#fff !important;color: #ff8309 !important;}
.dropdown-menu-search > .dropdown-menu > li > a{background:#fff;color: #000 !important;border-bottom:1px solid #ddd !important;line-height:30px !important;margin: 0px;}
.search-by{background:#ff8309 !important;border-radius:30px 0px 0px 30px !important;height:53px;line-height: 40px;}
.search-dropdown:hover,.search-dropdown:active,.search-dropdown:visited{color:#fff !important;outline:none;}

 .map-icon{background-image: url(../images/map.png);background-repeat: no-repeat;color:#ff8309;padding-left: 25px;}
 .call-icon{background-image: url(../images/call.png);background-repeat: no-repeat;color:#ff8309;padding-left: 25px;}
 .mail-icon{background-image: url(../images/mail.png);background-repeat: no-repeat;color:#ff8309;padding-left: 25px;}
 /*grant_Select
-------------------------------------------------------------------*/
 .grant_slect_data{padding: 10px 20px;}
 .grant_slect_data .glyphicon{font-size: 10px;margin-right: 5px;}
 .grant_slect_data ul{float: left;margin-bottom: 10px;width: 100%;}
 .grant_slect_data ul li{float: left;margin-right: 15px;border: 1px solid #E0DDDD;margin-top: 10px;padding: 10px;background: #F1EFEF;border-radius: 5px;min-width: 130px;}
 .close-section{margin-right: 0;margin-left: 15px;border: 1px solid #A91D1D;padding: 0 10px;background: #DC2D2D;color: #fff;cursor:pointer;border-radius: 4px;float: right;}
 .modal-body span{margin-left: 10px;}
 .select-checkbox{border: 1px solid #ddd;background: #F1F1F1;padding: 10px 0 12px 0;margin-bottom: 10px;}
 .permission-checkbox{display: inline-block;width: 100%;}
 #permission .modal-body{max-height: 310px;overflow-x: auto;}
/*apiConfiguration-wrapper
-------------------------------------------------------------------*/
.apiConfiguration-wrapper{
    margin: 0 auto;
    display: table;
    max-width: 768px;
}
/* Media Queries
------------------------------------------------------------------*/
@media (max-width: 1188px) {
	

}
/* media - 1188  ends here */

@media (max-width: 1024px) {
	.users-table.table-responsive {overflow-x:auto}
	.search-area {width:100%;}
        .drop-down-wt{width: 100%;}
	.inst-date tbody tr :nth-child(3) { min-width: 133px;width: 40%;}
        .policy {min-width: 2%;word-break: break-all;}
        .col-left25{margin-left:40px;}
}
/* media - 1024  ends here */
@media (max-width: 980px) {
         .policy { min-width: 3%;word-break:break-all;}        
}

@media (max-width: 900px) {
	.navbar-toggle {display: block;	}
	.logout-column input[type="text"] {width:150px;}
        .medi-mar-25 {margin-left: 16px;}
        .policy { min-width: 5%;}
        .acc-test-info-btn-block button.btn.btn-custom-plain.add {position: relative; left: 0; top: 0;}
        
}
/* media - 900  ends here */

@media (max-width: 768px) {
	.csid-column {margin:0 auto;}
	.column-sublist.addeevent-block{ min-height:initial}
	.column-highlight.addeevent-block{min-height:initial}

	
	.add-buttons {float: right;display: block;width: 100%;}
	.space-r {margin-right:0;  margin-bottom:15px;}
	.space-l {margin-left:0;}
	.client-info {max-height: 210px;overflow-y: auto;}
	.client-info .nav>li>a:hover, .client-info .nav>li>a:focus, .client-info .nav>li.active>a, .client-info .nav>li.active>a:hover, .client-info .nav>li.active>a:focus {margin-right:0;}

	
	.pagination>li>a, .pagination>li>span {padding: 2px 6px; margin: 6px 2px;}
	.only-for-mobile {display:block;}
	.only-for-large {display:none;}

	.nav-tabs.mk-tabs > li > a, #dvTitle div, #dvTitle a, #tabTitleContainer a {padding:15px 5px 15px 45px;}
	.signal-type {width:100%;}
        .medi-mar-25 {margin-left:0px;}
    
    .city tbody tr td:first-child {width:5%;}
	.city-policy {width: 7%;}
        
        .policy {min-width: 1%;word-break: break-all;}
		.col-left25{margin-left:25px;}
/*	#idpanel_content .form-buttons .btn{margin-left: 0px !important;}*/
}
/* media - 768  ends here */

@media (max-width: 767px) {
	.move-orders {margin-top:10px; float:left; width:100%;}
	.move-orders.big a { margin: 15px 0 !important;width: 50%;}
	.mk-mulitiple-select-box.child , .move-orders.big{float:left; width:100%;}
	.move-orders a {float:left; width:50%;}
	.move-orders a.move-to-call-order {background:url(../images/arrow-down-orange.png) no-repeat 95% 0;}
	.move-orders a.move-to-available-call{background:url(../images/arrow-up-orange.png) no-repeat 5% 0;}
	.space-both-sides {padding-left:15px; padding-right:15px;}
	.grey-block {margin-bottom:15px; padding-bottom:15px;}
	.panel-tabs-mobile {display:block; width: 80%;margin: 0 auto;}
	.panel-tabs {display:none;}
	.form-buttons .btn {width:100%; margin:0 0 15px !important;}
	.sub-title h2 {text-align:center;}
	.sub-title .btn {width:70%; float:none; margin:15px auto 15px; display:block;}
	.panel-tabs-mobile {z-index:999; position:relative;}
	.wrapper {overflow-x:hidden !important;}
	.mk-tabs.mob {display:block;}
	.mk-tabs.lg {display:none;}
	.mob-space-top {margin-top:15px;}
	/*.mk-close-button {  position: absolute;     right: -15px;
    top: -5px;  width: auto;}
        .call-list-mk {position: relative;}*/
	.call-list-close-btn {padding-top: 35px;    position: relative; border-bottom:15px solid #fff; }
	.call-list-close-btn .mk-close-button{position: absolute;    right: 0;    top: 10px;    width: auto;}
	.grey-block {padding-bottom:0;}
	.off-top-row, .space-top-select {margin-top:0;}
	
	/* Off Canvas --------------------------------------------------*/
	#sidebar {padding-top:0;}
	  .row-offcanvas {
		position: relative;
		
	  }
	
	  .row-offcanvas-right {
		right: 0;
	  }
	
	  .row-offcanvas-left {
		left: 0;
	  }
	
	  .row-offcanvas-right
	  .sidebar-offcanvas {
		right: -50%; /* 6 columns */
	  }
	
	  .row-offcanvas-left
	  .sidebar-offcanvas {
		left: -50%; /* 6 columns */
	  }
	
	  .row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	  }
	#sidebar  .nav {margin-left:5%;}
	.sub-title h2 {text-align:center;}
	.sub-title .btn {width:70%; float:none; margin:15px auto 15px; display:block;}
	
	.form-buttons .btn {width:100%; margin:0 0 15px !important;}
	
	.panel-tabs-mobile {display:block; width: 80%;margin: 0 auto; z-index:98;}
	.mobile-tab {position:relative; z-index:9;}
	.panel-tabs {display:none;}
	
	.mk-tabs.mob {display:block; margin-right:0; width:100%; right:2%; top:-55px; /*position:absolute;*/ z-index: 99;}
	.mk-tabs.lg {display:none;}
	.tab-content {padding-top:15px;}
	.pagination>li>a, .pagination>li>span {padding: 2px 6px; margin: 6px 2px;}
	.only-for-mobile {display:block;}
	.only-for-large {display:none;}
	.search-select {width:100%; margin-top:15px; margin-left:0; float:left; height:50px;}
	.search-block {width: 100%; margin-right: 0;}	
	.search-area {width:100%; margin:0 auto}
	.title-tab-mobile {min-height:160px;}
	  .row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	  }
	
	  .sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	  }
	  .title h1 {/*min-height:160px;*/ font-size:20px;}
	  .title h1 span {font-size:16px;}
      .no-min-height h1 {min-height: initial;}
	  .sub-title {margin-top:15px;}
	  .sub-title h2 {font-size:25px;}
	  .csid-block {margin-bottom:15px;}
	  .border-block h3 {font-size:16px;padding: 10px 15px;min-height: 40px;}
	  #sidebar .dropdown-menu {min-width:100%; background-color:#5c5c5c; min-width: 99%; margin: 0 auto;width: 99%;}
	  #sidebar .dropdown-menu li.left-arrow {display:none;}
	  #sidebar .dropdown-menu li a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:98%; font-size:12px;}
	  #sidebar .dropdown-menu {position: relative; left: 0;float: none;box-shadow: none;border: none;background: #535353;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	  #sidebar .dropdown.open {padding-bottom:10px;}
	  .column-space-3,  .column-space-2 {margin-top:0;}	
          .floor-button .btn:first-child{margin-left:0px !important;}
          .floor-plan-button{margin-top:0px;}
          .phone-no a span{display: none;}
          .call-icon,.map-icon,.map-icon{padding-bottom: 8px;}
          .margin-T10{margin-top: 15px;}
          .phone-no{margin-right: 10px;}
          .dealer-info-title{margin-top: 0;}
          .mk-tabs{position: static;}
          .dealer-phno.phone-no{padding-top:0;}
          .dealer-phno.phone-no a span{display: block;}
          .dealer-phno.phone-no a.call-icon{display:block;}
}

@media (max-width: 740px) {	
	.container-fluid>.navbar-header {margin:0; float:left;}
	.logout-column.mobile-version-search {display:block; float:none; width:100%;}
	.logout-column.mobile-version-search input[type="text"]{width:60%; margin-bottom:15px;}
	.logout-column.mobile-version-search .btn {width:100%;}
	.logout-column.lg-screen-search input[type="text"], .logout-column.lg-screen-search .btn {display:none !important;}
	.logout-column a.logout {padding: 0 5px 0px 20px;margin:6px 15px 0 4px;}
        .description-break{
            min-width: 250px !important;
            white-space: pre-line !important;
            word-break: break-all !important;
    } 
     .white-space{white-space: normal !important;}
     
     .title .nav {margin-top: 25px;}
}
/* media - 740  ends here */ 
 
@media (max-width: 640px) {
	.search-block {width: 100%; margin-right: 0;}
	.search-select {width:100%; margin-top:15px;}
	.search-area {width:100%; margin:0 auto}
	
	/* hot fix */
	.mk-tabs {/* float: right; */position: static;float:none;}

	
	/* .carousel.custom .carousel-inner {width:100%;} */
	.carousel.custom .carousel-control.left {background-position:center center;}
	.carousel.custom .carousel-control.right {background-position:center center;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {margin:0 auto;}
	.title h1 {font-size:20px;}
	.dashboard-column h3 {font-size:14px;}
	.users-table .table > thead > tr > th {font-size:12px;}
	body, .form-control, label, .btn, .nav-tabs.mk-tabs > li > a.general, #tabTitleContainer a {font-size:12px;}
	.bootbox-body .table-responsive img{width:100%;}
    .col-left25{margin-left:0px;}    
    
    
    .navbar-header{
        width: 20%;
        float: left;
    }
    .logo{
        width: calc(80% - 20%);
    }
}
 /* media - 640  ends here */ 
 

 
@media (max-width: 500px) {
	.login-container, .login-container .logo-conatiner{width:100%;}
	.login-container{padding:0 20px 50px; margin:100px 0 20px;}
	.min.nav-tabs > li {width:100%;}
	.mk-mulitiple-select-box.child {width:100% !important; float: left}  
	.carousel.custom .carousel-inner {width:85%;} 
         
        .title .nav {float: left !important;margin-bottom: 10px;margin-top: 0;}
        .title .nav li {margin-right: 20px;margin-left:0px;}
	
}
@media (max-width: 480px) {
	.navbar.navbar-default {height:40px; overflow:hidden;}
	.carousel.custom .carousel-inner {width: 81%;}
	.mar-top-30 {margin-top:20px;}       
}

	


@media (max-width: 360px) 
{.logo img {width:150px;}.carousel.custom .carousel-inner {width:98%;}
 .search-select .col-xs-7{margin-left: -5px;} 
 .btn-mobile{width: 92%!important;} 

}
@media (max-width: 320px) {
    .small-block {display:block;} .lg-block {display:none;}.carousel.custom .carousel-inner {width:98%;}
    .dropdown:before{border-left:0px solid #fff;}
    .grant_slect_data ul li{width:100%;}
    .subscriber.title h1{width: 100%;}

}


/* collapsed sidebar styles */
@media screen and (min-width: 741px) {
	
	.container-fluid>.navbar-header {margin:0; float:left;}
}
@media (min-width: 768px) {
	.navbar-toggle {	display: block;	}
	.two-column {margin-left:5%; margin-right:5%;} 
	.row-offcanvas-left.active {left: 20%;width:82.5%;}
	.sidebar-offcanvas {position: absolute; top: 0; width: 25%;}
	.min-h-390 {min-height:390px;}
	.account-testing-container .account-testing-column {margin:0 5%;}
	.account-testing-container .account-testing-column.first-child {margin-left:0;}
	.account-testing-container .account-testing-column.last-child {margin-right:0;}
        .form-buttons {position: fixed; bottom: 10px; right: 0px; left: 0px;} 
}

.table-responsive {min-height: 0.01%;
    overflow-x: auto;}

.data-center{
    background-color: #f7f7f7;
    display: table;
    margin: 0 auto;
    width: 75%;
    padding: 10px;
}

/*Panel Report */

.panel-details a.panel-report .hover-menu {
    display: none;
    width:250px;
    position: absolute;
    z-index: 100;
    top: 35px;
    background: #f8fafb;
    padding-left: 5px;
    color: #000;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    font-weight: 600;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.panel-details a.panel-report:hover .hover-menu {
    display: block;
}
.panel-details a.panel-report .hover-menu li {
    padding-left:5px;
}
.panel-details a.panel-report .hover-menu li:hover {
    background:#ff8309;
    color:#fff;
}
.panel-navigate .dropdown-menu>li >ul > li > a {
    border-bottom: #e3e3e3 1px solid;
    line-height: 35px;
    margin-left: 2px;
    margin-right: 2px;
    color: #85929a;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
}
.dealer-code-list {
    font-size: 18px;
    position: relative;
    width: auto;
    margin-top: 10px;
}
.dealer-select {
    display: inline-block;
    float: left;
    position: relative;
    width: 100px;
    margin-left: 5px;
}
.dealer-text {
    float: left;
    width: 162px;
}
#sidebar li a.account-invoice {
    background: url(../images/invoice.png) no-repeat 10px center;
}
.setup-tab li a{
    background: #f8fafb;
    color: #000;
     font-size: 16px;
}
.setup-tab li.active a,.setup-tab li.active a:hover,.setup-tab li.active a:focus {
    background: #ff8309;
    color: #fff;
   
}
.setup-tab-content {
    margin-top: 30px;
}
#delete_option.form-horizontal .radio {
        min-height: 24px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
td.invoice-td {
    background: #ff8309;
    color: #fff !important;
}

td.invoice-td span {
    color: #fff;
    font-weight: bolder;
    }
.pl0 {
    padding-left: 0px;
}
.mt25 {
    margin-top: 25px;
}
.tbl_repeat tbody tr.phonecallorder_active{
color:#fff;
background-color: #fc850d;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tbl_repeat tbody tr.all_phonecallorder_active {cursor: pointer;}
.settings-dashboard {
    padding: 15px;
    border: 1px solid #cdd8de;

}
/* Multi fileld search styles */

  .block-search {
        margin-top: 40px;
        float: left;
        display: inline-block;
        width: 100%;
        margin-right: 0;
        border: 1px solid #e5e5e5;
        padding: 20px;
    }
    .block-search .subscriber-details label{
        color:#ff8309;
    }
    .block-search .subscriber-details input::-webkit-input-placeholder{
        color: #ddd;
    }
    .block-search .subscriber-details input::-moz-placeholder { /* Firefox 19+ */
        color: #ddd;
    }
    .block-search .subscriber-details input:-ms-input-placeholder { /* IE 10+ */
        color: #ddd;
    }
    .block-search .subscriber-details input:-moz-placeholder { /* Firefox 18- */
        color: #ddd;
    }
    .block-search legend {
        display: inline;
        padding: 0 10px;
        margin-bottom: 20px;
        line-height: inherit;
        color: #ff8309;
        border: 0;
        background: #f8fafb;
        margin-top: -35px;
        width:auto;
    }
    /* Multi fileld search styles end */
    .bgcolor-white{
        background: #ffffff !important;
    }
    .no-margin{
        margin: 0px !important;
    }
    .no-border{
        boder: 0px solid;
    }
    .no-padding{
        padding: 0px !important;
    }
	 .checkmark-container {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    right: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    /*background-color: #eee;*/
    border: 2px solid #d3d3d3;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
    display: block;
}
.checkmark-container input:focus ~ .checkmark {
    border: 1px dotted;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.checkmark-container input:checked ~ .checkmark {
    border: 2px solid #ff8309;
}

/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #ff8309;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-buttons.floor-button.floor-plan-button {
    position: fixed;
}
.form-buttons.floor-button ,
.carousel.custom ~ .form-buttons,
form#idSubInfoFrm .form-buttons ,
form#frm_rpt_calllist_helper .form-buttons {
    position: relative;
}
.form-buttons { z-index:99;}
.select2-container--default .select2-results__option--disabled {
    color: #999;
    position: relative;
    background: #e5e5e5; padding-left:32px;
}


.select2-search ~ .select2-results  .select2-results__option--selectable { padding-left: 6px !important; }
.select2-search ~ .select2-results  .select2-results__option--selectable:before { display:none;}
.select2-results .select2-results__option--selectable:before, .select2-container--default .select2-results__option--disabled:before {
    left: 10px;
    position: absolute;
    width: 19px;
    height: 19px;
    background: white;
    content: "";
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 0 4px; color:#666;
}
.select2-results .select2-results__option--selectable.select2-results__option--selected:before, .select2-container--default .select2-results__option--disabled:before {
    content: "\2713";
}
.select2-container--default .select2-selection--single .select2-selection__clear ,.select2-container--default .select2-selection--multiple .select2-selection__clear{
    height: 35px; 
    padding-right: 5px;
    font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow  { height:35px;}
.select2.select2-container--default .select2-selection {border-color: #d5d5d5; border-radius:0; min-height:35px;}
.select2-results .select2-results__option--selectable { padding-left: 35px !important; position:relative;}
.select2 .select2-selection--multiple {padding-right:30px !important; padding-left:30px !important; background: url(../images/search.png) no-repeat 10px center, url(../images/arrow-1.png) no-repeat right center;}  
.group-select .checkbox{background: none;}
.group-select .bootbox-body {
    width: 100%;
    display: inline-block;
	max-height: 200px; 
	overflow: auto;
}