@font-face {
   font-family:'Open Sans';
   src:url('../fonts/OpenSans-Regular.ttf'),
   url('../fonts/OpenSans-Regular.woff') format('woff'),
   url('../fonts/OpenSans-Regular.eot') format('eot'),
   url('../fonts/OpenSans-Semibold.ttf') format('ttf'),
   url('../fonts/OpenSans-Semibold.woff') format('woff'),
   url('../fonts/OpenSans-Semibold.eot') format('eot');
}
body{
	font-family: Open Sans !important;
    font-weight:400; color:#000;
	background:#ddd;
	}
b{ font-weight:600;}

.affix{
	top: 0;width:100%; z-index:9999;
  }
.affix + .container-fluid{
	padding-top: 70px;
  }

.login_btn{ background:#ff8c17; border:none;}
.login_btn:hover, .login_btn:active, .login_btn:focus, .login_btn:active:focus{ background:#666; border:none;}

.footer_text{ color:#ccc; font-size:12px;}
.footer_text a{ color:#ff8c17;}
.orange-color{color:#ff8c17;}
.color_orange{color:#ff8c17;}
.red-color{color:red;}
.text-white{color:#FFF;}
.gray-color{color:#999;}

.radius-none{ border-radius:0;}

.mrgn_btm{ margin-bottom:0;}

.SDF_symbol{ background:url(../images/symbol.png) no-repeat; height:20px; width:20px; float:left;}
.SDF_symbol_col{ background:url(../images/symbol-colr.png) no-repeat; height:20px; width:15px; float:left;}

@media (max-width:539px) {.col-xs-offset_4{margin-right:30%;}}
@media (min-width:540px) and (max-width:766px) {.col-xs-offset_4{margin-right:44%;}}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background-color: #121212;}
::-webkit-scrollbar-thumb {
				background-color:#ff8c17;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;
				-o-border-radius:2px;border-radius: 2px;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-corner {background-color: #000000;}



.radius_none{ border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px;}
label{ font-weight:600}

.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.padding-25{padding:25px;}

.nopadding{ padding:0px; margin:0px;}
.margin-top-0 { margin-top:0px;}
.margin-top-5 { margin-top:5px;}
.margin-top-10{ margin-top:10px;}
.margin-top-15{ margin-top:15px;}
.margin-top-20{ margin-top:20px;}
.margin-top-25{ margin-top:25px;}
.margin-top-30{ margin-top:30px;}
.margin-top-60{ margin-top:60px;}
.margin-top-70{ margin-top:70px;}
.margin-bottom-0  { margin-bottom:0px;}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}

.margin-left-5 {margin-left:5px;}
.margin-right-0{margin-right:0px !important;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-right-25{margin-right:25px;}
.margin-right-30{margin-right:30px;}
.margin-right-35{margin-right:35px;}


.brorder-radius-6{border-radius: 5px;-moz-border-radius: 5px;-web-border-radius: 5px;}
.error-msg{background: #ff0000; padding: 5px; margin-bottom: 5px; color: #fff;border-radius: 10px;-moz-border-radius: 10px;-web-border-radius: 10px;}
.success-msg{background: #008000; padding: 5px; margin-bottom: 5px; color: #fff;border-radius: 10px;-moz-border-radius: 10px;-web-border-radius: 10px;}
#header{padding:5px 0; background:#FFF}
#logo img{width:120px; height:60px;}
/*#client_logo img{width:120px; height:64px;}*/
@media screen and (max-width:767px) {
	#logo img{width:110px; height:50px;}
	#client_logo img{width:110px; height:50px;}
}

.label,.glyphicon { margin-right:5px; }
.label,.fa {/* margin-right:5px;*/ }


#header_bgimg{
	background: url('../images/bg-header.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	/*border-bottom: 15px solid #f2f2f2;*/
}

#header_bgimg .overlay{
	background: rgba(22, 22, 22, 0.3);
	padding-top:30px;
	padding-bottom:55px;
}

#main{
	background-color: #fff;
	padding: 20px;
	margin-top: -55px;
	/*-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
			border-radius: 4px;*/
	border-bottom: 4px solid #ddd;
	margin-bottom:20px;
	min-height:400px;
}
.main_content{ padding:0 60px ;}
@media (max-width: 640px) {
	.main_content{ padding:0 10px ;}
	#main{padding:10px;}
}


.bg-blue{background:#0099cc}/*61a706*/
.bg-orange{background:#ff7700}
.bg-green{background:#61A706}
.bg-red{background:#cc0000}
.bg-grey{background:#666; color:#000}

.text-white{color:#fff}

.add_button{font-size:16px; color:#fff; margin-top: 5px;}

@media screen and (max-width:480px) {
	.btn_49{ width:100% !important; margin-bottom:10px;}
}


.btn_49{ width:49%;padding-bottom:10px; padding-top:10px;font-weight:bold}

.btn_size{padding-bottom:10px; padding-top:10px;font-weight:bold}

/*	Pagination
	==========================================*/
.dataTables_paginate.paging_bootstrap.pagination{/*margin-top: 20px !important;*/}
.dataTables_paginate.paging_bootstrap.pagination li {
	float: left;
	margin: 0 1px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		-ms-border-radius: 3px;
		 -o-border-radius: 3px;
	list-style: none;margin-bottom:5px;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a{color: #888;}
.dataTables_paginate.paging_bootstrap.pagination li a{
	color: #000;
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a{
	color: #fff;
	background: #0099cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		-ms-border-radius: 3px;
		 -o-border-radius: 3px;
}
.dataTables_paginate.paging_bootstrap.pagination {
	float: right;
	margin-top: -5px;
	margin-bottom: 15px;
}

/*  BREADCRUMB
	==========================================*/
.breadcrumb{
	background-color: #e7e7e7;
	border-bottom: 3px solid #ddd;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
}
.breadcrumb li a{
	color: #34495e;
}

.breadcrumb > li+li:before{
	font-family: FontAwesome;
	content: '\f054';
}
.breadcrumb.breadcrumb-primary li a,
.breadcrumb.breadcrumb-success li a,
.breadcrumb.breadcrumb-info li a,
.breadcrumb.breadcrumb-warning li a,
.breadcrumb.breadcrumb-danger li a{
	color: #fff;
}
.breadcrumb.breadcrumb-primary li.active,
.breadcrumb.breadcrumb-success li.active,
.breadcrumb.breadcrumb-info li.active,
.breadcrumb.breadcrumb-warning li.active,
.breadcrumb.breadcrumb-danger li.active{
	color: #ddd;
}
.breadcrumb.breadcrumb-primary{
	background-color: #16a085;
	border-bottom: 3px solid #16a085;
}
.breadcrumb.breadcrumb-success{
	background-color: #2ecc71;
	border-bottom: 3px solid #27ae60;
}
.breadcrumb.breadcrumb-info{
	background-color: #3498db;
	border-bottom: 3px solid #2980b9;
}
.breadcrumb.breadcrumb-warning{
	background-color: #f1c40f;
	border-bottom: 3px solid #f39c12;
}
.breadcrumb.breadcrumb-danger{
	background-color: #e74c3c;
	border-bottom: 3px solid #c0392b;
}

/* ====================================== Customer =================================== */
.text_red{ color:red}
.submit_date{background:#c60; border:1px solid #ccc !important; font-weight:bold; outline:none !important;}
.border_none{ border:1px solid #fff; }
.form_label label{padding-left:0px; font-weight:400}
.cursor_default{cursor:default;}
.customer_heading{color:#fff; padding:5px 0; font-size:24px; font-weight:300;
background: #5e5e5e;
background: -moz-linear-gradient(top, #5e5e5e 0%, #131313 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #5e5e5e), color-stop(100%, #131313));
background: -webkit-linear-gradient(top, #5e5e5e 0%, #131313 100%);
background: -o-linear-gradient(top, #5e5e5e 0%, #131313 100%);
background: -ms-linear-gradient(top, #5e5e5e 0%, #131313 100%);
background: linear-gradient(to bottom, #5e5e5e 0%, #131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#131313', GradientType=0 );
}
@media (min-width: 1200px) {.margin_left{margin-left:8px;}}
@media (min-width:1199px) {.pading_left{padding-left:8px;}}

.text_hd th{ background:#ff8c17; color:#fff; font-weight:400}
.date_bg{ background:#009899;color:#fff;padding:8px}
                   /*#0099cc*/

@media (min-width:320px) and (max-width:875px){.date_pdg_5{ padding-bottom:5px; margin-bottom:0px !important;}}

/*  Menu
	==========================================*/
@media (min-width: 768px) {
.dealer-nav {
	border-radius:0px !important;
	}
}
.dealer-nav { border-radius:none;border:none !important;
   background: #ff8c17;
   margin-bottom:0px;
}
.dealer-nav .navbar-brand { border:none;
  color: #fff;
}
.dealer-nav .navbar-brand:hover,
.dealer-nav .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.dealer-nav .navbar-text {
  color: #fff;
}
.dealer-nav .navbar-nav > li > a { outline:none;
  color: #fff;
}
.dealer-nav .navbar-nav > li > a:hover,
.dealer-nav .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
}
.dealer-nav .navbar-nav > .active > a,
.dealer-nav .navbar-nav > .active > a:hover,
.dealer-nav .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #c6eeee;
}
.dealer-nav .navbar-nav > .disabled > a,
.dealer-nav .navbar-nav > .disabled > a:hover,
.dealer-nav .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.dealer-nav .navbar-toggle {
  border-color: #fff;
}
.dealer-nav .navbar-toggle:hover,
.dealer-nav .navbar-toggle:focus {
  background-color: #ddd;
}
.dealer-nav .navbar-toggle .icon-bar {
  background-color: #fff;
}
.dealer-nav .navbar-collapse,
.dealer-nav .navbar-form {
  border-color: #e7e7e7;
}
.dealer-nav .navbar-nav > .open > a,
.dealer-nav .navbar-nav > .open > a:hover,
.dealer-nav .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #e7e7e7;
}


@media (max-width: 767px) {
  .dealer-nav .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .dealer-nav .navbar-nav .open .dropdown-menu > li > a:hover,
  .dealer-nav .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  .dealer-nav .navbar-nav .open .dropdown-menu > .active > a,
  .dealer-nav .navbar-nav .open .dropdown-menu > .active > a:hover,
  .dealer-nav .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .dealer-nav .navbar-nav .open .dropdown-menu > .disabled > a,
  .dealer-nav .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .dealer-nav .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #000;
    background-color: transparent;
  }
}
.dealer-nav .navbar-link {
  color: #777;
}
.dealer-nav .navbar-link:hover {
  color: #333;
}
.dealer-nav .btn-link {
  color: #777;
}
.dealer-nav .btn-link:hover,
.dealer-nav .btn-link:focus {
  color: #333;
}
.dealer-nav .btn-link[disabled]:hover,
fieldset[disabled] .dealer-nav .btn-link:hover,
.dealer-nav .btn-link[disabled]:focus,
fieldset[disabled] .dealer-nav .btn-link:focus {
  color: #ccc;
}

.vehicle{background:url(../images/steering.png) no-repeat; width:16px; height:18px; padding-right:20px;}



/*Vehicle Details*/

/* Tabs panel */
/*.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}*/

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a { outline:none;padding-left:30px; padding-right:30px; font-weight:400; font-size:15px;
  border: 0;
  margin-right: 0;
  color: #000;/* border-bottom:1px solid #C60;*/
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom:4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #61a706;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;  padding-left:30px; padding-right:30px; font-weight:300;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #61a706;
  padding: 15px 0px;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tab-content > .tab-pane {

  overflow:hidden;
}

/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}



/* ====Tabs panel-Center==== */
@media (max-width:640px) {.bg_orange{background-color: #c60; }}
.tabs-line > .nav-tabs>li>a {
  background-color: #c60;
   color:#fff; border-radius:0px; outline:none !important; border:none;
}
                /*#61a706*/

/* active tab color */
.tabs-line > .nav-tabs>li.active>a, .tabs-line > .nav-tabs>li.active>a:hover, .tabs-line > .nav-tabs>li.active>a:focus {
  color: #000;
  background-color:#ccc;
  border:none; border-bottom:1px solid #61a706; font-weight:bold;
}

/* hover tab color */
.tabs-line > .nav-tabs>li>a:hover {
  /*border-color: #61a706;*/
  /*background-color: #61a706; color:#fff;*/
}

.tabs-line > .nav-tabs> li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

/* center tabs */
.tabs-line > .nav-tabs, .nav-pills {
    text-align:center;
}

/* line below tabs */
.tabs-line > .nav-tabs {
    border-bottom:2px solid #61a706;
}

 .image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}



.fileUpload {
position: relative;
overflow: hidden; padding:0px 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileUploadInput{float:left; padding:8px 10px; border-radius:0px; border:1px solid #ccc; width:75%; margin-right:5px;}



/* ======== Vehicles ======== */
@media screen and (min-width:801px) {
	.width_25{ width:20%;}
	}

.img-calendar{background:url(../images/calendar.png) no-repeat right}
.img-time{background:url(../images/time.png) no-repeat right}




/*NAV BAR*/
.navbar {min-height:30px;}
.navbar-nav > li > a{padding-top: 10px;padding-bottom:10px;}

.doc-nav > li > a {
	/*height:40px !important; */
    color: #5a5a5a;
	/*margin-top:5px;
 	padding-top:10px;
    padding-bottom:10px;*/
	position: relative;
    padding-left:15px;
    padding-right:10px;
	font-size: 14px;
    line-height: 20px;
    font-weight:Normal;
    /*text-transform:uppercase;*/
}
.doc-nav > li >a:hover{background:#fff;}
/*.doc-nav .open>a, .doc-nav .open>a:focus, .doc-nav .open>a:hover{background:#fff;}*/
.doc-nav > li > a:after {
    content: '';
    position: absolute;
    height: 3px;
   /* background-color:#d9ad1a; */
    width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
}
.doc-nav >li> .dropdown-menu{
	left:0;
    right:auto;
    background-color:#fff;
	position:absolute;
	top: 100%;
    min-width: 100%;
	margin-top:10px;
    -webkit-animation: fadeInDown 400ms;
  -moz-animation: fadeInUp 400ms;
  -ms-animation: fadeInUp 400ms;
  -o-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
  -webkit-backface-visibility: hidden;
  box-shadow: 5px 5px rgba(102,102,102,.1);
}
.doc-nav > li:hover > a:after {
    width: 100%;
	background-color: #000;
}

.doc-nav > li:hover .dropdown-menu {
	display:block;
	margin-top:0;

}

.text-grey{color:#666;}
.welcome_msg{color:#ff8c17; text-align:right;}
.welcome_msg h4{ font-size:22px; }
.welcome_msg small{color:#666;}

@media screen and (max-width:767px) {.welcome_msg {margin-top:0px !important; margin-bottom:5px; padding-top:0px !important;text-align:center;}
	.welcome_msg h4{margin-top:5px !important; margin-bottom:5px; padding-top:0px !important;text-align:center; font-size:16px}

	}
@media screen and (max-width:740px) {.username{ text-align:left}}


.map_bg{background: rgba(131,184,230,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(131,184,230,1) 0%, rgba(131,184,230,1) 35%, rgba(28,70,107,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(131,184,230,1)), color-stop(35%, rgba(131,184,230,1)), color-stop(100%, rgba(28,70,107,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(131,184,230,1) 0%, rgba(131,184,230,1) 35%, rgba(28,70,107,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(131,184,230,1) 0%, rgba(131,184,230,1) 35%, rgba(28,70,107,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(131,184,230,1) 0%, rgba(131,184,230,1) 35%, rgba(28,70,107,1) 100%);
background: radial-gradient(ellipse at center, rgba(131,184,230,1) 0%, rgba(131,184,230,1) 35%, rgba(28,70,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b8e6', endColorstr='#1c466b', GradientType=1 );
border:4px solid #fff;}

.home_map_count{background:#fff !important; padding:10px; margin-top:5px;}

.home_map_count_mrg{ margin-top:65px;}
@media screen and (max-width:960px) {.home_map_count_mrg{ margin-top:0px;}}


@media screen and (max-width: 360px) and (min-width: 300px) {.map_height{min-height:310px ;}}
@media screen and (max-width: 448px) and (min-width: 361px) {.map_height{min-height:380px ;}}
@media screen and (max-width:990px) and (min-width:449px) {.map_height{min-height:445px ;}}
@media screen and (max-width:1163px) and (min-width:991px) {.map_height{min-height:440px ;}}
@media screen and (min-width:1164px) {.map_height{min-height:420px ;}}


.hd_tagline{font-size:26px; font-style:italic; font-family:'Sansation Light';color:#fff;margin-top:40px;text-align:right}

.border_btm{border-bottom:4px solid #ff7700}

/*******************************
* Does not work properly if "in" is added after "collapse".
*******************************/
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px; background:#f6f6f6;
}

.panel-title > a {
	display: block;
	padding:12px 15px;
	text-decoration: none; font-weight:bold;
}

.more-less {
	float: right;
	color: #212121;
}

.err-msg {
  font-size: 12px;
  color: #ff7700;
}

td.dataTables_empty {
    text-align: center;
    font-size: 16px;
    color: #455a64;
}

.uploadButt {
  margin-bottom: 15px;
}

.table-bordered > tbody > tr > td {
    border: 1px solid #ccc;
}

.control {
  display: block;
  position: relative;

  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position:inherit;
  top: 2px;
  left: 0;
  height:18px;
  width:18px;
  background:#fff;
  border:1px solid #0099cc;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #0099cc;
}
.control input:checked ~ .control__indicator {
  background: #0099cc;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0099cc;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left:5px;
  top:1px;
  width:6px;
  height:12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.role-list{
  width:100%;
}
.role-list tr td{
  border-bottom: 1px solid #ddd;
  padding: 5px;
  height: 32px;
display: inline-block;
width: 100%;
}

.options {
  display: none !important;
}

/*24-08-2017*/

/*sada css*/
.blue-strip{
  padding:8px; 
  margin:10px 15px;
  background:#00A1B4; 
  color:#fff; 
  font-size: 15px;
}
.table-shadow > tbody > tr > td{
      border: 1px solid #fff;
    box-shadow: 1px 2px 4px #eee;
    padding: 10px;
}
.table-shadow {
    border: none;
    box-shadow: 1px 3px 8px #eee;
        margin: 0px;
}
.table-inner > tbody > tr > td{
      
    padding: 10px;
}
.table-inner {
    border: none;
    box-shadow: 1px 3px 8px #eee;
        margin: 0px;
}

.plant-stock .panel-title > a {
    padding: 0px;
    }
 .plant-stock .panel-body {
    padding: 0px;
}   
.plantstock-dropdown-row {
    background: #f9f9f9;
    padding: 10px;
    margin: 25px 0px;
}
.plant-stock-model-row{
        background: #ff8c17;
    color: #fff;
    font-weight: 400;
    padding: 6px 0px;
}
.plant-stock-model-row div {
    padding-top: 6px;
  
    padding-bottom: 6px;
    font-size: 15px;
}

a.close.row {
    margin: 0px;
    color: red !important;
    opacity: 1;
    font-size: 12px;
  }
.psm-row.row {
    padding: 10px;
    box-shadow: 0px 0px 6px #ccc;
    margin: 10px 0px;
}
.plantstock-dropdown-row button {
    width: 100%;
}
#plantstockpopup .modal-header {
    border-bottom: 0px !important;
}
#plantstockpopup .table-shadow > tbody > tr > td {
    border: 0px solid #fff;
    box-shadow: 6px 3px 4px #f9f9f9;
}
.plant-stock .table-inner tr td {
    padding-left: 18px;
}
#plantstockpopup button {
    width: auto;
}
#plantstockpopup button.close {
    width: auto;
}
.plant-stock .panel-title > a:hover, .plant-stock .panel-title > a:active, .plant-stock .panel-title > a:focus {
    text-decoration: none;
}
.psm-row td {
    border: 0px !important;
}
.psm-row .table {
    margin-bottom: 0px;
}
.psm-row table tr td {
    width: 33%;
}
.second-table tr td:first-child {
    text-align: center;
}
.plant-stock-model-row select {
    width: 70%;
}
@media (max-width:767px) {
  .margin-top-xs{margin-top:15px;}
  .second-table input[type="text"] {
    width: 100px;
    float: right;
  }
}
.circle-active{ background:#09afdf}




/*naiduCSS 10-10-2017*/
.block-bg{background: #e5f2f9;padding:10px;   overflow-x:hidden;  margin-bottom:15px;-webkit-box-shadow:0px 3px 3px 0px #ccc;
-moz-box-shadow: 0px 3px 3px 0px #ccc;box-shadow: 0px 3px 3px 0px #ccc;}
.control-checkbox {
    position: relative;
    padding-left:25px;
    margin-right: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-weight:normal;
}

/* Hide the browser's default checkbox */
.control-checkbox input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height:18px;
    width:18px;
    background-color: #eee;
	border:1px solid #2196F3;
}

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

/* When the checkbox is checked, add a blue background */
.control-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;border:1px solid #2196F3;
}

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

/* Show the checkmark when checked */
.control-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.control-checkbox .checkmark:after {
    left:6px;
    top:2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.p-t-0{ padding-top:0px !important;}
.m-l-r-0{ margin-left:0px; margin-right:0px}
.m-l-r-5{ margin-left:5px; margin-right:5px}
.m-l-r-10{ margin-left:10px; margin-right:10px}
.m-l-r-15{margin-left:15px; margin-right:15px ;}

.p-l-r-0{ padding-left:0px; padding-right:0px}
.p-l-r-5{ padding-left:5px; padding-right:5px}
.p-l-r-10{ padding-left:10px; padding-right:10px}
.p-l-r-15{padding-left:15px; padding-right:15px}

/*-- 07-11-2017 --*/
.m-l-0{ margin-left:0px !important;}
.m-l-5{ margin-left:5px !important;}
.m-l-10{ margin-left:10px !important;}
.m-l-15{ margin-left:15px !important;}
.m-l-20{ margin-left:20px !important;}

.m-b-0{ margin-bottom:0px !important;}
.m-b-5{ margin-bottom:5px !important;}
.m-b-10{ margin-bottom:10px !important;}
.m-b-15{ margin-bottom:15px !important;}
.m-b-20{ margin-bottom:20px !important;}

.p-l-0{ padding-left:0px !important}
.p-l-5{ padding-left:50px !important}
.p-l-10{ padding-left:10px !important}


.p-r-0{ padding-right:0px !important}
.p-r-5{ padding-right:0px !important}

.p-b-0{ padding-bottom:0px !important;}

.input-group-addon {
    padding:6px 10px;
    
}