/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.bgColor {
	background: #37414a;
	text-align: center;
	padding: 100px 0px 50px 0px;
	height: 100vh;
}
.loginInfo {
	padding: 50px 0px 0px 0px;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.loginForm {
	background: #495862;
	border-radius: 5px;
	width: 300px;
	text-align: center;
}
.formInfo {
	padding-top: 30px;
}
.userName, .password {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	font-size: 15px;
	border-radius: 5px;
	border: none;
	width: 250px;
}
.login, .confirm {
	margin: 40px 0px 40px 0px;
	background: #95e1a3;
	border: none;
	font-size: 15px;
	padding: 10px;
	color: white;
	width: 250px;
}
.checkbox {
	color: white;
	margin-bottom: 10px;
}
.forgotPW {
	color: white;
	margin-top: 20px;
}
.brand-logo {
	width: 90%
}
.bgforgot, .bgLogout, .agentReset {
	height: 100vh;
	background-color: #5d5f62;
	display: flex;
    justify-content: center;
    align-items: center;
}
.forgotInfo, .logoutInfo, .resetInfo {
	background-color: white;
	text-align: center;
}
.forgotButton, .logoutButton {
	background-color: #93e1a3;
	color: white;
	width: 150px;
	padding: 5px;
	margin: 50px 0px 50px 0px;
	border: none;
}
.cancelButton {
	background-color: #ff414a;
	color: white;
	width: 150px;
	padding: 5px;
	border: none;
	margin: 50px 15px 50px 0px;
}
.forgotA {
	color: #0fafef;
	font-size: 20px;
}
.forgotInfo, .logoutInfo {
	color: #c9d0d6;
}
.forgotInfo h1, .logoutInfo h1  {
	padding: 60px 0px 60px 0px;
}
.forgotInfo h4, .logoutInfo h4 {
	margin: 20px 0px 20px 0px;
}

.page-header {
	margin-left: 15px;
	font-size: 30px;
	color: rgb(92, 58, 58);
	text-transform: uppercase;
}

.pageHeader {
	margin: 0px 0px 20px 25px;
	font-size: 2em;
}

select {
	margin-bottom: 12px;
}
/* datatables css style setting */
.card-header {
	margin-bottom: 10px;
}

.dataTables_filter {
	float: right;
}

/*main-menu-navigation*/
.menu-item {
	font-size: 14px !important;
}

/* agent summary*/
.filter, .agentSearch {
	padding: 5px;
}
.agentSelect {
	height: 30px;
}
.apply {
	margin-top: 30px;
	border-radius: 5px;
	background-color: #495862;
	color: white;
	padding: 5px;
	cursor: pointer;
}
.reset {
	margin: 10px 0px 10px 0px;
	border-radius: 5px;
	background-color: #495862;
	color: white;
	padding: 5px;
	cursor: pointer;
}
.exportButton, #changeImageBtn, .exportVideoClip, .exportVoiceRecordClip, .exportPhoto {
	background-color: #93e1a3;
	color: white !important;
	padding: 5px;
	margin: 10px 0 10px 0;
	border: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}
.exportVideoClip, .exportVoiceRecordClip, .exportPhoto {
	padding: 8px 16px;
	border-radius: 5px;
	font-size: 1rem;
}
.export {
	padding-left: 21px;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}
.exportButton:hover {
	color: white !important;
}
.proceedDiv {
	float: right;
}
.proceedBtn{
	background-color: #93e1a3;
	color: white;
	width: 150px;
	padding: 5px;
	margin: 50px 20px 50px 0px;
	border: none;
	cursor: pointer;
}
.otherPointsBtn {
	background-color: #93e1a3;
	color: white;
	width: 150px;
	padding: 5px;
	margin-top: 32px;
	border: none;
	cursor: pointer;
}
.newAgent {
	padding-top: 30px;
}

.ss{
	width: 100px;
}

.store-dialog{
	width: 837px;
	height: 700px;
}

#floating-panel {
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto','sans-serif';
	line-height: 30px;
	padding-left: 10px;
  }

  #geomap{
    width: 100%;
    height: 400px;
}

#geomap1{
    width: 100%;
    height: 400px;
}

#mapViewMap{
    width:100%;
    height: 800px;
}

#legend {
  font-family: #fff;
  padding: 10px;
  margin: 10px;
  border: 3px solid #000;
  background: #fff;
}

#legend h3 {
  /* margin-top: 0; */
  margin: 10px;
}

#legend img {
  vertical-align: middle;
}

/* .gps_input{
	width: 100px;
	margin-right: 50px;
} */
.gps_input{
	width: 150px;
	margin-right:50px;
}
.map_preview{
	margin-right: -50px;
}

.con_input{
	display: inline-block;
}

.sub-btn{
	margin-top: 27px;
}

.adjust-button{
	margin-left: 1140px;
	margin-bottom: 10px;
}

.mpLogo {
	color:white;
}

/**** Create Store ********/

.adjust-container{
	margin-left: 30px;
	margin-right: 8px;
}
.adjust-btn{
	margin-bottom: 10px;
}

.rotate90 {
    /* -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: 40px 0px 0px -5px; */
	height:160px;
}
.agentRadio {
	margin: 40px 0px 20px 0px;
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
}
.tabDialogClose {
	float: right;
	text-align: center;
	border-radius: 5px;
	margin: 10px;
    padding: 3px 5px 3px 5px !important;
}
.tabDialogClose:active {
    background-color: #007eff;
}
.closeLink:active {
	color: white;
}
.custom-btn {
	background-color: #93e1a3;
	color: white;
	width: 100px ;
	padding: 5px ;
	margin: 10px 0px 10px 0px ;
	border: none ;
	margin-right: 10px ;
	text-transform: uppercase;
}

.custom-btn2 {
	background-color: #93e1a3;
	color: white;
	width: 160px ;
	padding: 5px ;
	margin: 10px 0px 10px 0px ;
	border: none ;
	margin-right: 10px ;
	text-transform: uppercase;
}

/* Project Summary */
.project-summary .number-table {
	width: 100%;
}

.project-summary .mc-table {
	width: 100%;
}

.project-summary .txt-iframe {
	width: 100%;
	border: 1px solid darkgrey;
}

/**** Mission Details *****/

.mission-details-title {
	font-size: 1.2em;
	color: darkgrey;
	text-align: center;
}
.mission-details-title div {
	margin: 1px;
	font-size: 0.8em;
}
.mission-details-title div:last-child {
	width: 30%;
}
.mission-details-row {
	font-size: 0.9em;
	padding: 1px;
	margin: auto;
}
.mission-details-row div {
	border: 1px solid lightgrey;
/*	min-height: 50px;*/
	padding: 5px;
	margin: 1px;
	/*margin-left: 2px;
	width: 15%;
	padding:5px;*/
}
.mission-details-row div:last-child {
	/*padding: 5px;*/
	width: 30%;
	border-right: 1px solid lightgrey;
}
.mission-location {
	font-weight: bold;
	margin: 10px;
}
.mission-details-answers tr {
	margin: 5px;
	/* border-bottom: 1px solid black; */
}
.mission-details-answers td {
	border: 1px solid lightgrey;
}

 .mission-details-answers-tr-question td:first-child {
	border-right: 0px none;
	border-bottom: 0px none;
	min-width: 100px;
}
.mission-details-answers-tr-question td:nth-child(2) {
 border-bottom: 0px none;
 	min-width: 100px;
}
.mission-details-answers-tr-answer td:first-child {
 border-right: 0px;
 border-top: 0px;
 	min-width: 100px;
}
.mission-details-answers-tr-answer td:nth-child(2) {
 border-top: 0px;
 	min-width: 100px;
}
.mission-details-answers tr td {
	padding: 5px;
}
.mission-details-answers tr td img {
	width: 200px;
	height: auto;
	margin-bottom: 10px;
}
.mission-details-answers tr td video {
	width: 200px;
	height: auto;
}
.validation-row {
	text-align: center;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 80%;
}
.validation-row button {
	margin-left: 20px;
	margin-right: 20px;
}
.no-border {
	text-align: center;
	border: 0px;
	width: 10%;
	vertical-align: top;
	/* border-bottom: 0px; */
}
.redo-check {
	text-align: center;
	margin: auto;
}
.mission-input {
	min-height: 38px;
}
.question-add-row-plus {
	float: right;
}
.skip-checkbox-label {
	display: block;
}
.skip-checkbox-input {
	display: inline-block;
}
.skip-question-text {
	width: 60px;
	display: inline-block;
}
.skip-checkbox-flexbox-container {
	display: flex;
	max-width: 800px;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.skip-checkbox-container {
	width: 120px;
}
.skip-question-row {
	border: 1px solid #ccc;
}
.lifeBuoy-icon {
	font-size: 2em;
	color: darkgrey;
}
.lifeBuoy-icon.active {
	color: pink;
}
.project-question-title {
	color: white;
	background-color: #a5b0bb;
	width: 70%;
}
.project-life-buoy-question-title {
	width: 70%;
	border: 1px solid #a5b0bb;
	margin-bottom: 10px;
	margin-top: -10px;
}


/* Mission details */

/**** Message ****/
.message-select {
	padding-left: 0px;
	padding-right: 0px;
}
.message-select .dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
}
.message-select li a span.text {
	margin-right: 0px;
	margin-left: 10px;
	width:70%;
	min-height: 30px;
}
.glyphicon-ok:before {
    content: "\2713";
}
.message-select li:hover {
	background-color: #0972ce;
}
.message-select li.selected {
	background-color: #0972ce;
}
.message-select li.selected:hover {
	background-color: lightgrey;
}
.message-select-no-select {
	padding-left: 0px;
	padding-right: 0px;
}
.message-select-no-select .dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
}
.message-select-no-select li a span.text {
	margin-right: 0px;
	margin-left: 10px;
	width:70%;
	min-height: 30px;
}
.message-select-no-select li {
	background-color: lightgrey;
}
.message-select-no-select li.selected {
	background-color: #0972ce;
}
.message-select-no-select li.selected:hover {
	background-color: lightgrey;
}

/*Message */

/***Project Summary ***/

.project-summary-details-title-01 {
	font-size: 1em;
	color: darkgrey;
	text-align: center;
	margin: auto;
}
.project-summary-details-title-01 div {
	font-size: 0.8em;
	width: 24%;
	margin: 1px;
	padding: 5px;
	text-align: left;
}

.project-summary-details-row-01 {
	font-size: 0.9em;
	padding: 1px;
	margin: auto;
}
.project-summary-details-row-01 div {
	border: 1px solid lightgrey;
/*	min-height: 50px;*/
	padding: 5px;
	margin: 1px;
	width: 23.5%;
}

.project-summary-details-title-02 {
	font-size: 1em;
	color: darkgrey;
	text-align: center;
	margin: auto;
}
.project-summary-details-title-02 div {
	font-size: 0.8em;
	width: 19%;
	margin: 1px;
	padding: 5px;
	text-align: left;
}

.project-summary-details-row-02 {
	font-size: 0.9em;
	padding: 1px;
	margin: auto;
}
.project-summary-details-row-02 div {
	border: 1px solid lightgrey;
/*	min-height: 50px;*/
	padding: 5px;
	margin: 1px;
	width: 18.8%;
	/*margin-left: 2px;
	width: 15%;
	padding:5px;*/
}
.project-summary-details-title-03 {
	font-size: 1em;
	color: darkgrey;
	text-align: center;
	margin: auto;
}
.project-summary-details-title-03 div.col-sm-2 {
	font-size: 0.8em;
	width: 19%;
	margin: 1px;
	padding: 5px;
	text-align: left;
}
.project-summary-details-title-03 div.col-sm-3 {
	font-size: 0.8em;
	width: 24%;
	margin: 1px;
	padding: 5px;
	text-align: left;
}

.project-summary-details-row-03 {
	font-size: 0.9em;
	padding: 1px;
	margin: auto;
}
.project-summary-details-row-03 div.col-sm-2 {
	border: 1px solid lightgrey;
/*	min-height: 50px;*/
	padding: 5px;
	margin: 1px;
	width: 18.8%;
	/*margin-left: 2px;
	width: 15%;
	padding:5px;*/
}
.project-summary-details-row-03 div.col-sm-3 {
	border: 1px solid lightgrey;
/*	min-height: 50px;*/
	padding: 5px;
	margin: 1px;
	width: 23.6%;
	/*margin-left: 2px;
	width: 15%;
	padding:5px;*/
}
.project-summary-result-question-row {
	color: white;
}
.project-summary-result-question-row-01 {
	width: 80%;
	display: inline-block;
}
.project-summary-result-question-row-02, .project-summary-result-question-row-03 {
	width: 8%;
	display: inline-block;
	text-align: center;
}
.project-summary-result-row, .project-summary-result-total-row {
	border: 1px solid darkgrey;
}
.project-summary-result-total-row  {
	font-weight: 800;
}
.project-summary-result-col-01, .project-summary-result-total-col-01 {
	width: 80%;
	padding: 3px;
	padding-left: 50px;
}
.project-summary-result-col-01-num-top {
	width: 100%;
	padding: 3px;
	padding-left: 50px;
}

.project-summary-result-col-01-num {
	width: 80%;
	padding: 3px;
	padding-left: 80px;
}
.project-summary-result-col-02, .project-summary-result-total-col-02, .project-summary-result-col-032, .project-summary-result-total-col-03 {
	width: 10%;
}

/* Project Summary */

/***Project PL ***/
.project-pl-result-question-row {
	color: white;
	background-color: #aaa;
	padding: 4px;
}
.project-pl-result-question-row th {
	color: white;
	border: 1px solid black;
	padding: 4px;
	text-align: center !important;
}
.project-pl-result-question-row::after {
	content: none;
}
/*
.project-pl-result-row:last-child td:first-child {
	text-align: left;
	padding-left: 50px;
}
.project-pl-validator td:first-child {
	text-align: left;
	padding-right: 50px;
}*/
.project-pl-result-row td {
	border: 1px solid black;
	padding: 4px;
	text-align: center;
}

.project-pl-points {
	margin-left: 20px;
}
.project-pl-input-title {
	color: darkgrey;
	text-align: center;
	margin: 1px;
}
.project-pl-apply {
	margin-top: 0px;
}

/*Project PL */

/**** Photo Gallery ******/
.missionPhoto{
	border: 1px solid rgba(224, 222, 222, 0.5);
	margin: 10px 15px 10px 15px;
}
.missionImage{
	width: 100%;
	height: 250px;
}

input.checkmark {
	/* transform: scale(1.5); */
	zoom: 2.5;
}

.checkmark{
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 20px;
}

.missionBtn{
	margin-bottom: 10px;
}

.missionImage {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

.missionImage:hover {opacity: 0.8;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 50%;
	max-width: 500px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
.acceptRedemption, .verifyAgent {
	display: flex;
    justify-content: space-around;
}
.acceptRedemption input, .verifyAgent input {
	zoom: 1.5;
}

.ui-autocomplete {
	max-height: 320px;
	overflow-y: auto;   /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index:1000 !important;
}

/* MissionSummary */
input[name="multiselect_project"] {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

#project_ms {
	width: 90% !important;
}

.ui-multiselect {
	height: 32px;
}

.ui-multiselect .ui-icon-triangle-1-s {
	background-position: -68px 5px !important;
}

.ui-multiselect-menu {
	width: 300px !important;
	left: 270px !important;

}

.ui-corner-all {
	font-size: 14px !important;
}

.table.no-border tr td, .table.no-border tr th {
	border-width: 0;
}

.agentSearch > .custom-combobox {
	width: 100%;
}

.agentSearch > .custom-combobox > .custom-combobox-input {
	width: calc(100% - 2em) !important;
}

#agentPagination .pagination {
	float: right;
}
#agentCounter .info {
	float: left;
}

/* fix UI bug when item is too long */
.ui-autocomplete .ui-menu-item-wrapper {
	overflow: hidden;
	white-space: nowrap;
}
/*
@media (min-width: 1885px) and (max-width: 1894px) {
	.adjust-row{
		margin-left: -190px;
		margin-right: -798px;
	}

	.adjust-date{
		width: 314px;
		margin-left:40px;
		margin-right: -30px;
	}

	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }

 @media (min-width: 1855px) and (max-width: 1884px) {
	.adjust-row{
		margin-left: -220px;
		margin-right: -798px;
	}

	.adjust-date{
		width: 314px;
		margin-left:40px;
		margin-right: -30px;
	}

	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }
 @media (min-width: 1839px) and (max-width: 1853px) {
	.adjust-row{
		margin-left: -220px;
		margin-right: -798px;
	}

	.adjust-date{
		width: 314px;
		margin-left:40px;
		margin-right: -30px;
	}

	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }

@media (min-width: 1825px) and (max-width: 1838px) {
	.adjust-row{
		margin-left: -210px;
		margin-right: -798px;
	}

	.adjust-date{
		width: 314px;
		margin-left:40px;
		margin-right: -30px;
	}

	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }

 @media (min-width: 1800px) and (max-width: 1824px) {
	.adjust-row{
		margin-left: -200px;
		margin-right: -798px;
	}

	.adjust-date{
		width: 314px;
		margin-left:40px;
		margin-right: -30px;
	}

	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }

 @media (min-width: 1750px) and (max-width: 1799px) {
	.adjust-row{
		margin-left: -190px;
		margin-right: -798px;
	}
	.adjust-button{
		margin-left: 1122px;
		margin-bottom: 10px;
	}
 }
 */