/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 * Developer 	 : Manoj Kasar
 */
body {
  background-color: #ffffff; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; line-height:20px;}
.icon-rotate-90 {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.authy4cms {overflow-x: hidden; overflow:hidden}
#wrapper {width: 100%;height:100%;background:#bde6f6; position:relative;}
#page-wrapper {padding: 0 15px;min-height: 568px;background: #fff;}
.btn {border:none;padding:7px 25px;}
li.sidebar-search .btn {padding:6px 12px;}
.page-header {margin:10px 0 0; border:none;}
h1 { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:400; color:#505050;}
h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500;}
h3 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; color:#505050;}
h4{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:500;  color:#505050;}
section {margin-bottom:30px;}
a#menu-toggle {margin-right:10px;}
.marl10 {margin-left:10px;}
.mart0 {margin-top:0px;} .mart5 {margin-top:5px;} .mart10 {margin-top:10px;} .mart20 {margin-top:20px;} .mart30 {margin-top:30px;} .mart50 {margin-top:50px;}
.marl0 {margin-left:0px;} .marl5 {margin-left:5px;} .marl10 {margin-left:10px;} .marl20 {margin-left:20px;} .marl30 {margin-left:30px;}
.marb0 {margin-bottom:0px;} .marb5 {margin-bottom:5px;} .marb10 {margin-bottom:10px;} .marb20 {margin-bottom:20px;} .marb30 {margin-bottom:30px;} .marb50 {margin-bottom:50px;}
.marb10imp {margin-bottom:10px !important;}
.padding0 {padding:0 !important;} .margin0 {margin:0 !important;}
.paddt5 {padding-top: 5px;} .paddt10 {padding-top:10px;} .paddt15 {padding-top:15px;} .paddt20 {padding-top:20px;} .paddt25 {padding-top:25px;} .paddt30 {padding-top:30px;}
.paddb0 {padding-bottom:0;} .paddb10 {padding-bottom:10px;} .paddb15 {padding-bottom:15px;} .paddb20 {padding-bottom:20px;} .paddb25 {padding-bottom:25px;}.paddb30 {padding-bottom:30px;} .paddb150 {padding-bottom:130px;}
.paddl10 {padding-left:10px;}
span.br {display:block;}
.btn-primary {background:#01a0e2} .btn-primary:focus, .btn-primary:hover {background:#404040 !important;color:#fff !important;}
.no-space {padding:0;} .no-left-space {padding-left:0} .no-right-space {padding-right:0;}
.txtalignc {text-align:center;} .txtalignr {text-align:right} .txtalignl {text-align:left}
div.clear {clear:both;}
#wrapper li.sidebar-search .custom-search-form input {border: none; border-top-left-radius:4px;  border-bottom-left-radius:4px	}
#wrapper li.sidebar-search .custom-search-form .input-group-btn button {height:34px;border-left:1px solid #eaeaea;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align:middle;}
.fz20 {font-size:20px;}
.well {padding:15px; border:none;box-shadow:none;}
.push-left {float:left;} .push-right {float:right;}
.dropdown div.btn {border-radius: 0; width: 100%; text-align: left; background: #dddddd; padding: 7px 8px; vertical-align: middle;}
.dropdown div.btn .icon-rml-dropdown {float: right; padding-top: 0;}
.dropdown div.btn .icon-rml-dropdown:before {vertical-align:middle;}
.open>.dropdown-menu {width:100% !important; border-radius:0; min-width:100%; max-height:200px; overflow-y:auto; overflow-x:hidden;position:absolute;}
.table-responsive tr th {color:#999;font-weight:normal;font-size:14px;}
.form-control {border-radius:0;}
.main-container-border {border:1px solid #ccc; padding:15px; margin-bottom:15px;}
.main-container {background:#0095ce; padding:15px;} 
/*Sidebar toggled CSS*/
#wrapper.toggled .sidebar {width: 40px;}
#wrapper.toggled #page-wrapper {margin:0 0 0 40px;}
#wrapper.toggled li.sidebar-search {display:none;}
#wrapper.toggled li span.fa, #wrapper.toggled li span.menu-label {display:none;}
#wrapper.toggled li:hover span.menu-label{position: absolute; left: 40px; top: 0; background: #343434; padding: 10px 11px; display: block; color: #fff;    width: auto; min-width:160px; cursor:default;}
#wrapper.toggled li ul {display:none;}
#wrapper.toggled .nav>li>a {padding:10px 11px; cursor:default;}
#wrapper .navbar {min-height:72px;}
#wrapper .navbar-brand {padding:0 10px;}
#wrapper .navbar i, #wrapper .navbar .icon {padding-right:5px; vertical-align:middle;}
.navbar-static-top {background:#3d3d3d;border-bottom:1px solid #343434;}
.navbar-top-links {margin: 8px 0 0;}
.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child {margin-right: 15px;}
.navbar-top-links li a {padding: 10px;min-height: 20px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff;}
.navbar-top-links li ul.dropdown-user li a {color:#000 !important;}
.navbar-top-links li ul.dropdown-user li span {display:block;}
.navbar-top-links li a:hover, .navbar-top-links li a:focus { color:#fff; background:none;}
.navbar-top-links li i.fa-caret-down {color:#fff !important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color:#fff; background:none;}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li.acc_switch a {display:inline-block; padding-right:10px;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {width: 310px;min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0;left: auto; min-width:200px; padding:10px;}
.sidebar {background:transparent;color:#fff;}
.sidebar a {color:#343434; background:transparent;}
.sidebar .nav>li>a {font-size:15px;}
.sidebar .nav>li>a:focus, .sidebar .nav>li>a:hover {background:#6ac7eb; color:#fff;}
/*#wrapper .sidebar .nav>li>a:hover i, #wrapper .sidebar .nav>li>a:focus i {color:#fff;}*/
.sidebar .sidebar-nav.navbar-collapse {padding-left: 0;padding-right: 0;}
.sidebar .sidebar-search {padding: 0px 15px 15px;}
/*.sidebar ul li {border-bottom: 1px solid #92dcf9;}*/
.sidebar ul li a.active {background-color: #6ac7eb; color: #fff;}/*#4c4c4c*/ 
.sidebar .arrow {float: right;}
.sidebar .fa.arrow:before {content: "\f104";}
.sidebar .active > a > .fa.arrow:before {content: "\f107";}
.sidebar .nav-second-level li, .sidebar .nav-third-level li {border-bottom: none !important;}
.sidebar .nav-second-level li.menu-pos-rel{position:relative}
.sidebar .nav-second-level li.menu-pos-rel span.add-on a {position:absolute; top:28px; color:#01a0e2;}
.sidebar .nav-second-level li a {padding-left: 37px;}
.sidebar .nav-third-level li a {padding-left: 52px;}
.fa-eye {cursor:pointer;}
.btn-outline {color: inherit;background-color: transparent;transition: all .5s;}
.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
  color: white;}
.chat {margin: 0; padding: 0; list-style: none;}
.chat li {margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #999999;}
.chat li.left .chat-body { margin-left: 60px;}
.chat li.right .chat-body { margin-right: 60px;}
.chat li .chat-body p {margin: 0;}
.panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px;}
.chat-panel .panel-body {height: 350px;overflow-y: scroll;}
.login-panel {margin-top: 25%;}
.flot-chart {display: block;height: 400px;}
.flot-chart-content {width: 100%; height: 100%;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled { background: transparent;}
table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome;}
table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome;color: rgba(50, 50, 50, 0.5);}
.btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429;}
.btn-circle.btn-lg {width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33;}
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33;}
.show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important;}
.show-grid { margin: 15px 0;}
.huge { font-size: 40px;}
.panel-green { border-color: #5cb85c;}
.panel-green > .panel-heading { border-color: #5cb85c;color: white;background-color: #5cb85c;}
.panel-green > a {color: #5cb85c;}
.panel-green > a:hover {color: #3d8b3d;}
.panel-red {border-color: #d9534f;}
.panel-red > .panel-heading {border-color: #d9534f;color: white; background-color: #d9534f;}
.panel-red > a {color: #d9534f;}
.panel-red > a:hover {color: #b52b27;}
.panel-gray {border-color: #cccccc;}
.panel-gray > .panel-heading {border-color: #303030;color: white;background-color: #303030; font-weight:400; font-size:15px;}
.panel-gray > a {color: #f0ad4e;}
.panel-gray > a:hover {color: #df8a13;}
.panel-heading {font-weight:700; font-size:16px;}
.timeline {position: relative; padding: 20px 0 20px; list-style: none;}
.timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #eeeeee;}
.timeline > li { position: relative;  margin-bottom: 20px;}
.timeline > li:before, .timeline > li:after {content: " ";display: table;}
.timeline > li:after { clear: both;}
.timeline > li:before, .timeline > li:after { content: " "; display: table;}
.timeline > li:after { clear: both;}
.timeline > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid #d4d4d4; border-radius: 2px;  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -15px; border-top: 15px solid transparent;
  border-right: 0 solid #ccc; border-bottom: 15px solid transparent; border-left: 15px solid #ccc;}
.timeline > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -14px; border-top: 14px solid transparent;
  border-right: 0 solid #fff; border-bottom: 14px solid transparent; border-left: 14px solid #fff;}
.timeline > li > .timeline-badge { z-index: 100; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #fff; background-color: #999999;}
.timeline > li.timeline-inverted > .timeline-panel { float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
.timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0;}
.timeline-badge.primary { background-color: #2e6da4 !important;}
.timeline-badge.success { background-color: #3f903f !important;}
.timeline-badge.warning { background-color: #f0ad4e !important;}
.timeline-badge.danger { background-color: #d9534f !important;}
.timeline-badge.info { background-color: #5bc0de !important;
}.timeline-title { margin-top: 0; color: inherit;}
.timeline-body > p, .timeline-body > ul { margin-bottom: 0;}
.timeline-body > p + p { margin-top: 5px;}
.form-group label {padding:0 5px;}
.select_date {padding-bottom:10px;margin-bottom:15px; border-bottom:1px solid #ccc;}
.table-chat-report {max-width:200px; margin:0 auto; color:#fff; border:1px solid #fff; padding:15px;}
.DeliveryStatusChart h2 {color:#fff;}
.ChartWrap {width:100%; background:#fff; min-height:250px;}
footer {background:#3d3d3d; color:#fff; width:100%; display:inline-block; padding:10px 0;}
footer .copyright {font-size:12px;}
footer .footer-nav ul {margin:0;padding:0; list-style:none}
footer .footer-nav ul li {display:inline-block;}
footer .footer-nav ul li a {color:#fff; border-right:1px solid #ccc;padding:0 10px 0 0; margin:0 10px 0 0; font-size:13px;}
footer .footer-nav ul li:last-child a {border:none;}
label {font-weight:normal;margin:0;}
p.trai_regu a {color:#fff;}
button.close {font-size:20px; padding:5px;}
/*Table CSS*/
table {background:#fff; margin:0 auto;}
table tr td, table tr th {padding:10px; vertical-align:middle;}
table.noborder tr td, table.noborder tr th {border:none;}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color:#f7f7f7;
 }
table tr th.heading {background:#bde6f6; text-align:center; color:#343434; font-size:16px; font-weight:bold; padding:15px;}
tfoot tr td {background:#bde6f6;}

a.per_help { font-size:12px; cursor:pointer}
div.list_select {width:100%; height:100px; border:1px solid #ccc; overflow:scroll;overflow-x: hidden; overflow-y: scroll; padding:10px; margin-top:10px;}
div.list_select ul {list-style:none; margin:0; padding:0}
div.list_select ul li {width:100%; display:block;}
.maincontentwrp {padding: 15px;height:100vh;min-height:768px;}
.website_theme .maincontentwrp ul li {list-style:disc;list-style-position:inside}
/*Custom CSS for Radio and Checkbox*/
/*.checkbox label, .radio label {min-height:18px}
input[type=radio] {display:none;}

input[type=radio] + label{padding:0 0 0 31px;display:inline-block;line-height:18px;background-repeat:no-repeat;cursor:pointer;margin-bottom:10px;}
input[type=radio]:checked + label {background-image:url('../images/radio_check.png'); color:#000;}
.radio label{background-image:url('../images/radio_uncheck.png');} 
input[type=checkbox].check1 {display:none;}
input[type=checkbox].check1 + label.label1{padding:0 0 0 35px;display:inline-block;line-height:20px;background-repeat:no-repeat;cursor:pointer;}
input[type=checkbox].check1:checked + label.label1 {background-image:url('../images/check_img.png'); color:#000;}
label.label1{background-image:url('../images/uncheck_img.png');}
input[type=checkbox].check1 + label.disabled, .check1-inline.disabled, input[type=radio]:checked + label.disabled, .radio-inline.disabled  {cursor: not-allowed; opacity: .4;}*/

/*Form Styling*/
.checkbox {padding-left: 20px;}
.checkbox label {display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.checkbox label::before {top:1px;content: "";display: inline-block;position: absolute; width: 17px; height: 17px;left: 0;margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px;
  padding-top: 1px;font-size: 11px; color: #555555;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {opacity: 0;z-index: 1;cursor: pointer;}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome";
  content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display: block; content: "";
  width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px;}
.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled { cursor: not-allowed;}
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed;}
.checkbox.checkbox-circle label::before { border-radius: 50%;}
.checkbox.checkbox-inline { margin-top: 0;}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {color: #fff;}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before {  background-color: #337ab7; border-color: #337ab7;}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after {  background-color: #fff;}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f;  border-color: #d9534f;}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after {  background-color: #fff;}
.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de; border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e; border-color: #f0ad4e;}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,.checkbox-warning input[type="radio"]:indeterminate + label::after {  background-color: #fff;}
.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before {  background-color: #5cb85c; border-color: #5cb85c;}
.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff;}

.radio { padding-left: 20px; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px;
  border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer;}
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled {cursor: not-allowed;}
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }

.radio-primary input[type="radio"] + label::after {background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c; }

input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {color: #fff; }
input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {color: #fff; }

/*Sidebar Positions CSS*/
body.Menupos_left .sidebar {left:0;}
body.Menupos_right .sidebar {right:0;}
body.Menupos_right a#menu-toggle {float:right; margin:0;}
body.Menupos_right #wrapper.toggled #page-wrapper {margin:0 40px 0 0;}
body.Menupos_right #wrapper.toggled li:hover span.menu-label {right:40px; left:-165px;}
body.Menupos_top .sidebar {width:100%;}
body.Menupos_top .sidebar ul li {width:auto;float:left;}
body.Menupos_top #side-menu {background:#92dcf9;}
body.Menupos_top .sidebar .fa.arrow:before {content:"\f107";}
body.Menupos_top .sidebar ul.nav-second-level {position:absolute; min-width:200px;z-index:999;}
body.Menupos_top .sidebar ul.nav-second-level li {display:block; padding:0; width:100%;}
body.Menupos_top .sidebar .nav-second-level li a {padding-left:10px;}
body.Menupos_top .sidebar .arrow {padding:3px 10px 0;}
body.Menupos_top a#menu-toggle {display:none;}

/*Sidebar Menu Tab*/
/*body.tabnav #wrapper .navbar i {font-size:40px;display:block;}
body.tabnav .sidebar ul {background:#bde6f6}
body.tabnav .sidebar ul li a {text-align:center;width:50%; margin:10px auto 0; background:#ddf6ff;color:#337ab7;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
body.tabnav #wrapper .navbar i {color:#337ab7;}
body.tabnav .sidebar ul li {border-bottom:none}
body.tabnav .sidebar .arrow {display:none;}
body.tabnav .sidebar ul.nav-second-level {display:none;}*/

#wrapper.tabnav .sidebar.tabnav i {font-size:35px;display:block;}
#wrapper.tabnav .sidebar ul {background:#bde6f6}
#wrapper.tabnav .sidebar ul li a {text-align:center;width:50%; margin:10px auto 0; background:#ddf6ff;color:#337ab7;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#wrapper.tabnav .navbar i {color:#337ab7;}
#wrapper.tabnav .sidebar ul li {border-bottom:none;}
#wrapper.tabnav .sidebar ul li.active a i, #wrapper.tabnav .sidebar ul li.active a {background:#6ac7eb; color:#fff;}
#wrapper.tabnav .sidebar ul li:hover a i, #wrapper.tabnav .sidebar ul li:hover a {background:#6ac7eb; color:#fff;}
#wrapper.tabnav .sidebar .arrow {display:none;}
#wrapper.tabnav .sidebar ul.nav-second-level {display:none;}
body.Menupos_top #wrapper.tabnav .sidebar ul li a {width:100%;margin:0 0 15px;}
body.Menupos_top #wrapper.tabnav .sidebar ul li {margin:0 10px;}
#wrapper.toggled.tabnav .navbar i {font-size:16px;display:inline-block;}
#wrapper.toggled.tabnav .sidebar ul li a {text-align:center;width:auto; margin:0; background:none;color:#337ab7;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;color:#343434; background:#bde6f6;}
#wrapper.toggled.tabnav .nav>li>a{padding: 10px 11px; cursor: default;}
.flag-nav .flag-wrapper {width:30px; float:left; margin:0 10px 0 0;}
.flag-nav a {line-height:25px;}
#page-wrapper.login_pg {/*min-height:750px !important;*/ position: relative; height: 100%;}
#wrapper.toggled .flag-nav .flag-wrapper {width:25px;}
#wrapper.toggled .flag-nav .nav>li>a {padding:10px 14px 30px 11px}
#wrapper.toggled .flag-nav .sidebar {width:50px;}
#wrapper.toggled .flag-nav + #page-wrapper {margin-left:50px;}
#wrapper.toggled .flag-nav li:hover span.menu-label {left:50px; padding:8px 11px;}
.navbar-header {position:absolute; right:0;z-index:999;}
span.mandatory {color:red; display:inline-block;}
/*Login Default*/
.login_wrap {min-height:36.5em; background:#00bff3 url(../../images/overlay/overlay.png) repeat; padding:15px; margin-bottom: 15px; position: relative;    overflow-x: hidden;
    overflow: hidden;}
.login_start { padding: 10px;width:450px; margin:5% auto 0; -webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px;position: relative;}

/*Login Types*/
.logintype1 .login_border {background:url(../../images/overlay/black-trf.png) repeat;width: 100%; height: 100%;-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; padding: 15px;}
.logintype1 .login_border .login-form {background: #fff; width: 100%;-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px;padding: 10px;}
.logintype1 .login_border .login-form .login-heading {text-align: center; font-size: 18px;padding: 10px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; }
.logintype1 .login_border .login-form .login-content input {margin-bottom:10px; height: 45px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 3px 10px 1px #cccccc; box-shadow: 0 3px 10px 1px #cccccc; padding-left: 35px;}
.logintype1 .login_border .login-form .login-content div.user-name, .logintype1 .login_border .login-form .login-content div.pass {position:relative;}
.logintype1 .login_border .login-form .login-content i {position: absolute; font-size: 22px;left: 10px; top: 10px; color:#666;}
.logintype1 .login_border .login-form .login-content input.submit{box-shadow:none; width: 100%;background: #0095ce; color: #fff; font-size: 16px;}
.logintype1 .login_border .login-form .login-content input.submit:hover {background: #0188bc;}
.logintype1 .login_border .login-form .login-content .lost_pass {text-align:center;}
.logintype1 .login_border .login-form .login-content .lost_pass a {text-decoration: underline;}

.logintype2 .login_border .login-form .login-heading {display: none;}
.logintype2 .login_border .login-form .login-content input {margin:0px; height: 55px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border: none;}
.logintype2 .login_border .login-form .login-content .user-name input {-webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.logintype2 .login_border .login-form .login-content .pass input {-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.logintype2 .login_border .login-form .login-content div.user-name, .logintype2 .login_border .login-form .login-content div.pass {position:relative;}
.logintype2 .login_border .login-form .login-content i {display: none;}
.logintype2 .login_border .login-form .login-content input.submit{box-shadow:none; width: 100%;background: #d6d6d6; color: #343434; font-size: 16px; margin-top: 15px;}
.logintype2 .login_border .login-form .login-content input.submit:hover {background: #cacaca;}
.logintype2 .login_border .login-form .login-content .lost_pass {text-align:center; margin-top: 30px;}
.logintype2 .login_border .login-form .login-content .lost_pass a {text-decoration: none; color: #fff;}

.logintype3 .login_border {background:none;width: 100%; height: 100%;-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; padding: 15px;}
.logintype3 .login_border .login-form {background: #fff; width: 100%;-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px;padding:0; position: relative; height: 200px;}
.logintype3 .login_border .login-form .login-heading {width: 100%; padding: 10px; color: #fff ;text-align: center; font-size: 18px;background: #ffa500;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px;}
.logintype3 .login_border .login-content {background: #fff;}
.logintype3 .login_border .login-form .login-content input {width: 90%;margin: 0 auto;border:none ;font-size: 30px; border-bottom: 2px solid #ccc; height: 80px;}
.logintype3 .login_border .login-form .login-content input:focus {border-bottom: 2px solid #ffa500; box-shadow: none;}
.logintype3 .login_border .login-form .login-content i {position: absolute; font-size: 22px;left: 10px; top: 10px; color:#666;display: none;}
.logintype3 .login_border .login-form .login-content .sub {text-align: center;}
.logintype3 .login_border .login-form .login-content input.submit {width:90%; font-size: 15px; height: 50px; margin: 20px auto 0; background: #ffa500;border-bottom: 5px solid #d48901;}
.logintype3 .login_border .login-form .login-content input.submit:focus {border-bottom: 1px solid #d48901;}
.logintype3 .login_border .login-form .login-content .lost_pass {text-align:center;padding: 10px 0;}
.logintype3 .login_border .login-form .login-content .lost_pass a {text-decoration: underline;}


/*Responsive CSS*/
@media (max-width: 1024px) {
	.credit_card_details .cr_card_details .col-md-6, .credit_card_details .cr_card_details .col-md-4, .credit_card_details .cr_card_details .col-md-2 {width:100% !important;}
}
@media (max-width: 992px) {
	.txtalignr {text-align:left !important;}
	#avatar_wrapper .col-md-offset-4 {text-align:center;}
	section#phone-wrapper .col-md-offset-2 {padding-left:2%;margin:0;}
	.respo-mart10{margin-top:10px;}
}
@media (min-width: 768px) {
/*Sidebar Positions CSS*/
body.Menupos_right #page-wrapper {margin:0 250px 0 0px}	
body.Menupos_top #page-wrapper {margin:40px 0 0;}	
body.Menupos_top #wrapper.tabnav #page-wrapper {margin-top:112px;}
#page-wrapper {padding:0 30px;}	
#page-wrapper {height:100%;position: inherit; margin: 0 0 0 250px;padding: 0 30px;border-left: 1px solid #e7e7e7; background:#f0f0f0;}
#wrapper.tabnav .sidebar {margin-top: 90px;}
#wrapper.toggled.tabnav .sidebar {margin-top:0px;}
.sidebar {z-index: 1; position: absolute; width: 250px; margin-top: 0px;}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {margin-left: auto;}
section#subaccounts_add .top_section div {margin-bottom:15px;}
  
}
@media (max-width: 768px) {
body.Menupos_top #page-wrapper {margin:80px 0 0;}
}
@media (max-width: 767px) {
body.Menupos_top #page-wrapper {margin:0px 0 0;}	
#page-wrapper {padding:0 30px;}
body.Menupos_right #wrapper.toggled #page-wrapper {margin:0;}
ul.timeline:before { left: 40px;}
ul.timeline > li > .timeline-panel { width: calc(10%);  width: -moz-calc(10%); width: -webkit-calc(10%);}
ul.timeline > li > .timeline-badge {top: 16px; left: 15px; margin-left: 0;}
ul.timeline > li > .timeline-panel {float: right;}
ul.timeline > li > .timeline-panel:before {right: auto; left: -15px; border-right-width: 15px; border-left-width: 0;}
ul.timeline > li > .timeline-panel:after {right: auto; left: -14px;border-right-width: 14px;border-left-width: 0;}
#menu-toggle {display:none;}
  
.marb30 {margin-bottom:15px;}
   
}
@media (max-width: 600px){
.pg_doer_profile .dl-horizontal dt {float:left;}
.multi-btn button, .multi-btn a {margin-left:0;}
.logintype1 .login_start {width:100% ;}

.contact-form-pg {width:100%;}
.contact-form-wrap table tr td {width:100% !important; display: block;}
.contact-form-wrap table tr td:first-child {padding-bottom: 0;}
}

@media (max-width: 480px){
	.pg_doer_profile .dl-horizontal dd {margin-left:0;}
	.btn.red {margin-bottom:10px;}
	}

@media (max-width: 320px) {
span.h1-btn-wrap, span.h3-btn-wrap {display:block; float:none;margin:10px 0;}
}