/* Styles for the viridis-mrf web application
*/

/* Hack for select2 in bootstrap modals -- see https://github.com/select2/select2-bootstrap-theme/issues/41 */
.modal-open .select2-container { width:100% !important;}
.modal-open .select2-container--open { z-index: 999999 !important; width:100% !important; }
/*-------------------------------------------------------------*/

.img-rounded {
	background: #fff;
    border-radius: 6px;
}

.login-body {
	background-image:url('/img/login.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display: flex;
 	flex-dorection: column;
 	justify-content: center;
 	align-items: center;
 	height: 100%;
}

.login {
  display: inline-block;
}

.login-form {
  padding: 40px;
  background-color: rgba(255, 255, 255, .8);
  margin: auto;
  width: 600px;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, .2);
  min-height: 100px;
}

.login-form .alert {
  font-size: 14px;
}

.login-form p {
  font-size: 14px;
}


.error-body {
	background-image:url('/img/tgwt-error.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display: flex;
 	flex-dorection: column;
 	justify-content: center;
 	align-items: center;
 	height: 100%;
 	color: #fff;
}

.select2-container {
	display: block;	
}

[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:1em;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  border-radius:50%;
  background:#1ab394;
  vertical-align:middle;
  margin-right:1em;
  color:white;
}


.ibox-document {
    clear: both;
    margin-bottom: 0px;
    padding: 0;
}

.header-section {
	font-size: 20px;
	font-weight: bold;	
}

.add-button-section {
	position: absolute;
    left: -20px;
    top: -5px;
    margin: 0;
    z-index: 1;
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.add-button-table {
	position: absolute;
    left: -22px;
    margin: 0;
    z-index: 1;
}

.ibox-tools-viridis {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.ibox-heading {
	background-color: #fff;
}

body.rtls .theme-config-box {
  margin-left: -300px;
}
.theme-config-box {
  margin-right: -300px;
}
.skin-settings {
  width: 300px;
  background: white;
}

.theme-config {
    top: 5px;
    right: -10px;
}

.select2-container .select2-selection--single {
	height: 34px;
}

.select2-container--default .select2-selection--single {
	border-radius: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 4px;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 1px;
}

.select2-container .select2-selection--multiple {
	min-height: 34px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #1ab394;
	border-color: #B2DFDB;
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

.deleted {
	text-decoration: line-through;
}


.form-group label {
	font-weight: normal;	
}

.hidden {
	display: none;
}

/** Datatable information bar **/
.datatableInformation {
	padding-left: 40px;
	float: left;
}

/*
For inspinia dialogs works with blockUI
otherwise dialog is not blocked
*/
.modal-blockUI {
	z-index: 2040 !important;
}

.fullScreen-blockUI {
	z-index: 0 !important;
}
/** Inspinia checkboxes must have margin left otherwise checkbox is too much at right **/
.checkbox {
	padding-left: 5px !important;
}

/** Override inspinia selected tab color      **/
/** because when we ibox inside tabs, we want **/
/** select tab be gray instead of white       **/
.transparent-tab .nav-link.active {
	background-color: transparent !important;
    border-color: #dde2e6 !important;
}


/** Boiler quote data masonry styles **/
 .quote-boiler-data-grid .ibox {
	margin-bottom: 0;
}

.quote-boiler-data-grid .quote-boiler-data-grid-item {
	margin-bottom: 25px;
	width: 600px;
}

/** End Boiler quote data masonry styles **/

/** Because we want i-checks been aligned like labels **/
.i-checks {
	padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

/** Quote summary special styles **/
/** Values are black **/
.quoteSummary-value {
	color: #000000;
}

/** Smaller value is 14 px **/
/** Needed because smaller value is inside header **/
.quoteSummary-smallerValue {
	font-size: 14px;
}

/** we want that quote image select button been same width **/
/** as dropzone **/
#quote-selectImage-button {
	width: 100%;
}

/** For stats in dashboard **/
.box-stat-text {
 font-size: 120%;	
}

.lightBoxGallery a img {
	height: 100px;
	width: 100px;
}

.privacy-body {
	margin: 20px;
  	width: 70%;
}

.privacy {
  padding: 40px;
  background-color: rgba(255, 255, 255, .8);
  margin: auto;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, .2);
  min-height: 100px;
  height: 600px;
}

.contact-body {
	background-image:url('/img/login.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
 	height: 100%;
}

.contact {
  height: 750px;
}

.contact textarea {
  height: 200px;
}

select.form-control:not([size]):not([multiple]) {
    height: 2.06rem;
}

.stats-icon {
	padding-top: 3px;
}

.stats .panel.draft {
	background-color: gray;
}


/* removes backdrop from modal on Microsoft Edge for bug TGWT-11 on jira */

@supports (-ms-ime-align: auto) {
   
  .modal-backdrop {
    /* bug fix - no overlay */    
    display: none;    
	}
   .modal-open {
   	overflow: scroll
   }
}
/*
_:-ms-lang(x), _:-webkit-full-screen, .selector { 

  .modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;

}
*/
.address-input {
  	background-color: #fff;
  	font-family: FontAwesome, Roboto;
  	font-size: 15px;
  	font-weight: 300;
  	padding: 0 11px 0 13px;
  	text-overflow: ellipsis;
  	height: 34px;
}

.pac-container, .pac-item, .select2-dropdown{
   z-index: 2147483647 !important;
}  

.ibox-tools-button {
	top: -5px;
}
.select2 {
    width:100% !important;
}