html {
    height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FCFCFC;
}

.breadcrumb {
    background-color: #FCFCFC;
}

a {
    color: #30B996;

}

    a:hover {
        color: #1ab1c1
    }


.navbar-static-top {
	margin-bottom: 20px;
}

i {
	font-size: 16px;
}

.nav > li > a {
	color: #787878;
}

.navbar-right-padded {
	padding-right: 15px;
}

.well {
	width: 100%;
	display: block;
}

.well-sm {
	padding: 2px;
	margin: 0px;
}

.well-pull-right {
	text-align: right;
}

.well-bold {
    font-weight: bold !important;
}

.well-red {
    color: #a94442 !important;
}

footer {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*background-color:#efefef;*/
}

/* count indicator near icons */
.nav > li .count {
	position: absolute;
	bottom: 12px;
	right: 6px;
	font-size: 9px;
	background: rgba(51,200,51,0.55);
	color: rgba(255,255,255,0.9);
	line-height: 1em;
	padding: 2px 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.scrollable-menu {
	height: auto;
	max-height: 240px;
	overflow-x: hidden;
	/*padding-right:12px;*/
}

.scrollable-chklist {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
	/*padding-right:12px;*/
}

.takeofftypetable label {
	font-weight: normal;
}

.takeofftypetable td {
	padding: 3px !important;
}

#leftNav {
	max-height: 100%;
	overflow-y: auto;
}

	#leftNav .nav > li {
		padding: 0;
	}

		#leftNav .nav > li > a {
			position: relative;
			display: block;
			padding: 5px 15px;
		}

#leftPane {
	height: 100%;
	padding-right: 0;
}

	#leftPane .nav {
		width: 95%;
	}

	/*#leftPane li {*/
		/*border:0 #f2f2f2 solid;*/
	/*}*/

	#leftPane .panel-heading {
		padding: 5px 15px;
	}

	#leftPane .panel-body {
		padding: 8px;
	}

	#leftPane ul.list-unstyled li {
		padding-left: 7px;
		padding-right: 0px;
		/*padding-top: 4px;*/
	}

	#leftPane ul.list-unstyled ul {
		padding-left: 10px;
		list-style: none;
	}

	#leftPane .glyphicon {
		font-size: .6em;
		text-align: center;
		vertical-align: text-top;
		line-height: 12px;
	}

/*#leftPane ul.list-unstyled {  */
		/*border-top: #e0e0e0 solid 1px;*/
	/*}*/

		#leftPane ul.list-unstyled ul.list-unstyled .glyphicon {
			color: green;
		}

	#leftPane .panel {
		margin-bottom: 10px;
	}

	#leftPane ul {
		margin-bottom: 0;
	}

    #leftPane li {
        color: #000;
    }

    #leftPane li a {
        color: #000;
    }

        #leftPane li a:hover {
            color: #30B996;
        }

        #leftPane li a:focus {
            color: #30B996;
        }

        #leftPane li a:active {
            color: #30B996;
        }

.row-divider {
	border-top: 1px solid #dddddd;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.table .row {
	padding: 3px 0px;
}

/*** Adv Search ***/
.dropdown.dropdown-lg .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
}

.input-group-btn .btn-group {
	display: flex !important;
}

.btn-group .btn {
	border-radius: 0;
	margin-left: -1px;
}

	.btn-group .btn:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

.btn-group .form-horizontal .btn[type="submit"] {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.form-group .form-control:last-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {
	#adv-search {
		width: 500px;
		margin: 0 auto;
	}

	.dropdown.dropdown-lg {
		position: static !important;
	}

		.dropdown.dropdown-lg .dropdown-menu {
			min-width: 500px;
		}
}
/*** Adv Search end ***/

/*** Search Row ***/
#searchMenu {
	width: 200px !important;
	padding-bottom: 10px;
}

/** UI Menu ***/
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

	.ui-menu .ui-menu {
		position: absolute;
	}

	.ui-menu .ui-menu-item {
		position: relative;
		margin: 0;
		padding: 3px 1em 3px .4em;
		cursor: pointer;
		min-height: 0; /* support: IE7 */
		/* support: IE10, see #8844 */
		list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	}

	.ui-menu .ui-menu-divider {
		margin: 5px 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		border-width: 1px 0 0 0;
	}

	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active {
		margin: -1px;
	}

/** UI Autocomplete ***/
.ui-autocomplete {
	height: auto;
	max-height: 250px;
	overflow-x: hidden;
}

/** branded ISI colors ***/
/*.navbar-inverse {
	background-color: #193661;
	border-color: #081337;
}*/

.navbar-inverse {
    background-color: #FCFCFC;
    border-color: #FCFCFC;
}

.navbar-inverse .navbar-brand {
	/*color: #D8C794;*/
	color: white;
}
 
/*.navbar-inverse .navbar-brand:hover {
		color: #D8C794;
}*/

    .navbar-inverse .navbar-brand:hover {
        color: #ffffff;
        /*background-color: #005ba7;*/
    }

.navbar-li {
    color: #000;
}

.navbar-li:hover {
    background-color: #d2d1d5;
}

.navbar-li li a:hover {
    background-color: #d2d1d5;
}


.navbar-inverse .navbar-nav > li > a {
    color: #000 !important;
    background-color: #FCFCFC;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #000;
        background-color: #FCFCFC;
    }

.navbar-inverse .navbar-nav > .open > a {
    color: #000 !important;
    background-color: #d2d1d5 !important;
}



/** Set links **/
#content a {
    text-decoration: underline;
}

a.btn {
	text-decoration: none !important;
}

.breadcrumb a {
	text-decoration: none !important;
}

.nav a {
	text-decoration: none !important;
}



/*.panel-primary {
	border-color: #081337;
}*/


#leftPane .panel-primary .panel-heading {
    background-color: #69777D;
    border-color: #EBEAEE;
}


.panel-primary {
    border-color: #EBEAEE;
}

/*.panel-primary .panel-heading {
	background-color: #193661;
}*/

    .panel-primary .panel-heading {
        background-color: #d2d1d5;
        border-color: #EBEAEE;
    }
 

.panel-override-medium {
    border-color: #EBEAEE;
}

    .panel-override-medium .panel-heading {
        background-color: #d2d1d5;
    }

.panel-override-primary {
    border-color: #EBEAEE;
}

    .panel-override-primary .panel-heading {
        background-color: #d2d1d5;
        color: #fff;
    }



/* #b7c9e5 */


.pagination > .active > a {
    background-color: #193661;
    border-color: #081337;
}


/* legacy menu  */
.MenuBody .MenuHeader {
	background-image: url('/Content/Images/MenuHeader_Background.png');
	background-repeat: no-repeat;
	height: 25px;
	color: white;
	font-weight: bold;
	width: 183px;
	vertical-align: middle;
}

.MenuHeader > .padding {
	padding: 3px 7px;
}

.MenuBody > .MenuSection > div {
	background-image: url('/images/menu_bullet_blue.gif');
	background-repeat: no-repeat;
	padding-left: 25px;
}

.MenuBody > .MenuSection .level2 {
	background-image: url('/images/menu_bullet_green.gif');
	background-repeat: no-repeat;
	padding-left: 35px;
}

.MenuBody > .MenuSection .level3 {
	background-image: url('/images/menu_bullet_green.gif');
	background-repeat: no-repeat;
	background-position-x: 10px;
	padding-left: 45px;
}

.MenuBody > .MenuSection .level3red {
	background-image: url('/images/menu_bullet_red.gif');
	background-repeat: no-repeat;
	background-position-x: 10px;
	padding-left: 45px;
}

.MenuBody > .MenuSection .level4 {
	background-image: url('/images/menu_bullet_green.gif');
	background-repeat: no-repeat;
	background-position-x: 20px;
	padding-left: 55px;
}

.MenuBody > .MenuSection .group {
	background-image: none;
	padding: 0;
	margin: 0;
}
/* end */

/* required elements  */
.required {
	font-size: .5em;
	vertical-align: text-top;
	color: #d9534f;
}

.ko-jq-error {
	color: #d9534f;
	border-color: #d43f3a;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

	.ko-jq-error:focus {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	}

.ko-jq-error::-webkit-input-placeholder {
   color: #d9534f;
   font-style: italic;
}
.ko-jq-error:-moz-placeholder {
   color: #d9534f;
   font-style: italic;  
}
.ko-jq-error::-moz-placeholder {
   color: #d9534f;
   font-style: italic;  
}
.ko-jq-error:-ms-input-placeholder {  
   color: #d9534f;
   font-style: italic; 
}

/* scroll fixes */
.modal-open .modal {
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow-y: scroll;
}

.no-margin {
	margin: 0;
}

.no-padding {
    padding: 0;
}

/*  fix checkboxes */

.checkbox .btn,
.checkbox-inline .btn {
	padding-left: 2em;
	min-width: 8em;
}

.checkbox label,
.checkbox-inline label {
	text-align: left;
	padding-left: 0.5em;
}

.checkbox {
	padding-left: 20px;
}

.checkbox-bottom {
	vertical-align: bottom;
}

.checkbox-nomargin {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*  fix radio button */
.radio .btn,
.radio-inline .btn {
    padding-left: 2em;
    min-width: 8em;
}

.radio label,
.radio-inline label {
	text-align: left;
	padding-left: 0.5em;
}

.radio {
	padding-left: 20px;
	margin: 0;
	display: inline-block;
}

/*       fix label      */
label {
	font-weight: normal !important;
}
/************************** ajax gmail loading ***************************************/
.loading {
	background-color: #d9534f;
	color: White;
	/*top: 0px;
	right: 0px;
	position: absolute ;*/
	float: right;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size: 10pt;
	display: none;
	clear: both;
}

.saving {
	background-color: #337ab7;
	color: White;
	/*top: 0px;
	right: 0px;
	position: absolute ;*/
	float: right;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size: 10pt;
	display: none;
	clear: both;
}

.loading_visible {
	background-color: #d9534f;
	color: White;
	/*top: 0px;
	right: 0px;
	position: absolute ;*/
	float: right;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size: 10pt;
}

/* Accordian */
.accordion {
	margin-bottom: 20px;
}

.accordion-outerheading {
	padding: 8px 15px;
}

.accordion-group, .accordion > .panel {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.accordion-heading {
	border-bottom: 0;
}

	.accordion-heading .accordion-toggle {
		display: block;
		padding: 8px 15px;
	}

	.accordion-heading .accordion-normal {
		padding: 8px 15px;
	}

.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}

.collapse.in {
	height: auto;
}

.FontRed {
	COLOR: #ff0000;
}

.FontWarn {
	color: #ff0000;
	font-weight: bold;
}

.errorText {
	COLOR: #ff0000;
}

.fixed-width-220 {
	width: 220px !important;
	display: inline-block;
}

.form-control-inline {
	display: inline;
}

.form-control-money {
	text-align: right;
}

/***** Product Editor *****/

.productSizeTextbox {
	width: 40px !important;
}

.productEditorInput {
	width: 180px !important;
}

.sizeTextbox {
	width: 50px;
}

.keywordsTextbox {
	width: 225px;
}

.input-sm {
	padding: 2px 2px !important;
}

.unusedRooms {
	height: 108px;
	border: 1px solid grey;
	padding: 5px;
	line-height: 16px;
}

.association {
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	padding: 8px 5px 8px 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

/*.table .TableHeader {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #00309c;
	color: white;
}*/

.table .TableHeader {
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #69777D;
    color: white;
}


/*.table .GridHeader {
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #00309c;
	color: white;
}

	.table .GridHeader a {
		FONT-WEIGHT: bold;
		BACKGROUND-COLOR: #00309c;
		color: white;
	}*/

.table .GridHeader {
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #54575A;
    color: white;
}

    .table .GridHeader a {
        FONT-WEIGHT: bold;
        BACKGROUND-COLOR: #54575A;
        color: white;
    }
 

/************ Buyer Editor ***************/
.buyer-quote .panel {
    min-height: 310px !important;
}

span.required-text {
	color: #a94442;
	font-size: larger;
	font-weight: bold;
}

span.optional-text {
	font-size: larger;
	font-weight: bold;
}

.buyer-quote-required .panel {
	border-color: #a94442;
}

#dlg-quote-history {
	margin: 0;
	padding: 0;
}

#quote-history {
	padding: 10px;
	max-height: 385px;
	overflow: auto;
	text-align: center;
}

	#quote-history table {
		width: 97%;
	}

		#quote-history table td {
			text-align: left;
			padding-top: 5px;
			padding-bottom: 5px;
		}

#quote-history-footer {
	padding: 10px;
	text-align: right;
}

	#quote-history-footer input[type="button"] {
		width: 75px;
	}

#dlg-cancel-job {
	margin: 0;
	padding: 0;
}

#dlg-cancel-quote {
	margin: 0;
	padding: 0;
}

.dlg-message {
	line-height: 1.5em;
	padding: 10px;
	margin: 0;
	text-align: left;
	font-size: larger;
}

.dlg-footer {
	margin: 10px 0;
	padding: 0;
	text-align: right;
}

	.dlg-footer input[type="button"] {
		width: 75px;
		margin-right: 10px;
	}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

/****** disabled link *********/
a.aspNetDisabled {
	text-decoration: none !important;
	color: gray;
	cursor: not-allowed;
}

.catalogActionColumn {
	width: 200px;
}

.MoneyTextBox {
	text-align: right;
}

/*bootstrap popover*/
.popover-content {
	max-height: 300px;
	overflow-y: auto;
	width: 100%;
	max-width: none;
	overflow-x: hidden;
	padding-right: 12px !important;
}

.popover {
	max-width: none;
}

.popover-content .table th {
	white-space: nowrap;
}

.popover-content .table td {
	white-space: nowrap;
}

/*fix inline label with menu anchor*/
.dropdown-menu > li > a {
	text-decoration: none !important;
}

/*White text on TableHeader*/
.TableHeader a,
.TableHeader a:link,
.TableHeader a:hover,
.TableHeader a:visited {
	color: white;
}

/*button groups fix*/
.btn-group-single {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

	.btn-group-single > .btn:first-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

/*highlight changed row*/
.row-updated {
	background-color: yellow;
}

table .borderless {
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	margin-bottom: 0;
}

.table-nobottommargin {
	margin-bottom: 0;
}

	.table-nobottommargin td {
		vertical-align: top;
	}

	.table-nobottommargin:first-child tr:first-child td, .table-nobottommargin:first-child tr:first-child th {
		border-top: none;
	}

.table .borderless td, .table .borderless th {
	border: none;
	border-top: none !important;
}

.text-danger {
	color: #d9534f !important;
}

.text-orange {
	color: #FD6903 !important;
}

.text-stormdust {
	color: #393838 !important;
}

.text-wisteria {
    color: #9B59B6 !important;
}

.table-striped .table {
	background-color: transparent;
}

.table td.right-divider {
	border-right: 1px solid #ddd;
}

.table .table-noborder, .table .table-noborder td, .table .table-noborder th, .table .table-noborder tr {
	border: none;
}

.table .table-horizontal-dividers th, .table .table-horizontal-dividers td {
	border-top: 1px solid #ddd !important;
}

.table .table-horizontal-dividers tr:first-child td {
	border-top: none !important;
}

/* Creative Button */

.label-orange {
	color: #fff;
	background-color: #FF812A;
}

.label-stormdust {
	color: #fff;
	background-color: #666665;
}

.label-wisteria {
    color: #fff;
    background-color: #9B59B6;
}

/* Creative borders */
.border-orange {
	border-color: #FF812A;
}

.border-stormdust {
	border-color: #666665;
}


.accordion_main {
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.notInBuildItem {
	background-color: lightyellow;
}

.smoketest-section {
	margin-top: 40px;
}

.smoketest-panel {
	border-color: black;
	height: 300px;
	width: 600px;
	padding-right: 50px;
	padding-top: 15px;
}

.smoketest-panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

.smoketest-button {
	margin-top: 5px;
	margin-right: 30px;
	margin-left: 30px;
	width: 85px;
	border-color: black;
	float: left;
}

.smoketest-result-notrun {
	float: right;
	font-size: 24px;
}

.smoketest-result-success {
	color: green;
	font-size: 24px;
}

.smoketest-result-failure {
	color: red;
	font-size: 24px;
}

.smoketest_label {
	float: left;
	margin-top: 5px;
}


.configPanel {
	background-color: #DDD;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.showAssociationDetails {
	color: #337ab7;
}

	.showAssociationDetails:hover {
		cursor: pointer;
		text-decoration: underline;
	}

.resultingTable {
	border-top: 1px solid #999;
}

	.resultingTable td {
		border-bottom: 1px solid #999;
		padding: 4px;
	}


	.designerAssociationList
	{
		display:none;
	}


    
/* Community Add Room Modal */
.modal-add-room button.list-group-item:hover:not(.disabled),
.modal-add-room button.list-group-item:focus:not(.disabled) {
    color: #fff;
    background-color: #5cb85c;
}

.btn-secondary {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #000; 
    color: #000;
}

.btn-secondary:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,898989+100 */
    background: rgb(204,204,204); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}

.btn-secondary span.badge {
    background-color: #666;
    color: #fff;

}

.btn-secondary:hover span.badge {
    background-color: #444;
}

.icon-red {
    color: red;
}

.icon-green {
    color: green;
}

.modal-stretch {
    /* add to modalafter .modal-dialog and then set a max width in the style */
    width: 100%;
}

.panel-primary .panel-body .grayed
{
	background-color: #f5f5f5;
	padding:2px 0 0 0;
}

.panel-default .panel-body .grayed
{
	padding:2px 0px 2px 0;
}

.navbar-header img {
    max-width: 235px;
}

@media screen and (max-width: 980px) {

    .navbar-header {
        width: auto;
        text-align: center;
    }

    .navbar-header a img {
        width: 150px;
        text-align: center;
    }

}


@media screen and (max-width: 736px) {

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    .navbar-logo-center {
        display: inline-block;
        text-align: center;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
    }

    .navbar-header {
        width: auto;
        text-align: center;
    }

        .navbar-header a img {
            width: 150px;
            text-align: center;
        }

        .navbar-header button {
            margin-left: 8px;
            margin-right: 8px;
            display: inline-block;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

    .navbar-brand {
        float: none;
        line-height: 25px;
        font-size: 1.0em;
        font-weight: bold;
    }
}

/* fix to table in bootstrap*/
.table {
    width: 100%; 
}




/* scroll to top */

.scrollToTop {
    width: 100px;
    height: 100px;
    padding: 10px;
    text-align: center;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 40px;
    display: none;
    font-size: 4em;
    z-index: 10001;
}

.scrollToTop:hover {
    text-decoration: none;
    cursor: pointer;
}

/* fixed button bar */


.fix-me{

}

.fixed {
    position: fixed;
    top: 54px;
    right: 4px;
    z-index: 1000;
    background-color: white;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #999999;
    box-shadow: 2px 2px 3px #888888;
    cursor: pointer;
}

/* unsaved bar */

.unsaved {
    top: 87px;
}

select > option:disabled {
    background: #eee;
    text-decoration: line-through;
}

/* gridview ================================================= */

.gridview-paging a, .gridview-paging span {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 9px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none !important;
    color: #193661 !important;
    background-color: #fff;
    border-color: #8c8c8c;
}

.gridview-paging span {
    display: none;
}

.gridview-paging a i {
    font-size: .9em;
}

.gridview-paging a:hover {
    text-decoration: none !important;
    color: #000;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.gridview-paging a {
    text-decoration: none !important;
}


/* datagrid ================================================= */

.datagrid-paging span, .datagrid-paging a {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none !important;
    color: #193661 !important;
    background-color: #fff;
    border-color: #30B996;
}
    .datagrid-paging span {
        display: none;
    }


.datagrid-paging a i {
    font-size: .9em;        
}

.datagrid-paging a:hover {
    text-decoration: none !important;
    color: #000;
    background-color: #d4d4d4;
    border-color: #1ab1c1;
}

.datagrid-tableheader a {
    text-decoration: none !important;
}

/* pagination ================================================= */


.paginate_button {
    display: none !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

    .paginate_button a {
        color: #fff !important;
        background-color: #30B996 !important;
        border-color: #30B996 !important;
        cursor: default !important;
        text-align: center;
        border-radius: 3px !important;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        white-space: nowrap;
        vertical-align: middle;
        text-decoration: none !important;
        touch-action: manipulation;
        user-select: none;
        background-image: none;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

.paginate_button.active {
    display: inline !important;
}

    .paginate_button.next, .paginate_button.previous {
        display: inline !important;
    }

    .paginate_button.next.disabled, .paginate_button.previous.disabled {
        display: inline !important;
        display: none !important;
    }

        .paginate_button.next a, .paginate_button.previous a {
            color: #193661 !important;
            background-color: #fff !important;
            border-color: #30B996 !important;
            cursor: pointer !important;
        }
            .paginate_button.next a:focus,
            .paginate_button.previous a:focus,
            .paginate_button.next a:hover,
            .paginate_button.previous a:hover {
                color: #000 !important;
                background-color: #d4d4d4 !important;
                border-color: #8c8c8c !important;
            }

/* button overrides ================================================= */


.btn-primary {
    color: #fff;
    background-color: #30B996;
    border-color: #30B996;
}
 

.btn-primary:hover {
    color: #fff;
    background-color: #1ab1c1;
    border-color: #1ab1c1;
}

    .btn-primary:active {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }

    .btn-primary:focus {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }




.btn-success {
    color: #fff;
    background-color: #30B996;
    border-color: #30B996;
}

.btn-success:hover {
    color: #fff;
    background-color: #1ab1c1;
    border-color: #1ab1c1;
}

    .btn-success:active {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }

    .btn-success:focus {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }





.btn.btn-warning {
    color: #212529;
    background-color: #dde4eb;
    border-color: #dde4eb;
}

    .btn.btn-warning:active,
    .btn.btn-warning:focus,
    .btn.btn-warning:hover {
        color: #000;
        background-color: #c5d1dd;
        border-color: #c5d1dd;
    }

    .btn.btn-warning.active.focus,
    .btn.btn-warning.active:focus,
    .btn.btn-warning.active:hover,
    .btn.btn-warning:active.focus,
    .btn.btn-warning:active:focus,
    .btn.btn-warning:active:hover {
        color: #000;
        background-color: #c5d1dd;
        border-color: #c5d1dd;
    }





.btn.btn-info {
    color: #fff;
    background-color: #30B996;
    border-color: #30B996;
}

    .btn.btn-info.focus,
    .btn.btn-info:focus {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }

    .btn.btn-info:hover {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
    }

    .btn.btn-info.active,
    .btn.btn-info:active {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
        outline: none;
    }

    .btn.btn-info.selected {
        color: #fff;
        background-color: #1ab1c1;
        border-color: #1ab1c1;
        outline: none;
    }

        .btn.btn-info.active.focus,
        .btn.btn-info.active:focus,
        .btn.btn-info.active:hover,
        .btn.btn-info:active.focus,
        .btn.btn-info:active:focus,
        .btn.btn-info:active:hover {
            color: #fff;
            background-color: #1ab1c1;
            border-color: #1ab1c1;
        }


.btn:disabled, .btn:disabled:hover {
    color: #69777D !important;
    background-color: #d2d1d5 !important;
    border-color: #d2d1d5 !important;
}

a.aspNetDisabled, a.aspNetDisabled:hover {
    color: #69777D !important;
    background-color: #d2d1d5 !important;
    border-color: #d2d1d5 !important;
}

.btn .disabled, .btn:hover .disabled {
    color: #69777D !important;
    background-color: #d2d1d5 !important;
    border-color: #d2d1d5 !important;
}



.btn.btn-paging-number {
    color: #fff !important;
    background-color: #30B996;
    border-color: #30B996;
    cursor: default;
    margin: 0 0 0 -3px;
}

    .btn.btn-paging-number:hover {
        color: #fff !important;
        background-color: #30B996 !important;
        border-color: #30B996 !important;
        cursor: default;
        margin: 0 0 0 -3px;
    }




.duplicate-sidemark-warning {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}



input[type='checkbox'] {



}

.dot-opacity-loader {
    width: 100px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .dot-opacity-loader span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: #1eb996;
        margin: 25px 2px;
        opacity: 0;
    }

        .dot-opacity-loader span:nth-child(1) {
            animation: opacitychange 1s ease-in-out infinite
        }

        .dot-opacity-loader span:nth-child(2) {
            animation: opacitychange 1s ease-in-out 0.33s infinite
        }

        .dot-opacity-loader span:nth-child(3) {
            animation: opacitychange 1s ease-in-out 0.66s infinite
        }

        @keyframes opacitychange {
            0%, 100% {
                opacity: 0
            }

            60% {
                opacity: 1
            }
        }




    /*jquery ui datepicker override*/
.ui-datepicker {
    border: 1px solid #CCC !important;
}

.ui-datepicker .ui-widget-header {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-weight: bold;
}

    .ui-datepicker .ui-state-hover {
        background: none !important;
        border: 1px solid #fff !important;
    }



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fff !important;
    background: #fff !important;
    font-weight: normal !important;
    color: #000 !important;
}

.ui-datepicker .ui-datepicker-calendar {
    background-color: #fff !important;
}

    .ui-datepicker thead {
        border-bottom: 1px solid #ddd;
    }

    .ui-datepicker th {
        font-weight: normal !important;
    }

    .ui-datepicker .ui-datepicker-calendar a {
        color: #000 !important;
        line-height: 25px;
        border-radius: 6px;
        text-align: center;
        margin-top: 10px;
    }

    .ui-datepicker .ui-datepicker-calendar a:hover {
        background-color: #EBEAEE !important;
    }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
    background-color: #1ab1c1 !important;
    color: #fff !important;
    border-radius: 100%;
}


.navbar-toggle {
    border: 1px solid #69777D !important;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #69777D !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #69777D;
}

.navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #FFF;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #FFF;
}