*:not(.simulator) {
	scrollbar-width: auto;
}
.grid-header{
	float: none!important;
    padding-left: 10px !important;
    background-color: #02829d;
    color: #ffffff;
    padding: 10px 5px !important;
    margin-bottom: 10px;
    font-weight: bold !important;
}
.grid-header-no-bar{
	float: none!important;
    padding: 10px 5px !important;
    margin-bottom: 10px;
    font-weight: bold !important;
}
.fioGridHeaderFontStyle {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}
.modal-md {  
	max-width: 900px; 
}
p.mb-0 {
    font-size: 0.75rem;
    font-weight: 600;
}
.ui-autocomplete, .ui-menu-item {
    color: #000;
    margin: 0;
    padding: 0;
}
.login-leftimg{
    width: 49vw;
}
.ui-menu, .ui-widget, .ui-autocomplete {
    list-style: none;
    margin: 0;
    display: block;
    width: 227px;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    cursor: pointer;
    z-index: 999999;
}
.ui-menu-item, .ui-menu-item-wrapper {
    padding: 5px;
}
.ui-menu-item:hover {
    background-color: #f1f1f1;
}
hr.fsr-map {
    border-top: 1px solid #eaeaea !important;
    margin: 4px 0px;
    width: 300px;
}

.btn-success {
    color: #fff !important;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-primary {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}
.nodata-img {
   width: 463px;
}
.all-sr-notes {
    float: left!important;
    width: 10rem;
}
.note-category{ margin-left: 24vw; }

a.card-link.collapsed:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-heading a:before {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    transition: all 0.5s;
}
a.collapsed:before {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    transition: all 0.5s;
}
.panel-heading .panel-title a {
	display: block;
}

.ui.search.dropdown > .text{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 22px;
}
.grid-id {font-weight: bold;font-family: cursive;}

.var-btn { margin:0px 8px; }
* {font-family: Frutiger Next Pro, Frutiger, Arial, sans-serif;}
/* do not group these rules */
body {  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(11,77,139,1) 100%) !important;
    background-size: cover;overflow-x: hidden;}
/*body.active .container-fluid {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(11,77,139,1) 100%) !important;
    background-size: cover;
}*/
#footer {
    background-color: #e0e0e0;
    margin-top: 17px;
}

.fixed-top { top: 44px; }
a:hover {text-decoration:none;}
h1, .h1 {font-size:24px; font-weight:700;}
h2, .h2 {font-size:22px; font-weight:700;}
h3, .h3 {font-size:21px; font-weight:700;}
h4, .h4 {font-size:16px; font-weight:700; padding:3px 5px;}
h5, .h5 {font-size:15px; font-weight:700;}
.table-responsive {overflow-x: inherit!important;min-height: .01%; /* margin-top: 10px;*//*padding: 0px 13px;*/ padding: 12px 13px 13px 13px;}
table {font-size: 14px !important;}
.pagination > li > a, .pagination > li > span {padding: 3px 8px !important;font-size: 14px;}
.page-header {margin: 13px 13px; padding-bottom:20px; border-bottom: 1px solid #D3D3D3; position: relative;}
.border-b { border-bottom: 1px solid #D3D3D3;}
.display-4 {    font-size: .9rem !important; font-weight: 500; line-height: 1.2;}
div.dataTables_wrapper div.dataTables_info { padding-top: 0 !important; font-size:14px;    white-space: nowrap;}
.rules-group-container {border: 1px solid #eee !important; background: rgba(250,250,250,.5) !important;}
.longtext { text-overflow: ellipsis; width: 280px; white-space: nowrap; overflow: hidden;}
.longtext-nowrap { width: 490px; overflow: hidden;}
.btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px; margin-left:3px;}
table {font-size: 14px !important;}
.pagination > li > a, .pagination > li > span {padding: 3px 8px !important;font-size: 14px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:0px 2px;vertical-align: middle;}
td .container-fluid {    margin: 20px 20px 20px 30px;    width: 96%;    box-shadow: 10px 10px 5px #ecebeb;    background: #fff; }


.navbar-dark .navbar-nav .nav-link:hover {
    background-color: #f2f2f2 !important;
    line-height: 38px !important;
    border-bottom: 2px solid #02829d;
}
/* Main Nav styles
-------------------------------------------------- */
.mr-left{ margin-left: 9px; }
.p-2 { padding: .9rem!important;}
.dropdown-menu{box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15) !important;}
.text-muted {
    color: #000000!important;text-align: center !important;
}
.linebot{    border-left: 1px solid #bdc3c7;
    height: 30px;margin-top: 5px;}
.nav2{box-shadow: 0px 5px 10px -11px #000000; }
/*.nav1{z-index: 10000 !important;}*/
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem !important;
    padding-left: .5rem;
}.chaticon{width: 14px; height: 14px;}
.fa-bars{color: #000000;}
#faicon{font-size: 14px;color: #606060 !important;line-height: 24px !important;background: #ffffff !important;}
.header-logo{ width: 90px; }
.fixed-top1 {position: fixed;top: 50;right: 0;left: 0;z-index: 1031;}
.navbar {min-height:44px !important;padding:0rem; padding-right:15px;}
.navbar-nav {    font-size: 16px;}
.nav.tabsbtm li a {
    padding: 12px 15px;
    font-size: 16px;
}
.table-response{ margin-top: 15px;margin-bottom: 50px; }
.navbar-brand{padding:0px !important; /*padding:5px 15px !important; */color: #fff !important; font-weight:700; font-family:"Frutiger", Arial, sans-serif; font-size:20px !important; height: 39px!important;}
.navbar-brand-tit{padding: 0px 15px !important;}
.navbar-nav > li > a {padding-top:9px !important; padding-bottom:0px !important;}
.navbar-default .navbar-nav > li > a {color: #fff !important; }
.nav>li>a {padding: 5px 9px;font-size: 0.8vw;margin-right: 2px;color: #ffffff !important;
    background-color: #02829d;}
.navigation-bar, .navigation-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title {
  -webkit-transition: all .3s;  transition: all .3s;}
.navbox-tiles:after {  content: '';  display: table;  clear: both;}
.navigation-bar {  height: 45px;  position: relative;  z-index: 1000;}
.navigation-bar .bar { background-color: #00AFF0; width: 100%; height: 100%; position: absolute;  z-index: 2;}
.navigation-bar .navbox {visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 9999; -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all .2s;  transition: all .2s;}
.navigation-bar .navbox-tiles { -webkit-transform: translateY(-200px);  -ms-transform: translateY(-200px);  transform: translateY(-200px);}
.navigation-bar.navbox-open .navbox-trigger { background-color: #00AFF0; }
.navigation-bar.navbox-open .navbox {visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0);  transform: translateY(0);  -webkit-transition: opacity .3s, -webkit-transform .3s;  transition: opacity .3s, transform .3s;}
.navigation-bar.navbox-open .navbox-tiles { -webkit-transform: translateY(0); -ms-transform: translateY(0);  transform: translateY(0);}
.navbox-trigger {background-color: transparent; width: 40px; height: 40px; line-height: 45px; text-align: center; -webkit-user-select: none;
  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.navbox-trigger .fa { font-size: 20px;  color: #fff;}
.navbox {background-color: #FFF;  width: 100%;  min-width: 870px;  min-height: 120px;  -webkit-backface-visibility: initial;  backface-visibility: initial;  border-radius: 2px !important;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;}
.navbox-tiles {  width: 100%;  padding: 15px;}.navbox-tiles .tile {  display: block;  background-color: #fafafa;  width: 100px;  height: 100px;  /* padding-bottom: 12%; */  float: left;  color: #646464;  position: relative;  margin:10px;}
.navbox-tiles .tile .icon { width: 100%;  height: 100%;  text-align: center;  position: absolute;  top: 0;  left: 0;}
.navbox-tiles .tile .icon .fa {  font-size: 35px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  -webkit-backface-visibility: initial;  backface-visibility: initial;}
.navbox-tiles .tile .title {  padding: 5px;  font-size: 12px;  position: absolute;  bottom: 0;  left: 0;  width: 100%;  text-align: center;  color: #666666;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.navbox-tiles .tile:hover {  border-color: #fff;  text-decoration: none;}
.navbox-tiles .tile img {width:100%;}
.navbox-tiles .tiletxt {position: absolute; font-size: 12px; top: 75px; text-align: center; padding:5px 2px; left: 0px;color: #fff; right: 0;}
.btn-group-xs > .btn, .btn-xs { padding: 1px 10px; font-size: 12px;  line-height: 2.2; border-radius: 3px; margin-left:3px;}
button:focus {outline: 1px none !important;}
.input-group .btn-xs{padding: 4px 7px; font-size: 16px;}
.padding-0 { padding-right: 0!important;}
/* Sticky footer styles
-------------------------------------------------- */
html {  position: relative; min-height: 100%;}
body {  /* Margin bottom by footer height */  /*margin-bottom: 70px;*/}
.footer { position: inherit; bottom: 0; width: 100%;  /* Set the fixed height of the footer here */
  /* height: 40px;*/ background-color: #f5f5f5; z-index:1;}
  
/* * Sidebar */

.sidenav {height: 100%;width: 250px;position: fixed;z-index: 1; top: 0; left: 0; background-color: #000; transition: 0.5s;  padding-top: 60px;}
.sidenav li a {padding: 5px 8px 5px 10px; text-decoration: none; font-size: 15px; color:#818181; display: block; transition: 0.3s; border-bottom: 1px solid #e4e3e3;}
.sidenav li a:hover {  color: #000;  /*border-left:3px #FF3333 solid;*/}
.sidenav  li a{border-bottom:1px solid #e4e3e3}
.sidenav .closebtn {position: absolute;top: 50px;right: -8px;font-size: 25px;margin-left: 0px;font-weight: 700;    border-bottom: 0;}
.sidenav .openbtn {position: absolute;top: 50px; font-size: 25px;margin-left: 0px;font-weight: 700;    border-bottom: 0;    left: 4px;}
#main {  transition: margin-left .5s;  padding: 88px 0px 0px; width:100%;margin-left:0px;}
.sidebar {position: fixed;  top: 0;  bottom: 0;  left: 0;  z-index: 200; /* Behind the navbar */  padding: 50px 0 0; /* Height of navbar */  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);}
.sidebar-sticky {  position: relative;  top: 0;  height: calc(100vh - 0px);  padding-top: .0rem; padding-left: .5rem;  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {    position: -webkit-sticky;    position: sticky;  }
}
.sidebar .nav-link {  font-weight: 700;  color: #212121;}
.sidebar .nav-link .feather { margin-right: 4px;  color: #333;}
.sidebar .nav-link.active {  color: #FF3333; /* border-left:3px #FF3333 solid;*/}
.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {  color: inherit;}
.sidebar-heading {  text-transform: uppercase;}
.leftsidenav {width:65px; border-right:#38393b 1px solid; height:100%;}
.rightsidenav {width:225px; }
.sideform{  width: 100%; background: transparent;  border: 0px solid #ccc; border-bottom: 2px solid #38393b;color: #fff;}
.sideform:before { 
    content: "\f002";    display: inline-block;
    font: normal normal normal 14px/1.5 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.leftsidenav-bot{ position: fixed;    bottom:20px; background-color: #000;}  
.leftsidenav-bot img {  width: 30px;  height: 30px;  border-radius: 50%;}
.slidingDiv {width:430px; background-color: #fff;  padding:20px;  top:0; border-right:1px solid #d0d1d2; position: absolute;z-index:99999;}
.show_hide {    display:none;}
.tooltip{z-index:99998;}
.list-unstyled a {    font-size: 14px;    margin-bottom: 0rem;}
.list-unstyled>li>ul>li>a {    padding: 5px 12px;    font-size: 13px;}

/* * Contact List */

.user a {  display: block;  padding: 10px 10px;  overflow: hidden}
.user a img {  width: 30px;  height: 30px;  border-radius: 50%;  float: left}
.user a .fa {  width: 30px;  height: 30px; float: left; font-size: 30px;}
.user a .user-data,
.user a .user-data2 {  padding-left: 40px;  line-height: 16px}
.user a .user-data .status,
.user a .user-data2 .status {background-color: #00b777; border-radius: 50%;  float: right;  width: 7px;  height: 7px; position: relative; top: 5px}
.user a .user-data .status.offline,.user a .user-data2 .status.offline {  background-color: #e65a5a}
.user a .user-data .status.away,.user a .user-data2 .status.away {  background-color: #f2c329}
.user a .user-data .name, .user a .user-data2 .name {  color: #404040;  font-weight: 500;  font-size: 1rem;    line-height: 26px;}
.user a .user-data .message, .user a .user-data2 .message {  display: block;  color: #999;  font-size: 1rem;    line-height: 26px;}
.user a .user-data2 {  margin-top: 7px} 
.user a:hover {background-color: #f5f5f5}

/* * Content */
[role="main"] {
  padding-top: 10px; /* Space for fixed navbar */
}  
.sidebar   .dropdown-toggle::after {right: 10px; position: absolute; margin-top: 7px;}
239  /* Home Section
-------------------------------------------------- */
.prodetails { height: 102px; background: #ffffff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); margin: 8px 0px;}
.prodetails:hover{background: #f0f0f0;}
.prodetails a:hover {text-decoration: none;}
.pro-img {height: 100px; padding: 14px; box-sizing: border-box; float: left; text-align: center}
.pro-img img {width:80px;}
.pro-heading { text-align: left;  height: 35px; padding: 2px; color: #333333; font-weight: normal; line-height: 40px; font-size: 18px;}
.pro-heading a {color: #333333; text-decoration: none; font-weight: normal; line-height: 40px; font-size: 18px;}
.pro-heading a:hover {text-decoration: none; font-size: 18px}
.products { height: 35px; line-height: 18px; font-weight: normal; font-size: 14px; color: #959595; text-overflow: ellipsis; padding: 2px 5px;}
.products a {text-decoration: none; font-weight: normal; font-size: 14px; color: #000000}
.products a:hover {text-decoration: none; font-size: 14px; color: #cc0000}

/* Forms Section
   -------------------------------------------------- */
.form-group  {    margin-bottom: 0.30rem;}
.form-group row row {  margin-bottom: 3px !important;    margin-top: 3px;}
.form-horizontal .control-label {padding-top: 4px;}
.form-control {font-size: 14px !important; color:#100f0f;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s; border: 1px solid #6c757dbd !important; /*border-radius: 3px !important; */padding: .375rem .3rem;}
.filter-option {font-size: 14px !important; color:#212529; font-weight:300;}
.nonselect{color: #c7c9cb!important;  font-weight:normal;}
.custom-select{background:url("../images/selectarrow.png")no-repeat center right !important }
.bootstrap-select .dropdown-toggle::after{display:none ;}
.btn.disabled, .btn:disabled { opacity: 1 !important;}
.form-control:focus { border-color: rgba(82,168,236,.8) !important; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6) !important;  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important; }
.dropdown-item {    padding: 0.469rem 1rem !important;}
/*.form-control {border: 0px solid #ccc !important; border-bottom: 1px solid #ccc !important; background-color: transparent !important; border-radius: 0px !important; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075)!important; box-shadow: inset 0 0px 0px rgba(0,0,0,.075)!important; -webkit-transition: border-color ease-in-out .0s,-webkit-box-shadow ease-in-out .0s!important; -o-transition: border-color ease-in-out .0s,box-shadow ease-in-out .0s!important; transition: border-color ease-in-out .0s,box-shadow ease-in-out .0s!important; color: #555555;font-weight:500;font-size: 12px!important; padding: 4px 10px;}
.input-group-addon {background-color: #ced4da !important; padding: 1px 4px 1px 2px!important; font-size: 16px!important; font-weight: 700 !important; border-radius: 0rem .25rem .25rem 0rem !important; border: 1px solid #ced4da !important;  color: #205081; /*border-bottom: 1px solid #ced4da !important;}
.input-group-addon {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1px 7px 1px 7px;  margin-bottom: 0; font-size: 1rem; font-weight: 700; line-height: 1.5; color: #ffffff; text-align: center; white-space: nowrap; background-color: #02829d; border-top: 1px solid #6c757d52;border-left: 0px solid #6c757d52;border-bottom: 1px solid #6c757d52;border-right: 1px solid #6c757d52; border-radius:0rem; cursor: pointer;}*/

.input-group-addon {
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 1px 7px 1px 7px;margin-bottom: 0;font-size: 1rem;height: 34px;font-weight: 700;line-height: 1.5;color: #ffffff;text-align: center;white-space: nowrap;background-color: #02829d;border-top: 1px solid #6c757d52;border-left: 0px solid #6c757d52;border-bottom: 1px solid #6c757d52;border-right: 1px solid #6c757d52;border-radius:0rem;cursor: pointer;}


.calicon{height: 35px;margin-top: 5px;}
.remarklabel{margin-left: -4px;}
.remarkbox{width: 57% !important; height: 92px;}
.fw {font-weight:500 !important; color: #555555; text-align: left !important; padding-left: 10px;}
label{font-size: 14px; ;margin-bottom: inherit; }
.help-block {margin:0px !important;}
.input-sm {height: 34px !important;font-size: 15px!important;}
/*.has-error .form-control {border-color: #a94442 !important;}*/
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {border:1px solid #ced4da !important;}

select {padding:4px 12px!important; height:28px !important;}
.fileinput-button { position: relative; overflow: hidden; display: inline-block;}
.fileinput-button input {  position: absolute;  top: 0;  right: 0;  margin: 0;  opacity: 0;  -ms-filter: 'alpha(opacity=0)';  font-size: 200px !important;  direction: ltr;  cursor: pointer;}
.form-horizontal .control-label {text-align:left;}
.progress {margin-bottom:0px;}
.table-responsive .container-fluid{padding-right:0px !important; padding-left: 0px !important;}
.col-form-label {padding-top:5px; font-size:14px;}
.float-right .glyphicon, td .glyphicon{padding:4px !important}
.float-right .fa{font-size:12px;}
.btn-group-sm>.btn, .btn-sm {line-height: 1.3 !important;}
.btn-group-sm>.btn, .btn-sm {font-size: 14px; font-weight: 700; padding: 0.43rem 0.75rem !important;}
input[type="radio"]:checked:after { content: ' '; width: 8px; height: 8px; border-radius: 50px;
position: absolute; /*top:7px;*//*top:5px; */background: #212529 ; text-shadow: none; font-size: 32px;}
input[type=radio] { padding: 3px; height: 16px !important; width: 16px !important;-webkit-appearance: none; -moz-appearance: none; background-color: rgb(250, 250, 250);    border: 1px solid #adb8c0; margin-right: 5px;  margin-top: 0; border-radius: 10px;}
table input[type="radio"]:checked:after { content: ' '; width: 8px; height: 8px; border-radius: 50px;
position: absolute; top:3px; background: #212529 ; text-shadow: none; left: 3px; font-size: 32px;}
table input[type=radio] { padding: 0; height: 16px !important; width: 16px !important;-webkit-appearance: none; -moz-appearance: none; background-color: rgb(250, 250, 250);    border: 1px solid #adb8c0; margin-right: 5px;  margin-top: 0; border-radius: 10px;}
input[type="checkbox"]:checked:after {content: '\2714'; font-size: 12px; position: absolute;color: #337ab7 ;    margin-left: 2px;}
input[type=checkbox] { padding: 0; height: 16px !important; width: 16px !important;   -webkit-appearance: none; -moz-appearance: none; background-color: rgb(250, 250, 250); border: 1px solid #adb8c0; margin-right: 2px; margin-top: 6px; margin-left:5px;}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {olor: #a94442; border-color: #a94442 !important; background: #FFF url(../images/icn-red-x.png) no-repeat 100% 50%;}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {color: #008000;   border-color: #008000 !important;
  background: #FFF url(../images/icn-green-check.png) no-repeat 100% 50%;}
  /*.form-check-label {
    margin-bottom: 13px;
}*/
/* Customer Portal Dashboard Section
   -------------------------------------------------- */
.small-box {border-radius: 2px; position: relative; display: block; margin-bottom: 16px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); min-height:90px; }
.small-box a{color: #fff;}
.small-box>.inner {/*padding: 10px;*/ padding: 11px;text-align: right;width: 100%;}
.small-box h3, .small-box p { z-index: 5;}
.small-box h3 { font-size: 32px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; line-height:34px }
.small-box h5 { font-size: 30px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; line-height:34px }
.small-box h4 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0;  }
.small-box .icon { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: absolute; top: -11px;    left: 10px; /*right: 14px;*/ z-index: 0;  font-size: 58px; color: rgba(146, 146, 146, 0.8);}
.small-box>.small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; display: block; z-index: 10;  background: rgba(0,0,0,0.1); text-decoration: none;}

.small-box .icon { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: absolute; top: -25px;    left: 10px; /*right: 14px;*/ z-index: 0;  font-size: 58px; color: rgba(146, 146, 146, 0.8);}

.rules-group-header .active{  background: #1a4067 !important;}

/* Tabs Scroll
   -------------------------------------------------- */
.wrapper { position:relative; margin:0 auto; overflow:hidden; padding:5px; height:32px;}
.list { position:absolute; left:0px; top:0px; min-width:2000px; margin-left:0px; margin-top:0px;}
.list li{ display:table-cell; position:relative; text-align:center; cursor:grab; cursor:-webkit-grab; color:#efefef;
vertical-align:middle;}
.scroller { text-align:center; cursor:pointer; display:none; padding:2px; padding-top:4px; white-space:no-wrap;  vertical-align:middle; background-color:#f1f1f1;}
.scroller-right{ float:right;}
.scroller-left { float:left;}
.table th { border-top: 0px solid #dee2e6!important ;}

/* loader
   -------------------------------------------------- */
/* LOADER 4 */

#loader span{ display: inline-block; width: 10px;  height: 10px;  border-radius: 100%;  background-color: #3498db;  margin: 35px 5px;  opacity: 0;}
#loader span:nth-child(1){ animation: opacitychange 1s ease-in-out infinite;}
#loader span:nth-child(2){ animation: opacitychange 1s ease-in-out 0.33s infinite;}
#loader span:nth-child(3){ animation: opacitychange 1s ease-in-out 0.66s infinite;}
@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }
  60%{
    opacity: 1;
  }
}
/

/*  */
.modal-xl {
    max-width: 90%;
}

.bootstrap-select.btn-group[class*="col-"] .form-control 
td .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle, td .bootstrap-select.form-control:not([class*="col-"]), td .form-inline .bootstrap-select.btn-group .form-control {min-width: 120px;}
.text-danger {color: #ff3333 !important;}
.fa-1 {    font-size: 1.1em;    margin-right: .1em;}
.fa-2 {    font-size: 1.1em;    margin-right: .4em;    margin-bottom: 5px;}
.fa-3 {    font-size: 3em;    margin-right: .07142857em;}
.fa-4 {    font-size: 4em;    margin-right: .07142857em;}
.fa-5 {    font-size: 5em;    margin-right: .07142857em;}
.fa-6  { position: absolute; right: 10px; top: auto; margin-top:-30px; cursor:pointer; color:#FFF; }
.fa-6:hover  {color:#FF3333; }
.fa-6 .active  {color:#FF3333 !important; }
.top-band{position:sticky; top: 50px;  padding:5px 0px; z-index:199; /*margin-bottom: 10px;*/    font-weight: 700;width: 100%;}
.top-band a:hover {text-decoration:none; color: #FF3333!important;}
.mid {margin:10px 0px;}
.mid .imgico{float:left; margin-right: 10px;}
.mid .imgico img{width:55px; }
.bd-callout { border-left: .25rem solid #FF3333 ; float: right; padding-left: 10px; margin-left: 10px; margin-top:0px; margin-bottom:0px;padding-top:0px; padding-bottom:0px; min-width: 90px;}
.bd-callout h5 {line-height:12px;}
.container .text-muted, .container-fluid .text-muted { margin: 10px 0; font-size: 13px;}
.field-text{font-size:15px;  padding: 5px 5px 5px 20px;}
.value-text{font-size:15px;  padding: 5px 5px 5px 20px;font-weight:bold;}
.modal-xl {max-width: 80%; z-index:99999;}
.modal-lg {    max-width: 900px;}
.modal{z-index:99999;}
.modal-backdrop{z-index:99998;}
.back-to-top {cursor: pointer; position: fixed; bottom: 70px; right: 20px; display:none;}
.tablesecret-scroll {    overflow-x: scroll;}
.table-responsive>.table-bordered {    border: 1px solid #dee2e6;}
.form-control:disabled, .form-control[readonly] {    background-color: #f7f7f7;    opacity: 1;}
/* HOVER STYLES */
div#pop-up {display: none; position: absolute; width: 320px; padding: 10px; background: #FFF; color: #000000; border: 1px solid #e8e8e8;  z-index: 999999;}
.cursor-pointer{cursor:pointer;}
div#pop-up2 {display: none; position: absolute; width: 320px; padding: 10px; background: #FFF; color: #000000; border: 1px solid #e8e8e8;  z-index: 999999;}
div#pop-up3 {display: none; position: absolute; width: 320px; padding: 10px; background: #FFF; color: #000000; border: 1px solid #e8e8e8;  z-index: 999999;}
.top_search{background:#f7f7f7!important;}
/* Semantic Dropdown */
.ui.dropdown > .dropdown.icon {font-size:1em; font-family: FontAwesome;}
.ui.dropdown > .dropdown.icon:before { content: '\f078'; color:#6c757dbf;}
.ui.dropdown > .clear.icon:before { content: "\f00d"; padding: .375rem 0.10rem;}
.ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon{right: 0px;top:0px;margin:0;padding: 0.690em 0.59em;border-left: 0px solid #ccc; opacity: 1;}
.ui.selection.dropdown{padding: .375rem .3rem;}
.selected:after{content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 15px; padding-right: 0.5em; position: absolute; top: 5px; right: 0;}
.ui.selection.dropdown .menu > .message {padding: .275rem .175rem; white-space: pre-wrap;}  
.ui.search.selection.dropdown > input.search { line-height: 1.21428571em; /* padding: .375rem .3rem;width:2.2em !important; */}
.ui.selection.dropdown .menu > .item {padding: 0.28571429rem .4rem !important;}
/* .bg-light .text { width: 100px;overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap; height:15px;}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /*box-shadow: 0px -2px 9px 1px #dedede;*/
}
/*.nav-tabs {    background: #f1f1f1;}*/
.card-header .input-group-text {min-width:42px;}
.quicklinks{ position: -webkit-sticky;    position: sticky;    top: 96px;    z-index: 1020;}
.quicklinks .nav { display: block;}
.card-link { font-size: 18px;font-weight: 700; color: #212529; padding: 0; margin: 0;display: block;}
/* panel Accordian */ 
.panel-heading {
  padding: 0;
  border:0;
}
.card-header  a:before {
   font-family: 'FontAwesome';
   content: "\f077";
   float: right;
   transition: all 0.5s;
}
.card-header.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}   
.input-group-text {    padding: .15rem .75rem;} 
.stop-icon{ position: absolute;    top: 2px;    left: 50%;}
.card-head .badge {
    width: 16px;
    height: 16px;
    font-size: 65%;
    margin-left: 20px;
    line-height: 1.7;
    padding: 0;

}
.modal-header{padding: 0.5rem !important;}
.modal{height: 900px !important;}
.modal-body{padding: 0.5rem !important;}
/*.ag-center-cols-container{ top:0;  bottom: 10px;}
.ag-body-horizontal-scroll{ height: 5px !important;   max-height: 5px !important;  min-height: 5px !important;}
.ag-body-horizontal-scroll-viewport{ height: 5px !important;   max-height: 5px !important;  min-height: 5px !important;}*/
.search-button{right: 15px;   top: -45px; z-index: 999; position:absolute;} 
.scrollable-menu {height: auto; width:auto;   max-height: 430px;    overflow-y: scroll;}
.ag-theme-balham .ag-status-bar, .ag-theme-balham .ag-paging-panel{    border: 0px solid #BDC3C7;}
/*
.dropdown:hover>.dropdown-menu {
  display: block;
}
*/
.break-word{ word-wrap: break-word;}
.cus-name {
    font-size: 18px;
    color: #0091b0 !important;
    line-height: 32px;
}
.customerbasic_details span {
    font-weight: 600;
}
a.editcustomerinfo {
    background: #0091b0;
    float: right;
    padding: 5px 30px;
    color: white;
    margin-top: 3px;
    width: 100%; text-align: center;
}

.ser_req_details .duedate label {
    font-size: 13px;
    color: #989898;
    display: block;
    margin: 8px 0 0 0;
}
.ser_req_details .duedate {
 padding: 0 20px
}
.bd-callout small {    color: #989898;    margin-bottom: 6px; display: block;}
 .bd-callout {
    border-left: 1px dashed #9e9e9e !important;}
 .top-band h2{color: :black !important;}
 .page-header h3 {
    margin: 4px 0 0 0;
}
.card-head.margin-adj.mt-0 {
    padding: 11px 10px 0 10px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.card_hrader_bg{
    border-bottom: 1px dashed #ececec;
    background: #f7f7f9;
    margin: 0 0 8px 16px;
    width: 98%;
    padding: 11px 10px 0 10px;
}
.tpsearchcntr .srch_cntr{padding:14px 18px 11px 15px !important;}
.top-band {
    padding-top: 5px;
}
.page-header.border-b {border-bottom: none;}
/**** Kovai CSS Start***/
.cust-preospect { background-color: transparent;  border-bottom: none; }
.cust-preospect h5 {   color: #337ab7;    font-size: 25px; }
.cust-preospect .field-text span {    color: red; }
.cust-preospect .value-text p { text-transform: uppercase; font-weight: bold; }
.cust-preospect .value-text p u {padding-left: 5px; }
.cust-preospect .value-text p i {color: #737373; }
.sg-number {  width: 100%;  padding: .75rem 1.25rem; }
.sg-number h6 {text-transform: uppercase; margin-bottom: 5px; }
.sg-number h3 {font-size: 35px;  font-weight: normal; }
.sg-number .right-details .right-1 { border-left: .15rem solid rgba(0,0,0,.125); padding-left: 10px; }
.sg-number .right-details .right-1 p { margin-bottom: 0px; }
.sg-number .right-details .right-1 h6 {font-weight: bold; font-weight: bold; text-transform: none;  font-size: 15px; }
.tab-content h2.tab-headings {margin-top: 20px;  float: left;  color: #337ab7; }
.small-heading-sub {  font-weight: bold;  padding: 30px 0px 0px 6px;  margin-bottom: 20px;  border-bottom: 1px solid #9e9c9c;
  width: 100%; }
.small-heading-sub.gutter-hd-sub {padding-top: 5px; }
.tab-style .field-text span {  color: red; }
.tab-style .value-text {  font-weight: bold; }
.tab-style .value-text i {  color: #737373; }
.activities-least {  width: 100%;  border: 1px solid #bbb;  min-height: 200px; }
.main-head {  background-color: #eaeaea;  padding: 10px 20px;  border-bottom: 1px solid #dee2e6; }
.main-head h5 { margin-bottom: 0px;  color: #337ab7;  font-size: 25px; }
.main-head ul {float: right; margin-bottom: 0px; }
.main-head ul li {list-style: none; float: left; padding-left: 20px; }
.left-icones {  display: inline-block;  margin-left: 10px; }
.add-icon-pos {  position: absolute;  margin: 20px; }
.popup-mod .active-head2 {  float: left !important; }
.popup-mod .active-head2 ul {  margin: 0; }
.popup-mod .active-head2 ul li { padding-right: 20px; }
.popup-mod .active-head2 ul li a {color: #000; }
.popup-mod ul li {list-style: none; float: left; padding-left: 10px; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.popup-mod ul li a:focus {outline: none; box-shadow: none; }
.popup-mod .moda-style-pop { background-color: #f3f5f7; border: 8px solid #d2dadc; position: relative; }
.popup-mod .moda-style-pop .close {width:30px; height:30px; background-color:#000000; border: 2px solid #ffffff;
color: #fff; border-radius: 50%; opacity: 1; padding-bottom: 10px; position:absolute; right: -17px; top: -22px; z-index: 9999999; }
.popup-mod .moda-style-pop .modal-body {padding: 0px; }
.popup-mod .moda-style-pop .modal-body .blue-top {width: 100%; color: #fff; /*background-color: #205081;*/ padding: 5px;}
.popup-mod .moda-style-pop .modal-body .popup-body {background-color: #efefef; padding: 10px 0px;}
.popup-mod .moda-style-pop .modal-body .popup-body textarea {border: 1px solid #afafaf; position: relative; margin-left: 156px;
width: 400px;  min-height: 200px;}
.popup-mod .moda-style-pop .modal-body .popup-body .height-subject {min-height: 60px; width: 74.2%; }
.popup-mod .moda-style-pop .modal-body .popup-body .height-message {min-height: 120px;width: 74.2%; }
.popup-mod .moda-style-pop .modal-body .popup-body label {font-size: 14px; margin-bottom: inherit; top: 0; position: absolute;
top: 56px; left: 120px; }
.popup-mod .moda-style-pop .modal-body .popup-body .sub-buttons-get { display: block; margin-left: 156px; outline: none;
 border: none;   border-radius: 5px; padding: 2px 20px; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label label { display: inline-block; width: 140px; text-align: right;
position: static !important; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label label.label-reds {color: red; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label label.float-labels {text-align: left; display: inline; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label input { border: 1px solid #dadada; margin-top: 5px; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label input.input-styles {width: 59%; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label input.csr-input-size { width: 46%; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label select {font-size: 13px; }
.popup-mod .moda-style-pop .modal-body .popup-body .multi-label .share-buttons-get {display: block; margin-left: 145px !important; outline: none; border: none; border-radius: 5px; padding: 2px 20px; margin-top: 5px; }
.popup-mod .description-style { width: 58%; min-height: 92px; }
.popup-mod .align-lists {  margin-bottom: 10px; }
.cust-font { font-size: 17px !Important; }
.check-list { display: inline-block; }
.space-check { padding-left: 27px; }
.border-b-nil {  border-bottom: none; }
.gap-gutter {  padding: 10px; }
.moda-style-pop { background-color: #f3f5f7;  border: 8px solid #d2dadc; position: relative; }
.moda-style-pop .dashboard-close { width: 30px; height: 30px; background-color: #000000; border: 2px solid #ffffff;
    color: #fff;  border-radius: 50%;  opacity: 1;  padding-bottom: 10px;  position: absolute; right: -17px; top: -22px;
    z-index: 9999999;  cursor: pointer; }
.image-modal { min-height: 560px !important; }
.image-modal .modal-dialog {  max-width: 800px; }
.image-modal .modal-dialog.modaal-height { max-width: 712px !important; }
.image-modal .modal-dialog.adj-height { max-width: 920px !important; max-height: 520px !important; }
.image-modal .modal-dialog.img-width { width: 407px !important; min-height: 560px !important; }
.image-modal .modal-dialog.img-width .modal-body {padding: 0px; }
.image-modal .modal-dialog.img-width .closed-icon { width: 30px; height: 30px;  background-color: #000000;  border: 2px solid #ffffff;  color: #fff; border-radius: 50%;  opacity: 1; padding-bottom: 10px;  position: absolute; right: -10px;
top: -10px; z-index: 9999999; }
.icon-position { display: inline-block; }
/*.modal-dialog {  max-width: 800px; }*/
.popup-mod{  max-width: auto; }
.modal-dialog.modaal-height {  max-width: 712px !important; }
.modal-dialog.adj-height {max-width: 920px !important; max-height: 520px !important; }
.modal-open .modal { min-height: 480px; }
.modal-open .modal.save-modal {min-height: 800px !important; }
.modal { position: fixed; top: 50%; right: 0; transform: translate(0, -50%); bottom: 0; left: 0; z-index: 999999; display: none; overflow: hidden;  outline: 0; }  
.modal.mini-height { min-height: 560px !important; }
.modal.email-modal { min-height: 720px !important; }
.mb-10 {  margin-bottom: 10px; }
.dash-head { padding-top: 12px; }
.account-pr { margin-bottom: 20px; }
.account-pr h3 { font-size: 16px; padding-left: 10px; }
.account-pr p {padding-left: 10px; }
.account-pr h4 { padding-left: 10px; }
.top_search{background:#f7f7f7!important;}
.pad-top { padding-top: 18px; }
.description-style { width: 58%; min-height: 92px; }
.input-w {  width: 250px; }
.input-wi {  width: 350px;  margin-top: 5px; }
.send-bt { display: block; margin-left: 160px !important; outline: none; border: none; border-radius: 5px; padding: 2px 20px;
  margin-top: 8px; }
.ckeditor {  width: 70%; }
.cancel-bt {display: block; outline: none; border: none; border-radius: 5px; padding: 2px 20px; margin-top: 8px; margin-left: 10px; }
.input-wh { height: 28px; width: 350px; margin-top: 8px; }
.ml-30 {  margin-left: 30px; }
.attchment-bt {display: block; margin-left: 146px !important; outline: none; border: none; border-radius: 5px;  padding: 2px 20px;  margin-top: 8px;  margin-bottom: 8px; }
.btns-right { position: absolute; right: 34px;  top: -14px;  z-index: 9; }

/**** Kovai CSS End***/

/**** Kerala CSS Start******/
.profil-sec-padding{position:relative;padding-top:30px}
.arrow-down{width:35px;height:30px;position:relative}
.arrow-down:before,.arrow-down:after{content:"";display:block;width:15px;height:2px;background:#212529;position:absolute;top:15px;transition:transform .5s}
.arrow-down:before{right:15px;border-top-left-radius:5px;border-bottom-left-radius:5px;transform:rotate(-45deg)}.arrow-down:after{right:5px;transform:rotate(45deg)}
.arrow-down.active:before{transform:rotate(45deg)}
.arrow-down.active:after{transform:rotate(-45deg)}
.iconek{float:right;top:4px;right:80px;z-index:222;position:absolute}
.iconek:focus{outline:0}.margin-adj{margin-top:20px}
.card-head{background-color:#ffffff;padding:5px 10px;border-radius: 4px;box-shadow: 0px 0px 5px 0px #bdc3c780; margin-top: 14px!important	}
.card-head h2{display:inline-block}
.card-head .text-right{display:inline-block;float: right;}
.card-head ul li{display:inline-block;list-style:none;padding-left:5px;font-weight:700}.card-head ul li a:hover{color:#337ab7!important}
.accordion.card-header{display:block;margin-top:20px}
.accordion.card-head{margin-top:50px!important}
.right-icones{display:inline-block;float:left;margin-right:20px}
.flot-icone{float:right;margin-bottom:0;display:inline-block}
.flot-icone li{list-style:none;float:left;margin-left:10px;margin-top:10px}
.yellow-row{background-color:#f5f58d!important}
.red-row{background-color:#fd6262!important}
.daigram-data{float:left;margin-top:10px;display:inline-block}
.daigram-data li{list-style:none;display:inline-block;padding:0 10px}
.daigram-data li span{font-weight:800}
.arange-flot{float:right}
.lbl-red-phone-modal{color:red!important}
.dropdown-phone-modal{height:34px!important}
.ta-phone-modal{resize:none}
.pd-phone-modal{padding-top:5px;padding-bottom:5px}
.pd-lft{padding-left:3rem}
.flx-cbx-lbl{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.pd-cbx-lbls{padding-top:.43rem}.col-sm-3-custom{padding-left:0!important;padding-bottom:5px!important}
.select-custom{font-size:20px!important;font-weight:600!important;height:50px!important;border-width:0!important;padding-left:0!important;padding-right:0!important;width:20rem!important}.field-height{margin-top:-15px!important}
.date-picker-1{padding-left:0}
.file-chooser-border-al{border:1px solid black;padding:3px;border-radius:3px}
.field-important-ial{color:#b64143!important}
.dropdown-height-ial{height:34px!important}
.pd-left-btn-group-ial{padding-left:0!important}
.view-template-collapse{background:#f5f5f5;border:2px solid #dcdcdc;border-radius:5px;display:flex;flex-direction:row;padding:2px;justify-content:flex-start;align-items:center;cursor:pointer;height:40px;margin-top:3px}.view-template-collapse-content{border:2px solid #dcdcdc;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:7px;padding-bottom:15px}
.dropdown-height{height:34px!important}
.pd-btm-title-bar{padding-bottom:0!important}
#create-sla {padding-bottom:15px;margin-left: 230px !important;}
.multi-valueh4{padding:10px 0px; margin-top:-20px;}
/* #a-notes .ag-theme-balham{margin-top:35px;} */
  /**** Kerala CSS End***/
  /**** Normal CSS End***/

  .fixed-top1{padding-top: 5px;}
.fixed-top {    top: 39px;}
.value-text input.form-control,.value-text .ui.selection.dropdown {
    background: #f8f8f9;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none;
}
.modal-dialog {
    /*position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    margin: 6.75rem auto !important;*/
        position: relative;
    width: 50%;
    display: block;
    /* margin: .5rem; */
    /* pointer-events: none; */
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;

}
.modal-dialog{ width: 80%; }
.modal-lg {  max-width: 100%; }
.mr-2, .mx-2 {
    margin-right: 1.5rem!important;
}
.phonestripe{
  background-color: #da0000 !important;
  color: #ffffff !important;
}

.custom-badge {
	font-size: 12px;
    padding: 0px 25px 0px 5px;
    border-radius: 5px;
}

[badge]:after {
    background: red;
    border-radius: 30px;
    color: #fff;
    content: attr(badge);
    /* margin-left: 6px; */
    font-size: 11px;
    margin-top: -6px;
    min-width: 20px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

[badge^="-"]:after,
[badge="0"]:after,
[badge=""]:after {
   /* display: none; */
}

/*@media only screen and (min-width: 778px){
.modal-dialog {max-width: 900px;}

}*/
@media only screen and (max-width: 1024px){.padding-0 { padding-right: 15px!important;}.modal-dialog{​​​​​ max-width: 500px; margin: 6.95rem auto !important; }​​​​​

}
@media only screen and (max-width: 990px){
	div#extra-header-right-container {
		margin-top: 0px;
		margin-bottom: 7px;
	}
		
/*.modal-lg {
    max-width: 700px;
    margin: 6rem 20rem !important;
}.form-group {
    margin-bottom: 0.40rem;
}*/
.bd-callout { float:none; margin-left:0;}
.top-band .text-right, .page-header .text-right {text-align: left !important;}
@media (min-width: 1366px){
.modal-dialog {
    max-width: 500px !important;
    margin: 10rem 26rem !important;
  }.modal-dialog{​​​​​ max-width: 500px; margin: 6.95rem auto !important; }​​​​​

}
@media only screen and (max-width: 768px){
#a-contacts input[type="checkbox"]:checked:after {margin-top: -1px;}
/*Login Page - july 7*/
.login-leftimg {width:100%;}
.login-form {
    margin-top: 0px !important;
    margin-bottom: 30px;
    text-align: center;

}
form[role=login]{
	padding: 20px !important;
}
h1.login-title {
    margin: 50px 0px 0px 0px;
}
.navbar-toggler{
	margin: 5px;
	padding: .25rem .25rem !important;
    font-size: 1rem !important;
	background-color: #666666 !important;
}
/*Login Page End */

/*FSR July 7*/
.navbar li a{
	color: #000 !important;
}
div#sr-grid-action-container {
    line-height: 38px;
    margin-bottom: 10px;
}
.top-band{position: inherit !important;}
div#extra-header-right-container {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    line-height: 38px !important;
}
form#mainFrom{
	margin: 14px 14px 0px 14px !important;
}
.top-band {
    top: 0px !important;
}
div#dealerPicker_party-grid-action-container {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: 38px !important;
}
div#customerPicker_Customer-grid-action-container {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: 38px !important;
}
div#contractorPicker_Contractor-grid-action-container {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: 38px !important;
}
div#partyPicker_party-grid-action-container {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    line-height: 38px !important;
}
.ckeditor {
    width: 100% !important;
}
/*FSR July 8*/
.sticky-bar{position: inherit !important;margin-right: 0px !important;
}
div .sticky-bar {
    margin-top: 55px !important;
}
div .sticky-bar1 {
    margin-top: 15px!important;
    max-width: 100% !important;
}
.sticky-panel{
	font-size: 4vw !important;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 10px !important;
	font-size: 14px !important;
}
.nav-tabs .nav-link{
	margin-bottom: 6px;
    margin-left: 3px;
    font-size: 4vw;
}
.flot-icone select {
    width: 100%;
}
.flot-icone{
	margin-left: 0px;
    padding-left: 0px;
	line-height: 38px;
}
/* #sr-activities div#activity-grid-action-container {
    margin-bottom: 10px;
    margin-top: 15px !important;
    line-height: 40px;
} */
#sr-orders .float-right {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    margin-right: 0px;
    line-height: 38px;
}
#sr-notes div#notes-grid-action-container {
        margin-top: -4px !important;
    line-height: 40px;
}
#create-note-btn {
    float: right;
    right: 235px !important;
    margin-top: 0px;
	margin-bottom: 36px;
}
div#rebate-grid-action-container {
    margin-bottom: 10px;
    line-height: 40px;
}
div#associated-parties {
    margin-bottom: 10px;
    line-height: 40px;
}
div#time-entry-container {
    margin-bottom: 10px;
    line-height: 40px;
}
#sr-history div#sr-history-grid-action-container {
    margin-bottom: 10px;
    line-height: 40px;
}
/*FSR July 8*/
.float-right #create-attachment-btn {
    float: left !important;
    /*margin-right: 23px!important;
    /*margin-bottom: 36px; */
}

/* #create-bookmark-btn {
    float: left !important;
    margin-left: -290px!important;
   
} */
#sr-attachments div#attachment-grid-action-container{line-height: 40px;margin-top: -5px !important;margin-bottom: 5px !important;}
.float-right #create-note-btn{margin-right: 184px !important;}
.modal{top: 24rem;}
div#order-grid-action-container {
    line-height: 40px;
    margin-bottom: 5px !important;
    margin-top: 3px !important;
}
div#orderPicker-grid-action-container {
    line-height: 40px;
    margin-bottom: 10px;
}
#main{padding:0px !important;}
.dash-panel{width: 100% !important;}
.row {
    width: auto !important;
}
div#templatePicker_campaign-grid-action-container{
	line-height: 40px;
	margin-bottom:5px;
}
.pd-btm-title-bar {
    margin-top: 85px !important;
}
/*FSR July 13*/
#a-contactInfo .table-striped{display:block;width: 100%;margin-bottom: 15px;overflow-y: hidden;}
#rfmMetric .noselect {
    line-height: 40px;
    margin-top: 5px;
}

a.panel-collapse.collapse.show.text-info {
    margin-top: 60px;
}
div#add-contact-modal_addcontact-grid-action-container{line-height: 40px;margin-bottom: 5px;margin-top: 3px;}
div#serviceRequest-grid-action-container {line-height: 40px;margin-bottom: 5px;margin-top: 3px;}
#a-opportunities .noselect {margin-top: 0px !important;margin-right: 0px !important;line-height: 40px;float: inherit !important;}
.space-check {margin-left: -230px !important;line-height: 40px;margin-bottom: 30px;margin-top: 0px !important;}
#a-activities .noselect {line-height: 40px;margin-bottom: 5px;}
#a-notes .noselect {margin-top: -76px !important;margin-right: 0px;line-height: 38px;}
/* #a-attachments .noselect {margin-top: -41px;margin-right: 0px !important;line-height: 40px;float: inherit !important;} */
#a-onboarding .noselect {margin-top: 5px;margin-right: 0px;margin-bottom: 5px;}
#a-campaigns div#campaign-grid-action-container {margin-top: 0px !important;margin-right: 0px;line-height: 40px;margin-bottom: 5px;}
div#campaignPicker_campaign-grid-action-container {line-height: 40px;margin-bottom: 5px !important;margin-top: 3px !important;}
#campaignPicker .modal-lg{width: inherit !important;}
/* #a-notes #create-note-btn{margin-right: 143px !important;} */
#sr-notes #create-note-btn{
	float: left !important;
    margin: 0px 0px 0px 5px !important;
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
    display: inline-block !important;
}
#a-orders .float-right{    margin-right: 0px !important;}
#a-contacts .float-right.position-absolute {padding-right: 25px !important;}
#a-onboarding .noselect {margin-top: 5px !important;margin-right: 125px !important;}
/* #sr-activities .space-check{margin-left: -155px !important;margin-bottom: -9px !important;} */
#sr-communication-history .text-left #compose_btn{margin-top: 0px !important;}
#sr-attachments #create-bookmark-btn {
	margin-left: 5px !important;
    margin-top: 2px !important;
    float: left !important;
}
#sr-attachments .float-right #create-attachment-btn {
	float: left !important;
    margin: 0px 0px 0px 5px !important;
	}
/* #a-attachments #create-bookmark-btn {margin-left: -252px!important;} */
/* #a-attachments .float-right #create-attachment-btn {margin-right: -15px !important;} */
#a-details .flot-icone {margin-left: -25px !important;padding-left: 15px !important;line-height: 30px !important;}
#create-attachment-modal .poplabel-left {margin-left: 0px !important;}
#details .flot-icone {margin-left: -15px;padding-left: 7px;line-height: 28px;margin-top: 5px;}
#contactInfo .contact-table{width: 100%;margin-bottom: 15px;overflow-y: hidden;display: block;}
#serviceRequests .sr-check {margin-top: 21px !important;margin-right: 35px;}
#c-orders .noselect {float: right!important;margin-top: -10px !important;margin-right: 0px !important;}
#c-activities div#activity-grid-action-container {margin-top: -30px !important;margin-right: 0px !important;line-height: 40px;}
#c-notes .float-right #create-note-btn {margin-right: -12px !important;margin-bottom: 0px !important;}
#c-notes .noselect {margin-bottom: 5px !important;margin-top: -5px !important;margin-right: 0px !important;line-height: 40px;}
#c-notes a.btn.btn-xs.btn-primary.m5 {margin-top: 0px !important;margin-right: 0px !important;}
#c-campaigns a.btn.btn-xs.btn-primary.m5 {margin-top: 10px !important;}
#c-campaigns .noselect{margin-bottom: 10px !important;margin-top: 5px !important;line-height: 40px;margin-right: -13px !important;}

/* FSR Home */
#appbar1 .smallcard-box{max-width: 50% !important;}
#main .dash-panel {width: auto !important;}
p.mb-0
{   font-size: 11px;
	float: left;
    margin-top: 10px;
    text-align: left;
}
.header-title {
    line-height: 13px;
    margin-bottom: 5px !important;
}
.form-check-inline{
	line-height: 35px;
}
ag-grid-angular #SERVICE_REQUEST_LIST{
	display: inherit !important;
}
i.fa.fa-exclamation.text-light {
    padding: 5px 17px !important;
}
.inner.float-left.mr-4 h4 {
    margin-top: 30px;
    text-align: left;
}
 /*.dropdown, .dropup {
    position: relative;
   display: none;
}*/
.small-box h4{font-size: 13px;}
.ag-theme-balham{display: block !important;}
.text-right.pd-cbx-lbls {
    text-align: left !important;
}
div#scheduledDate_from_picker1 {
    width: 100% !important;
}
div#scheduledDate_to_picker2 {
    width: 100% !important;
}
div#dateRange_from_picker1{
	width: 100% !important;
}
div#dateRange_to_picker2{
	width: 100% !important;
}
input[type="checkbox"]:checked:after{margin-top: -10px;}
#listof-lead div#lead-grid-action-container {
    line-height: 40px; margin-bottom: 10px;
}
.goto-btn{width: 55px !important;height: 35px !important;}
div#activity-grid-action-container {
    line-height: 40px;
    margin-bottom: 7px;
}
div#actualDate_from_picker1 {
    width: 100% !important;
}
div#actualDate_to_picker2 {
    width: 100% !important;
}
.mid {
    margin: 10px 10px 10px 0px;
}
div#view-detail {
    margin-top: 12px !important;
}
h2, .h2 {
    font-size: 16px;
    font-weight: 700;
}
h1, .h1 {
    font-size: 20px;
    font-weight: 700;
}
/* span#attachment-refresh-pref-btn {
    margin-top: 36px;
} */
#findsr-grid .noselect {
    margin-bottom: 12px;
    line-height: 40px;
}
span.input-group-addon.var-btn {
    margin: 5px auto !important;
}
.pd-btm-title-bar #srDateRange_to_picker2{
	width: 100% !important;
	margin-left:0px !important;
}
#lead-grid-action-container .ml-2, .mx-2{
	margin-left:0rem!important;
}
.bootstrap-datetimepicker-widget{
	width:220px !important;
}
#sr-grid-action-container .ml-2, .mx-2{
	margin-left:0.2rem!important;
}

.value-text{
	font-weight: bold;
}
.modal-dialog {
    width: 96%;
}
.cust-icon{width: 15px;
    height: 15px;}
#appbar1 .float-right{
    display: grid;
    float: left !important;
}
#appbar1 .ml-2, .mx-2 {
    margin-left: 0rem!important;
}
#sr-communication-history .padding-r{
	margin-left: -55px !important;
	width: 288px !important;
}
#htmlDisplay .ckeditor {
    
    width: 260px !important;
    margin-left: -8px !important;
}
#sr-communication-history div#attachment_row {
    margin-left: -40px !important;
    width: 290px !important;
}
span#create-activity {
    padding: 3px;
    margin-top: -5px;
    margin-left: 7px;
}
.ml-2, .mx-2 {
    margin-left: 0.2rem !important;
}
#sr-attachments span#attachment-refresh-pref-btn {
    margin-top: 0px !important;
}
button#create-time-entry-btn {
    margin-left: 12px;
    margin-top: 20px;
}
button#reset-btn{
	margin-left: 12px;
    margin-top: 20px;
}
.text-left.ml-3 {
    margin-top: 25px;
}
.navbar-collapse{
	height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}
/*--------------------- FSR Technician Location --------------------*/
div#technician-grid-action-container {
    line-height: 40px;
    margin-bottom: 5px;
}
.back-to-top{
	display: none !important;
}
.view-tech {
    width: 100% !important;
}




/*FSR End */

.mobresponse{ width: 110px !important;text-align: left !important; }
.wrapper {height: auto; position: inherit; overflow:visible;}
.scroller-right {display:none !important;}
.list{ position: inherit; min-width:auto;}
.list li {display:block;}
.nav-tabs {   overflow-x: auto; overflow-y: hidden; display: -moz-box; display: -webkit-box;}
.nav-tabs>li { float: none;}
.longtext {text-overflow: ellipsis; width: 180px; white-space: nowrap; overflow: hidden;}
.longtext-nowrap { width: 180px; overflow: hidden;}
.offset-sm-2 { margin-left: 17.1% !important;}
.card-head .text-right{display:inline-block;float: none; text-align: left !important; margin-left:0;padding:0}
.top-band h3, .top-band h2 , .top-band h1  {display: block; float: none !important;}
.top-band {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom: 10px;}

}

@media only screen and (max-width: 767px){
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd;}
#main {  transition: margin-left .5s;  padding: 0px 0px 30px; width:100%;margin-left: 0px;margin-top:85px;}
.bd-callout {width:100%; float:none;}
.container .text-muted, .container-fluid .text-muted {text-align:center!important;margin: 5px 0;}
.navbar-dark{padding:0px; }
.top-band {top:50px;}
.nav {padding-left: 0px;}
.navbox-trigger {width: 40px;}
.navigation-bar {position: absolute !important;top: 0; left:0;}
.navbar-brand-tit {margin-left:0px;margin-right: 0px; font-weight:700;}
.navbox {min-width: 370px;}
.navbox-tiles .tile {width: 70px;height: 70px; margin:5px;}
.navbox-tiles .tile img {width:100%;}
.navbox-tiles .tiletxt {font-size: 10px; top: 50px; text-align: center; padding:3px 2px; }
.navbar-toggler {    border: 0px solid transparent; }
.bar img {height:50px;padding: 0px 0px 10px 5px;}
.navbar  li a {  padding: 5px 8px 5px 10px !important;  text-decoration: none;  font-size: 15px;  color: #fff;  display: block;  transition: 0.3s;}
.navbar  li a:hover {  color: #fff;  border-left:0px #FF3333 solid;}
.navbar   li a{border-top:1px solid #e4e3e3}
.dropdown  .dropdown-item {border-top:0px solid #e4e3e3}
.slidingDiv {  width: 100%;}
.modal-xl { max-width: 100%;  z-index: 99999;}
#slide-navbar-collapse1 {position: fixed; top: 45px; right: 0px; z-index: 99; width:100%; height: auto; background-color: #000;overflow: auto; white-space: nowrap; padding:5px 0px;}
.sidebar .dropdown-toggle::after { right: 10px;  position: absolute; margin-top: 7px;}

}
@media screen and (max-width: 766px) {
  .sg-number .right-details .right-1 {border-bottom: 1px solid #de920e; padding-bottom: 5px; border-left: none; } .modal-dialog{​​​​​ max-width: 500px; margin: 6.95rem auto !important; }​​​​​
} 
@media screen and (max-width:680px){.card-head .text-right{margin-left:0;padding:0}}
@media screen and (max-width:586px){.card-head{padding-bottom:5px}.modal-dialog{​​​​​ max-width: 500px; margin: 6.95rem auto !important; }​​​​​
}
@media screen and (max-width: 370px) {}

@media only screen and (max-width: 990px)
@media only screen and (max-width: 768px){
.nav>li>a
{font-size: 3vw;}
}
/*---------------Search Header Menu Start-------------*/

fieldset {
  margin: 0;
  padding: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  border: 0;
}

legend {
  margin: 0;
  padding: 0;
  display: block;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
}

/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: #EAEAEA;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices[data-type*="select-one"] {
  cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*="select-one"] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin: 0;
}

.choices[data-type*="select-one"] .choices__button {
  background-image: url("../../icons/cross-inverse.svg");
  padding: 0;
  background-size: 8px;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .5;
}

.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #00BCD4;
}

.choices[data-type*="select-one"]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*="select-one"].is-open:after {
  border-color: transparent transparent #333333 transparent;
  }

.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
  cursor: text;
}

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url("../../icons/cross.svg");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
}

.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #DDDDDD;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 28px;
  overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir="rtl"] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00BCD4;
  border: 1px solid #00a5bb;
  color: #FFFFFF;
  word-break: break-all;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}

.choices__list--dropdown.is-active {
  display: block;
}

.is-open .choices__list--dropdown {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0;
}

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item {
  position: relative;
  padding: 5px 10px;
  font-size: 14px;
}

[dir="rtl"] .choices__list--dropdown .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: .5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: .5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input:focus {
  outline: 0;
}

[dir="rtl"] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: .5;
}

/*=====  End of Choices  ======*/
* {
  box-sizing: border-box;
}

.s003 {
 /* min-height: 100vh;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  background-size: cover;
  background-position: center center;
}

.s003 form {
  width: 100%;
  max-width: 790px;
  margin-bottom: 0;
    margin-top: 2px;
}

.s003 form .inner-form {
  background: #fff;
  border: 0.75px solid #e9ecef;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  /*box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);*/
  border-radius: 3px;
}
.search-place{
  font-size: 14px !important;
}
.s003 form .inner-form .input-field {
  height: 28px;

}

.s003 form .inner-form .input-field input {
  height: 100%;
  background: #f7f6f6;
  border: 0;
  display: block;
  width: 100%;
  min-width: 180px;
  padding: 10px 10px;
  font-size: 13px;
  color: #555;
}

1
.s003 form .inner-form .input-field input:focus
{width:300px;}

.s003 form .inner-form .input-field input.placeholder {
  color: #888;
  font-size: 16px;
}

.s003 form .inner-form .input-field input:-moz-placeholder {
  color: #888;
  font-size: 16px;
}

.s003 form .inner-form .input-field input::-webkit-input-placeholder {
  color: #888;
  font-size: 16px;
}

.s003 form .inner-form .input-field input:hover, .s003 form .inner-form .input-field input:focus {
  box-shadow: none;
  outline: 0;
  border-color: #fff;
}

.s003 form .inner-form .input-field.first-wrap {
  min-width: 59px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.s003 form .inner-form .input-field.first-wrap .choices__inner {
  background: #02829d;
  border-radius: 4px 0px 0px 4px;
  border: 0;
  height: 100%;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  /*    align-items: center;*/
  padding: 4px 27px 4px 5px;
}

.s003 form .inner-form .input-field.first-wrap .choices__inner .choices__list.choices__list--single {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.s003 form .inner-form .input-field.first-wrap .choices__inner .choices__item.choices__item--selectable.choices__placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  opacity: 1;
  color: #fff;
}

.s003 form .inner-form .input-field.first-wrap .choices__inner .choices__list--single .choices__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  color: #FFFFFF;
}

.s003 form .inner-form .input-field.first-wrap .choices[data-type*="select-one"]:after {
  right: 14px;
  border-color: #FFFFFF transparent transparent transparent;
}

.s003 form .inner-form .input-field.first-wrap .choices__list.choices__list--dropdown {
  border: 0;
  background: #fff;
  padding: 10px;
  margin-top: 2px;
  border-radius: 4px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  width: 250px;
}

.s003 form .inner-form .input-field.first-wrap .choices__list.choices__list--dropdown .choices__item--selectable {
  padding-right: 0;
}

.s003 form .inner-form .input-field.first-wrap .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #fff;
  color: #0091b0;
}

.s003 form .inner-form .input-field.first-wrap .choices__list--dropdown .choices__item {
  color: #555;
  min-height: 24px;
}

.s003 form .inner-form .input-field.second-wrap {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.s003 form .inner-form .input-field.third-wrap {
  width: 40px;
}

.s003 form .inner-form .input-field.third-wrap .btn-search {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  color: #0091b0;
  border: 3px solid #f7f6f6;
  cursor: pointer;
  background: #f7f6f6;
  transition: all .2s ease-out, color .2s ease-out;
  
}

.s003 form .inner-form .input-field.third-wrap .btn-search svg {
  width: 12px;
}

.s003 form .inner-form .input-field.third-wrap .btn-search:hover {
  background: #f7f6f6;
  color: #0091b0;
}

.s003 form .inner-form .input-field.third-wrap .btn-search:focus {
  outline: 0;
  box-shadow: none;
}

@media screen and (max-width: 992px) {
  .modal-dialog{​​​​​ max-width: 500px; margin: 6.95rem auto !important; }​​​​​

  .s003 form .inner-form .input-field {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .s003 form .inner-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
  }
  .s003 form .inner-form .input-field {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .s003 form .inner-form .input-field input {
    padding: 10px 15px;
  }
  .s003 form .inner-form .input-field.first-wrap {
    width: 100%;
    border-right: 0;
  }
  .s003 form .inner-form .input-field.first-wrap .choices__inner {
    padding: 10px 15px;
  }
  .s003 form .inner-form .input-field.first-wrap .choices[data-type*="select-one"]:after {
    right: 11.5px;
    border-color: #e5e5e5 transparent transparent transparent;
  }
  .s003 form .inner-form .input-field.second-wrap {
    width: 100%;
    margin-bottom: 30px;
  }
  .s003 form .inner-form .input-field.second-wrap input {
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .s003 form .inner-form .input-field.third-wrap {
    margin-bottom: 0;
    width: 100%;
  }
  #a-communicationInfo .float-right {
	float: none !important;
  }
  #customFields .float-right{float: none !important;}
  #customFields a.btn.btn-xs.btn-primary.m5 {margin-top: -18px !important;margin-right: 0px !important;}
  .float-right.noselect{line-height: 40px !important;margin-top: 5px;}
  i.fa.fa-phone.btn.btn-xs.btn-primary.tooltips {font-size: 14px !important;}
  .poplabel-left {margin-left: 12px;}
  .ui.selection.dropdown {padding: 0.375rem 0.3rem;height: 34px !important;}
}

.cust-icon:hover {
    color: #0091b0;
}
/*---------------Search Header Menu End-------------*/