﻿.page-header-custom 
{
    left:0;
    right:0;
    padding:0px;
    margin: -10px 0 10px 0;
    border-bottom:none;
    display:block;
}
.page-header-title{
    left:0;
    right:0;
    padding:0px;
    margin: 60px 0 10px 0;
    border-bottom:none;
    display:block;
}

.alert-small{
    padding: 5px 10px;
    margin-bottom: 10px;
}
.font-smaller {
    font-size: smaller;
    font-weight:normal !important;
}
footer p {
    text-align:center;
    padding:5px;
    font-size:smaller
}

.panel-title-large-center {
    font-size:24px;
    text-align:center;
}

.panel-title > .panel-title-description{
    font-size:small;
    color:silver;
}

.page-title-custom {
    margin: 10px 0;
    border-bottom: 1px solid #eee;
}

.tab-content > .active {
    padding: 20px 0 10px 0;
} 
/* margin bottom*/
.mb50 { margin-bottom:50px; }
.mb40 { margin-bottom:40px; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }

.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }
.mb0 { margin-bottom:0px; }

/* margin top*/
.mt100 { margin-top:100px;}
.mt50 { margin-top:50px; }
.mt40 { margin-top:40px; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mt5 { margin-top:5px; }
.mt0 { margin-top:0px; }

.mr2 { margin-right:2px; }
.ml2 { margin-left:2px; }
.mr4 { margin-right:4px; }
.ml4 { margin-left:4px; }
.mr8 { margin-right:8px; }
.ml8 { margin-left:8px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }

.pr2 { padding-right:2px; }
.pl2 { padding-left:2px; }
.pr4 { padding-right:4px; }
.pl4 { padding-left:4px; }
.pr8 { padding-right:8px; }
.pl8 { padding-left:8px; }
.pr20 { padding-right:20px; }
.pl20 { padding-left:20px; }

.pagination-custom { margin: 5px 0; }
.pager-info 
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #337ab7;
    background-color: #fff;
    border-color: #ccc;
}

/** pager for wizard **/
.pager li {
    margin-right:2px;
}

.pager li > button {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
/*
.pager li > .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
*/
.pager li > .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.pager li > .btn-info:hover,
.pager li > .btn-info:focus,
.pager li > .btn-info:active,
.pager li > .btn-info.active,
.pager li > .btn-info.disabled,
.pager li > .btn-info[disabled] {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.pager li > .btn-info:active,
.pager li > .btn-info.active {
  background-image: none;
}
.pager li > .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.pager li > .btn-primary:hover,
.pager li > .btn-primary:focus,
.pager li > .btn-primary:active,
.pager li > .btn-primary.active,
.pager li > .btn-primary.disabled,
.pager li > .btn-primary[disabled] {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.pager li > .btn-success:active,
.pager li > .btn-success.active {
  background-image: none;
}
.pager li > .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.pager li > .btn-success:hover,
.pager li > .btn-success:focus,
.pager li > .btn-success:active,
.pager li > .btn-success.active,
.pager li > .btn-success.disabled,
.pager li > .btn-success[disabled] {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.pager li > .btn-success:active,
.pager li > .btn-success.active {
  background-image: none;
}
.control-label-normal{
    text-align:left;
    font-weight:normal;
}
.form-horizontal .control-label{
    text-align:left;
    font-weight:normal;
}
.form-horizontal .control-label-custom{
    text-align:left;
    font-weight:normal;
    padding-top:7px;
}
/** Color swatches **/
.color-swatches {
  margin: 10px 6px;
  overflow: hidden; /* clearfix */
}
.color-swatch {
  float: left;
  width: 15px;
  height: 25px;
  margin: 0px;
  border-radius: 3px;
}
.color-swatches .run-trend-created {
  background-color: #002060;
  /*background-color: rgb(0,32,96);*/
  /*border:2px solid rgb(38,44,56);*/
}
.color-swatches .run-trend-passed {
  background-color: #70AD47;
  /*background-color: rgb(112,173,71);*/
}
.color-swatches .run-trend-failed {
  background-color: #FF0000;
  /*background-color: rgb(255,0,0);*/
}
.color-swatches .run-trend-partial {
  background-color: #FFFF00;
  /*background-color: rgb(255,255,0);*/
}
.color-swatches .run-trend-deleted {
  background-color: #00B0F0;
  /*background-color: rgb(0,176,240);*/
}

.color-swatches .heat-map-created {
  background-color: #002060;
  /*background-color: rgb(0,32,96);*/
}
.color-swatches .heat-map-passed {
  background-color: #70AD47;
  /*background-color: rgb(112,173,71);*/
}
.color-swatches .heat-map-failed {
  background-color: #FF0000;
  /*background-color: rgb(255,0,0);*/
}
.color-swatches .heat-map-partial {
  background-color: #FFFF00;
  /*background-color: rgb(255,255,0);*/
}
.color-swatches .heat-map-deleted {
  background-color: #00B0F0;
  /*background-color: rgb(0,176,240);*/
}

.label-block
{
    display:block;
    font-weight: normal;
}
.ruler-custom {
    border: 1px solid #eee;
    margin: 5px 0 5px 0;
}

.label-inline-bold {
    padding:3px 3px 0 0;
    display:inline;
    font-weight:bold;
}

.label-inline-normal {
    font-weight:normal;
}
.input-height{ height:30px; }

.col-sm-pd-mg
{
    margin-left:0px;
    padding-left:0px;
}
.div-pd-mg
{
    padding:0px;
    margin:0px;
    width:25px;
}

span.required
{
    color: red;
    padding-left: 2px;
    font-weight:bold;
}

th.topLeft, td.topLeft
{
    vertical-align:top;
    text-align:left;    
}
th.topRight, td.topRight
{
    vertical-align:top;
    text-align:right;    
}
th.topCenter, td.topCenter
{
    vertical-align:top;
    text-align:center;    
}
th.middleLeft, td.middleLeft
{
    vertical-align:middle;
    text-align:left;    
}
th.middleRight, td.middleRight
{
    vertical-align:middle;
    text-align:right;    
}
th.middleCenter, td.middleCenter
{
    vertical-align:middle;
    text-align:center;    
}
th.bottomLeft, td.bottomLeft
{
    vertical-align:bottom;
    text-align:left;    
}
th.bottomRight, td.bottomRight
{
    vertical-align:bottom;
    text-align:right;    
}
th.bottomCenter, td.bottomCenter
{
    vertical-align:bottom;
    text-align:center;    
}

h4.no-tb-margin
{
    margin-top: 0px;
    margin-bottom : 0px;
}
    
div.businessTypes > .row > label.radio
{
    font-weight:normal !important; 
}

div.businessTypes > .row > label.radio
{
    font-weight:normal !important; 
}

#chkAcknowledge 
{
    width:25px;
    height:25px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
}

a.external, a.external:hover {
    background: url(/Content/common/images/linkexternal.png) center right no-repeat;
    padding-right: 13px;
}

a.external-clip, a.external-clip:hover {
    background: url(/Content/GIS/images/clip.png) center right no-repeat;
    padding-right: 18px;
}

.popover{
  width:300px;
}

#wrap .popover {
    width: 500px;
    max-width: none;
}

/* Header class for admin pages */
thead.headernew {
    background-color: #337ab7;
    color: #FFFFFF;

}

/* vertical row */
.mycontent-left {
  border-right: 1px dashed #333;
}
.mycontent-right {
  border-left: 1px solid #333;
}

/* text error */
.text-error {
    color: #b94a48;
}

/*header anchor color*/
thead.headernew > tr > th > a { color: #FFFFFF; }

/* panel heading color*/
.panel-group .panel-heading
{
    background-color:#337ab7;
    color: #FFFFFF;
}

/*child panel heading*/
.panel-group.childPanel .panel-heading
{
    background-color: #D5E5F5 !important;
    color: Black !important;
}

/*child panel heading*/
.panel-group.DropListPanel .panel-heading
{
    background-color: White;
    color: Black;
}

/*header anchor color*/
.panel-heading >a {color: #FFFFFF;}

/*header anchor color*/
#sectionInfo .panel-heading 
{
    background-color:#337ab7;                          
    color: #FFFFFF;
}
/*header anchor color*/
#sectionInfo .panel-heading >a {color: #FFFFFF;}

/*header anchor color*/
#sectionInfo1 .panel-heading 
{
    background-color:#337ab7;                          
    color: #FFFFFF;
}
/*header anchor color*/
#sectionInfo1 .panel-heading >a {color: #FFFFFF;}

/*row padding style*/
.newRow 
{
    padding-left: 12px;
    padding-right: 12px;   
}

/* Header class for sub accordion */
thead.headertblAccordion {
    background-color: #D5E5F5 /*#B2CDFF #EEF3FF #cbdbf7;*/;    
    color: black;
}
/*header sub accordion anchor color*/
thead.headertblAccordion > tr > th > a { color: black; }

/* button extension for blue color */
.btn-royalblue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4169E1;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #335EDE, #587DED);
    border-left-color: #587DED;
    border-right-color: #587DED;
    border-top-color: #587DED;
    border-bottom-color: #1439A8;
}
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.btn-royalblue.disabled,
.btn-royalblue[disabled] {
  color: #ffffff;
  background-color: #587DED;
  *background-color: #3E6AED;
}
.btn-royalblue:active,
.btn-royalblue.active {
  background-color: #1F4CD1 \9;
}
.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #68BF28;
  background-repeat: repeat-x;
  border-color: rgba(23, 183, 121, 0.5) rgba(23, 183, 121, 0.5) rgba(20, 137, 92, 0.5);
  *background-image: linear-gradient(to bottom, #68BF28, #3D8B19);
    border-left-color: #3D8B19;
    border-right-color: #3D8B19;
    border-top-color: #3D8B19;
    border-bottom-color: #68BF28;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #3D8B19;
  *background-color: #68BF28;
}
.btn-green:active,
.btn-green.active {
  background-color: #1F4CD1 \9;
}

/* btn gray */
.btn-gray {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9AB0C3;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335EDE', endColorstr='#ff587DED', GradientType=0);
  border-color: #9AB0C3;
  border-color: rgba(79, 88, 85, 0.15) rgba(79, 88, 85, 0.15) rgba(79, 88, 85, 0.15);
  *background-image: linear-gradient(to bottom, #9AB0C3, #9AB0C3);
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.btn-gray.disabled,
.btn-gray[disabled] {
  color: #ffffff;
  background-color: #9AB0C3;
  *background-color: #9AB0C3;
}
.btn-gray:active,
.btn-gray.active {
  background-color: #1F4CD1 \9;
}

a.blocklink
{
	padding-right:15px;
	text-decoration:underline;
	display:inline-block;
}

.bordered-div {
    /*max-width: 300px;
    padding: 19px 29px 29px; */
    /*padding : 25px 10px 5px;
    margin: 0 auto 20px;*/
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.bordered-div2 {
    /*max-width: 300px;
    padding: 19px 29px 29px; */
    padding : 50px 30px 50px 30px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}


/*header anchor color*/
.panelMaster .panel-heading 
{
    background-color:#337ab7;                          
    color: #FFFFFF;
}

/*header anchor color*/
.panelMaster .panel-heading >a {color: #FFFFFF;}

/*anchor font weight*/
.a-custom
{
    font-weight : bold;
    color: Blue;
}

/*image menu item width and height */
img.menu-item
{
	width:85px;
	height:85px;
}

/*a popover glyphicon*/
a i.IconWhite { color: white; }
a i.IconBlack { color: black; }
i.IconGray { color: gray; }
a i.IconWhite:hover { color: Black; }
a i.IconBlack:hover { color: Black; }
i.IconGray:hover { color: Black; }


/*a special links*/
.urlColor { color: Blue; }
.urlColor:hover { color: Blue; }

.second-navbar{
  top:50px;
}

.login-box {
    width: 600px;
    padding: 20px auto 10px auto;
    margin: 200px auto 10px auto;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.login-box2{
    width: 600px;
    padding: 10px auto 10px auto;
    margin: 10px auto 200px auto;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/*table font size over system */
.table
{
    font-size: 13px;
}

/* anchor disable*/
.not-active {
 pointer-events: none;
 cursor: default;
 color:gray;
}

/*small popover*/
#smallPopover .popover {
    width: 130px;
    max-width: none;
}

/*medium popover*/
#MediumPopover .popover {
    width: 200px;
    max-width: none;
}

/*medium popover*/
#XlargePopover .popover {
    width: 500px;
    max-width: none;
}

/*drop down menu scroll bar */
#divSortByLinks ul li ul 
{
    max-height: 250px; /* you can change as you need it */
    overflow: auto; /* to get scroll */
}

/*glyphicon color*/
.i .glyphicon .iconColor
{
    color: white;
}

/*panel tab active back ground color*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/* badge colors for bootstrap 3*/
.badge-success {
    background-color: #468847 !important;
}
.badge-warning {
    background-color: #f89406 !important;
}
.badge-important {
    background-color: #b94a48 !important;
}
.badge-info {
    background-color: #3a87ad !important;
}
.badge-inverse {
    background-color: #333333 !important;
}

/* search list items showing behind modal issue*/
.modal-z-index{
    margin: 25px auto;
    z-index: 20;   
}

/*drop zone css */
.dropzone {
    min-height: 50px !important;
    border: 2px dotted rgba(99, 80, 80, 0.3) !important;
    background-color:rgba(190, 231, 243, 0.45) !important;
    height:50px !important;
    width: 150px !important;
    padding:3px !important;
}
/*drop zone css */
.dropzone .dz-message {
    text-align: center !important;
    margin: 0em 0 !important; 
}

/*drop down menu height */
.dropdown-menu {
    max-height: 300px; 
    overflow-y: auto;
}

/*Multi select container height and width*/
/*.multiselect-container {height:250px;width:440px;overflow-y:scroll;overflow-x: scroll}*/

/*phone number slash*/
.phone-number .col-xs-2::after{
 content: "-";
 position:absolute;
    right: 5px;
    color: black;
    border: 0px solid;
    top: 5px;
}


.more-less {
        float: right;
        color: #212121;
    }

/*PANEL Expand or Collapse icon  */
.panel-heading .panel-toggle-chevron,
.panel-heading .panel-toggle-plus-sign {
    display: block;
}

.panel-heading .panel-toggle-chevron::after {
    font-family: 'Glyphicons Halflings';
    float: right;
    -webkit-font-smothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e114";
}

.panel-heading .panel-toggle-chevron.collapsed::after {
    content: "\e080";
}

.panel-heading .panel-toggle-plus-sign::after {
    font-family: 'Glyphicons Halflings';
    float: right;
    -webkit-font-smothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e082";
    color: #e5e5e5;
}

.panel-heading .panel-toggle-plus-sign.collapsed::after {
    content: "\e081";
    color: #e5e5e5 ;
}

/* Row high light colors */
table.table.table-striped tr.Lt-Green td {
    background-color:#F5F6CE !important;
}

table.table.table-striped tr.Sea-Green td {
    background-color:#E0FFFF !important;
}

table.table.table-striped tr.Lt-Pink td {
    background-color:#FCDFFF !important;
}

table.table.table-striped tr.Md-Pink td {
    background-color:#F2D5F5 !important;
}

table.table.table-striped tr.White td {
    background-color:#FFFFFF !important;
}

