@import 'https://use.typekit.net/ujz2ejf.css';

.login-main{ display: flex; align-items: center; width: 100%;}
.login-main .login-left{background: url('../img/login_bg.png') #C64537; background-size: 100%; background-position: 100% 100%; background-repeat: no-repeat;  min-height: 100vh; border-radius: 0;  width: 42%; color: #ffffff;}
.login-main .login-left-inner{height: 68vh; display: flex; flex-direction: column; max-width: 420px; width: 100%; padding: 50px 10px 10px 80px; }
.login-main .login-left h1{ font-weight: 700; margin-top: 30px; font-size: 3.8rem;}
.login-main .login-left h2{ margin-top: 80px; }
.login-main .login-right{ width: 58%; /*background: url("../img/login-bg.png");*/ min-height: 100vh; display: flex; align-items: center; justify-content: center;  background-position: 50% 50%; background-repeat: no-repeat;  background-size: 90%; }
.login-main .login-action{ display: flex; margin-top: 40px; }
.login-main .login-action .btn{ width: 100%; text-transform: uppercase; font-family:"acumin-pro-condensed"; border-radius: 0; font-size: 21px; font-weight: 500; }
.login-main .login-action .btn:first-child{ margin-right: 10px; color: #14595B; }
.login-main .login-left hr{border-top: 2px solid #ffffff; max-width: 90px; margin-left: 0; margin-top: 0;}
.login-main .login-right .login-card{ background: #ffffff;max-width: 390px; margin: auto; box-shadow: 2px 10px 20px rgba(0,0,0,0.05); padding: 40px 50px; border-top: 2px solid #C64537; width: 100%;} 
form.user .email-input-login{ background: #F7F7F7; background-repeat: no-repeat; background-position: 18px; padding-left: 48px;}
form.user .password-input-login { background: url('../img/password.svg') #F7F7F7; background-repeat: no-repeat; background-position: 18px; padding-left: 48px; }
form.user input::-webkit-input-placeholder { /* Edge */
  color: #C7C7C7;
}
.login-main .login-left-inner img{ max-width: 150px; }
.login-main .login-left-inner p { font-size: 20px; }
form.user input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C7C7C7;
}
form.user input::placeholder {
  color: #C7C7C7;
}
.codeinput-text{ font-size: 14px; margin-bottom: 8px; }
.link-text{color: #333333;}
.link-text:hover{color: #14595B; text-decoration: none;}
.code-text{color:#8DA09F; font-weight: lighter; font-size: 14px; }
.login-main .login-right .login-card h1{ font-size: 1.7rem; font-weight: 600; font-family:"acumin-pro-condensed"; } 
.code-input-group{ display: flex; }
.code-input-group input {  margin: 0 5px; text-align: center; font-size: 18px !important; font-weight: 600; color: #333; }
.main-heading { color: #000000; font-size: 1.55rem;}
.card-headers .card-headers-left h1{ color: #000000; font-size: 1.35rem; }
.card-headers{ margin-bottom: 15px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }
.text-muted{ color: #8DA09F; }

.show {
  display: block;
}
.hide {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

/*Drop down*/
.color-dropdown{
    display: inline-block;
}
.color-dropdown .btn-default{
    border: 1px solid #97a8a9;
    display: flex;
    align-items: center;
    padding: 6px 12px;
}
.color-dropdown .dropdown-menu .colorbox{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 3px;
}
.color-dropdown .btn-default .colorbox{
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 3px;
}
.color-dropdown .dropdown-item{
    padding: 0.25rem 1rem;
}

/*checbox*/
.checkbox-cus {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  /* cursor: pointer; */
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000;
  font-size: 16px;
}
.checkbox-cus input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  height: 0;
  width: 0;
}
.checkbox-cus .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  pointer-events: auto;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #14595B;
  border-radius: 4px;
}
.checkbox-cus:hover input ~ .checkmark {
  background-color: #ffffff;
}
.checkbox-cus input:checked ~ .checkmark {
  background-color: #ffffff;
}
.checkbox-cus .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-cus input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-cus .checkmark:after {
  left: 9px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid #14595B;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* chekbox end */
.form-control{ height: 43px; color: #000000; /*color: #8DA09F;*/}
.agorithm-datasource { list-style-type: none; padding-left: 0; margin: 0; }
.agorithm-datasource li{ display: inline-block; width: 24.5%; padding: 4px 0; }
select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background-image:url('../img/select.svg');     background-repeat: no-repeat; background-position: 97% 50%; color: #000000; /*color: #8DA09F;*/}

.algorith-card{ padding-right: 50px; margin-top: 20px; position: relative; }
.algorith-card .algorith-card-bx .algorith-card-header{ background: #C44536; color: #ffffff; padding: 10px 15px; text-align: center; font-size: 17px; border-radius: 10px 10px 0 0; }
.algorith-card .algorith-card-bx { border:1px solid #E2E2E2; border-radius: 10px; max-width: 270px; width: 100%; }
.algorith-card .algorith-card-bx .algorith-card-body{ padding: 25px 20px 20px 20px; background: #ffffff; border-radius: 0 0 10px 10px; }
.algorith-card .form-control{ background-color: #F5F6FA; border-color: #F5F6FA; color: #000000; max-width: 252px;}
.algorith-card .rightarrow{ position: absolute; left: 80%; top: 43%; }
.algbottom-arrow{ max-width: 270px; }
.select-algo-outer{ padding-left: 22px; }
.minus-select-card{ position: absolute; left: 77%; width: 80px; top: 35%;}
.minus-select-card select.form-control{ font-size: 13px; max-width: 80px; }
.algbottom-arrow2{margin-left: -242%;  width: 293%;}
.alg-or-section{ margin-top: 40px; margin-bottom: 40px; }
.alg-or-section .form-control{ background-color: #F5F6FA; border-color: #F5F6FA; color: #000000; max-width: 252px; position: relative; z-index: 1; }
.alg-or-section hr{ position: absolute; width: 100%; top: 5px; z-index: 0;}
.datamapes-columns{ list-style-type: none; padding-left: 0; margin-bottom: 0;}
.datamapes-columns li { position: relative; background: #F5F6FA; color: #000000; padding: 10px 15px; margin-bottom: 8px; border-radius: 4px; cursor: pointer; transition: all ease-in 0.1s;   background-position: 98% 50%;} 
.datamapes-columns li:hover {background:url('../img/culoum-arrow.svg') #14595B; color: #ffffff; background-repeat: no-repeat; background-position: 98% 50%; }
.datamapes-columns li.selected {background:url('../img/culoum-arrow.svg') #14595B; color: #ffffff; background-repeat: no-repeat; background-position: 98% 50%; }
.search.form-control{ background-image: url('../img/search.svg'); background-repeat: no-repeat; background-position: 12px; padding-left: 36px;}
.plus-btn img{ margin-top: -2px; margin-left: -2px;}
.datasource-list{ list-style-type: none; padding-left: 0; margin: 0; }
.datasource-list li{ background: #F5F6FA; color: #000000; padding: 10px 15px; margin-bottom: 8px; border-radius: 4px; }
.setting-rows .headers{ background: #E7EEEE; color: #155A5C; padding: 10px 15px; border-radius: 4px; margin-bottom: 10px; font-size: 14px; }
.image-upload img{ width: 100%; max-width: 263px; }
.image-upload { text-align: center; }
.location-logo{ min-height: 430px; }
.assign-algorithms li:hover{ background:rgba(20,89,91,0.1); }
.green-heading{ background:#E7EEEE; color: #155A5C; padding: 8px 15px; border-radius: 5px; text-align: center; font-size: 18px; margin-bottom: 15px; }
.assign-algo-list { padding-left: 15px; }
.assign-algo-list li{ display: flex; align-items: center; justify-content: space-between; padding: 4px 0; }
.assign-algo-list li label{ margin-bottom: 0; }
.assign-algo-list li a{ color:#C44536; font-size: 14px; }
.grey-select.form-control{ background-color: #F5F6FA; border-color: #F5F6FA; color: #000000; max-width: 252px;}
.viewall-btn{ background: #E7EEEE; color: #14595B; padding: 5px 14px; border-radius: 20px; font-size: 13px; }
.endpoint-card-list { list-style-type: none; padding-left: 0; }
.endpoint-card-list .endpoint-card { display: flex; border: 1px solid #E5E5E5; padding: 12px; border-radius: 15px; }
.endpoint-card-list .endpoint-card .card-body { padding:0 10px; }
.endpoint-card-list .endpoint-card .endpoint-card-left img{ width: 50px; height: 50px; }
.endpoint-card-list .endpoint-card .card-title{ text-transform: uppercase; }
.endpoint-card-list .endpoint-card .card-body p{ font-size: 13px;}
.endpoint-card-list .endpoint-card h5{ font-size: 16px; }
.endpoint-card-list li { margin-top: 10px; }
.location-search { display: flex; }
.location-search .setting-btn{ color: #C44536; }
.table-btn{ font-size: 14px; }
.brp-table { white-space: nowrap; }
.brp-table tr th{ font-weight: normal; background: #dce1e1; color: #000; border: 0 !important; }
.brp-table tr th:first-child { border-radius: 8px 0 0 8px; }
.brp-table tr th:last-child { border-radius: 0 8px 8px 0; }
.brp-table tbody tr:first-child td{ border-top: 0; }
.brp-table { color: #000; }
.brp-table tr td { color: #000; vertical-align: middle; }
.map-card-body { padding: 0; border-radius: 10px; overflow: hidden; }
.alert-success { background: #dce1e1; border: 0; color: #000; }
.alert-success .close{ color: #14595B; opacity: 1; font-size: 33px; font-weight: 400; margin-top: -5px; }
.alert-success .close:focus {outline: none;}
.location-dashoard{ max-width: 280px; margin-left: auto; cursor: pointer; line-height: 28px; text-align: center;}
.control-actions-list { list-style-type: none; position: relative; padding-left: 0; margin-bottom: 0;  margin-left: 10px;  margin-right: 10px;}
.control-actions-list:before { content: ""; border-right: 1px solid #D3E2EC; position: absolute; left: 0; z-index: 1; height: calc(100% - 45px); top: 30px; }
.control-actions-list li{ padding: 10px 0 10px 30px; position: relative; }
.control-actions-list li::before { content: ""; width: 14px; height: 14px; border-radius: 0; background:#1A595C; border: 1px solid #ffffff; /*box-shadow: 0 2px 2px rgba(0,0,0,0.1);*/ position: absolute; left: -7px; top: 50%; transform: translateY(-50%); z-index: 2;}
.control-actions-list li span{ font-size: 12px; float: right; }
.dashboard-cards { min-height: 142px;  }
.dashboard-cards .dashboard-bar{ display: flex; align-items: center; justify-content: space-between; }
.dashboard-cards .dashboard-bar p{ margin-bottom: 0; text-transform: uppercase; }
.dashboard-cards .dashboard-contents{ color: #8DA09F; font-size: 14px; padding: 20px 0 10px 0; }
.dashboard-cards .dashboard-bar .counts{ font-size: 20px;}
.assign-locations-row ul{ list-style-type: none; border: 1px solid #E9E9E9; padding:12px 20px; border-radius: 8px; }
.assign-locations-row h4{ background: #14595B; font-size: 17px; padding: 11px 20px; color: #ffffff; border-radius: 5px; }
.assign-locations-row ul li{ border-bottom: 1px solid #E9E9E9; padding: 6px 0; font-size: 14px; }
.assign-locations-row ul li:last-child { border: 0; }
.viewend-pointtext { display: flex; align-items: center; padding: 4px 15px; }
.viewend-pointtext label{ color: #8DA09F; min-width: 150px;  margin-bottom: 0;}
.mw-auto {max-width: 100% !important;}
.chart-legend-cus { color: #8DA09F; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center;}
.chart-legend-cus span{ width: 12px; height: 22px; display: inline-block; margin-right: 5px; }
.chart-legend-cus span.green{ background: #55AF1A }
.chart-legend-cus span.yellow{ background: #F8E70C; }
.chart-legend-cus span.red{ background: #CC1209; }

.algorith-card .algorith-card-bx .algorith-card-header { position: relative; }

.algo-remove { color: #ffffff; position: revert; right: 14px; font-size: 14px; top: 12px; margin-left: 8px}
.algo-remove:hover { color: #ffffff; opacity: 0.8; }


form.user .email-input-login ~ .email-icons{
	background: url(../img/email.svg);
    background-repeat: no-repeat;
    background-position: 18px;
    padding-left: 48px;
    display: block;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.position-realtive{
	position: relative;
}

form.user .password-input-login ~ .password-icons{
	background: url('../img/password.svg');
    background-repeat: no-repeat;
    background-position: 18px;
    padding-left: 48px;
    display: block;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#select-logic{
  padding-right: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: #F7F7F7;
}


.datamapes-columns-location{ list-style-type: none; padding-left: 0; margin-bottom: 0;}
.datamapes-columns-location li{ position: relative; }
.datamapes-columns-location li .items-col{ background: #F5F6FA; color: #000000; padding: 10px 15px; margin-bottom: 8px; border-radius: 4px; cursor: pointer; transition: all ease-in 0.1s;   background-position: 98% 50%;} 
.datamapes-columns-location li .items-col:hover {background:url('../img/culoum-arrow.svg') #14595B; color: #ffffff; background-repeat: no-repeat; background-position: 98% 50%; }
.datamapes-columns-location li .items-col.selected {background:url('../img/culoum-arrow.svg') #14595B; color: #ffffff; background-repeat: no-repeat; background-position: 98% 50%; }
.datamapes-columns-location li .edit-link { top: 0; right: 22px; position: absolute; display: flex; align-items: center; justify-content: center; height: 100%;
    width: 30px;}
.datamapes-columns-location li .items-col.withedit-link{ padding-right: 40px; }
.datamapes-columns-location li a:hover {text-decoration: none; }

.modal-header .close:focus{
	outline: none;
}

@media only screen and (min-width: 1441px) {
  .login-main .login-right{
    background-size: 70%;
  }
}

@media only screen and (max-width: 1440px) {
  .algorith-card{
    padding-right: 90px;
  }
}

@media only screen and (max-width: 1024px) {
  .login-main .login-left-inner{
    padding: 50px 30px 30px 30px;
  }
  .login-main .login-left h1{ font-size: 2.8rem; }
  .login-main .login-action .btn{ font-size: 13px; }
   table .table-btn{
    font-size: 12px !important;
    padding: 0.275rem 0.5rem !important;
  }
  table{
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 991px) {
  .minus-select-card{
    position: initial;
    margin-top: 10px;
  }
  .algorith-card{
    padding-right: 0;
  }
  .algorith-card .rightarrow{
    left: 88%;
    top: 55%;
  }
}
 
@media only screen and (max-width: 767px) {
  .login-main{
    display: block;
  }
  .login-main  .login-left{
    width: 100%;
  }
  .login-main  .login-right{
    width: 100%;
    min-height: auto;
    margin-top: 50px;
  }
  .login-main  .login-left{
    min-height: auto;
  }
 .login-main .login-left-inner{
    padding: 30px;
    max-width: 100%;
    text-align: center;
  }
  .login-main .login-left hr{
    margin: auto;
  }
  .algorith-card .algorith-card-bx .algorith-card-body{
    padding: 15px 10px 15px 10px !important;
  }
}