.messenger {
background-color: #fff;
border: solid 1px #E7E7E7;
color: #757575;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
border-radius: 4px;
}
.messenger-sidebar {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
display: none;
padding: 15px
}
.messenger-sidebar.active {
display: block
}
.messenger-list {
list-style: none;
margin: 0 -5px;
padding-left: 0
}
.messenger-list:after, .messenger-list:before {
content: " ";
display: table
}
.messenger-list:after {
clear: both
}
.messenger-list-item {
display: block;
padding: 5px;
position: relative
}
.messenger-list-link {
border-radius: 0;
color: #757575;
display: block;
padding: 10px;
position: relative
}
.messenger-list-link:focus, .messenger-list-link:hover {
background-color: #eee;
color: #424242;
text-decoration: none
}
.active>.messenger-list-link, .active>.messenger-list-link:focus, .active>.messenger-list-link:hover {
background-color: #0288d1;
color: #fff
}
.messenger-list-avatar {
float: left;
margin-right: 10px
}
.messenger-list-details {
min-height: 40px;
overflow: hidden
}
.messenger-list-name {
display: block;
font-weight: 500;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.messenger-list-date {
display: none
}
.messenger-content {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
display: none
}
.messenger-content.active {
display: block
}
.messenger-content-inner {
display: table;
height: 100%;
table-layout: fixed;
width: 100%
}
.messenger-content-header {
border-collapse: collapse;
display: table-row
}
.messenger-content-header-inner {
display: table-cell;
height: 0;
width: 100%
}
.messenger-toolbar {
background-color: #fff;
border-bottom: 1px solid #eee
}
.messenger-toolbar:after, .messenger-toolbar:before {
content: " ";
display: table
}
.messenger-toolbar:after {
clear: both
}
.messenger-toolbar-tools {
float: right
}
.messenger-content-body {
border-collapse: collapse;
display: table-row
}
.messenger-content-body-inner {
display: table-cell;
height: 100%;
width: 100%
}
.messenger-scrollable-content {
height: 54vh;
background: white;
overflow-y: scroll;
width: 100%;

}
.messenger-content-footer {
border-collapse: collapse;
display: table-row
}
.messenger-content-footer-inner {
display: table-cell;
height: 0;
width: 100%
}
.messenger-compose {
background-color: #dfe6ec;
padding: 15px
}
.messenger-compose-actions {
float: right;
margin-left: 15px
}
.messenger-compose-action {
float: left
}
.messenger-compose-message {
overflow: hidden
}
.messenger-compose-input {
background-color: #fff;
background-image: none;
border: none;
color: #757575;
display: block;
font-size: 13px;
line-height: 1.538462;
max-height: 100px;
min-height: 40px;
outline: 0;
padding: 0;
width: 100%;

}
.messenger-welcome {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
display: none;
text-align: center
}
.messenger-welcome-body {
display: table;
height: 100%;
table-layout: fixed;
width: 100%
}
.messenger-welcome-inner {
display: table-cell;
height: 100%;
padding-bottom: 45px;
padding-top: 45px;
vertical-align: middle;
width: 100%
}
.messenger-avatar {
margin: 15px auto;
position: relative;
width: 128px
}
.messenger-avatar-btn {
background-color: rgba(0,0,0,.5);
background-image: none;
border: none;
border-radius: 0 0;
bottom: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 13px;
height: 30px;
line-height: 30px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
text-align: center;
width: 30px
}
.messenger-avatar-btn:focus, .messenger-avatar-btn:hover {
background-color: #000
}
.messenger-heading {
font-weight: 400;
margin-bottom: 0;
margin-top: 0
}
.messenger-nav {
list-style: none;
margin-bottom: 0;
padding-left: 0
}
.messenger-nav>li {
display: block;
position: relative
}
.messenger-nav>li>a {
display: inline-block;
padding: 10px 15px;
position: relative
}
.messenger-nav>li>a:focus, .messenger-nav>li>a:hover {
text-decoration: none
}
.conversation {
margin-bottom: 0;
padding: 15px
}
.conversation-item {
display: block;
margin-bottom: 15px;
position: relative
}
.conversation-messages {
overflow: hidden
}
.conversation-message {
border-radius: 0;
margin-bottom: 1px;
margin-top: 1px;
padding: 6px 12px;
position: relative;
word-wrap: break-word;
border-radius: 4px;
}
.conversation-message:first-child:after {
border-color: transparent;
border-style: solid;
border-width: 6px;
content: " ";
height: 0;
pointer-events: none;
position: absolute;
width: 0
}
.conversation-timestamp {
color: #757575;
font-size: 11px;
margin-top: 5px
}
.conversation-files {
margin-top: 5px
}
.conversation-self .conversation-avatar {
float: left
}
.conversation-self .conversation-messages {
padding-left: 15px
}
.conversation-self .conversation-message {
background-color: #f2f3f6;
clear: left;
color: #617083;
float: left
}
.conversation-self .conversation-message:after {
border-right-color: #f2f3f6;
right: 100%;
top: 10px
}
.conversation-self .conversation-timestamp {
clear: left;
float: left
}
.conversation-self .conversation-files {
clear: left;
float: left
}
.conversation-other .conversation-avatar {
float: right
}
.conversation-other .conversation-messages {
padding-right: 15px
}
.conversation-other .conversation-message {
background-color: #e9f3fb;
clear: right;
color: #617083;
float: right
}
.conversation-other .conversation-message:after {
border-left-color: #e9f3fb;
left: 100%;
top: 10px
}
.conversation-other .conversation-timestamp {
clear: right;
float: right
}
.conversation-other .conversation-files {
clear: right;
float: right
}
.title-bar {
margin-bottom: 10px
}
.dropdown-menu {
margin: 0
}
.sidenav>li.active>a:after {
border-right-color: #fff
}
.file {
width: 100px
}

@media (min-width:480px) {
.messenger-list-item {
float: left;
width: 50%
}
}

@media (min-width:768px) {
.conversation-message {
max-width: 75%
}
}

@media (min-width:992px) {
.messenger-sidebar {
border-right: 1px solid #eee;
bottom: 0;
display: block;
position: absolute;
top: 0;
width: 280px
}
.messenger-sidebar-body {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 60px
}
.messenger-list {
margin-left: 0;
margin-right: 0
}
.messenger-list-item {
padding: 0;
width: 100%
}
.messenger-list-link {
border-radius: 0;
padding-left: 15px;
padding-right: 15px
}
.messenger-list-date {
display: block;
float: right;
font-size: 11px;
line-height: 20px;
margin-left: 2px
}
.messenger-content {
bottom: 0;
left: 280px;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: 0;
top: 0
}
.messenger-welcome {
bottom: 0;
display: block;
left: 280px;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: 0;
top: 0
}
.messenger-content.active~.messenger-welcome {
display: none
}
.layout-content {
height: 100%;
left: 0;
max-height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
right: 0;
z-index: 1000
}
.title-bar {
display: none
}
.conversation-message {
max-width: 50%
}
}
.file-thumbnail {
background-color: #dde3e6;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
color: #757575;
display: block;
padding-bottom: 100%;
position: relative;
width: 100%;
border-radius: 3px;
}
.file-link {
color: inherit;
display: block;
}

.file {
display: block;
float: left;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
position: relative;
width: 100px;
}

.file-list:after, .file-list:before {
content: " ";
display: table;
}
.file-list {
list-style: none;
margin-bottom: 0;
margin-left: -5px;
margin-right: -5px;
padding-left: 0;
}
.conversation-self .conversation-files {
clear: left;
float: left;
margin-top: 5px;
}
/*!
* jquery-confirm v3.0.1 (http://craftpip.github.io/jquery-confirm/)
* Author: boniface pereira
* Website: www.craftpip.com
* Contact: hey@craftpip.com
*
* Copyright 2013-2016 jquery-confirm
* Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
*/@-webkit-keyframes jconfirm-spin {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes jconfirm-spin {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
body[class*=jconfirm-no-scroll-] {
overflow: hidden!important
}
.jconfirm {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999;
font-family: inherit;
overflow: hidden
}
.jconfirm .jconfirm-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
opacity: 0!important
}
.jconfirm .jconfirm-scrollpane {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: center;
perspective-origin: center
}
.jconfirm .jconfirm-box {
background: white;
border-radius: 4px;
position: relative;
outline: 0;
padding: 15px 15px 0;
overflow: hidden
}
@-webkit-keyframes type-blue {
1%, 100% {
border-color:#3498db
}
50% {
border-color:#5faee3
}
}
@keyframes type-blue {
1%, 100% {
border-color:#3498db
}
50% {
border-color:#5faee3
}
}
@-webkit-keyframes type-green {
1%, 100% {
border-color:#2ecc71
}
50% {
border-color:#54d98c
}
}
@keyframes type-green {
1%, 100% {
border-color:#2ecc71
}
50% {
border-color:#54d98c
}
}
@-webkit-keyframes type-red {
1%, 100% {
border-color:#e74c3c
}
50% {
border-color:#ed7669
}
}
@keyframes type-red {
1%, 100% {
border-color:#e74c3c
}
50% {
border-color:#ed7669
}
}
@-webkit-keyframes type-orange {
1%, 100% {
border-color:#f1c40f
}
50% {
border-color:#f4d03f
}
}
@keyframes type-orange {
1%, 100% {
border-color:#f1c40f
}
50% {
border-color:#f4d03f
}
}
@-webkit-keyframes type-purple {
1%, 100% {
border-color:#9b59b6
}
50% {
border-color:#b07cc6
}
}
@keyframes type-purple {
1%, 100% {
border-color:#9b59b6
}
50% {
border-color:#b07cc6
}
}
@-webkit-keyframes type-dark {
1%, 100% {
border-color:#34495e
}
50% {
border-color:#46627f
}
}
@keyframes type-dark {
1%, 100% {
border-color:#34495e
}
50% {
border-color:#46627f
}
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.jconfirm .jconfirm-box.jconfirm-blue {
border-top: solid 7px #3498db;
-webkit-animation-name: type-blue;
animation-name: type-blue
}
.jconfirm .jconfirm-box.jconfirm-green {
border-top: solid 7px #2ecc71;
-webkit-animation-name: type-green;
animation-name: type-green
}
.jconfirm .jconfirm-box.jconfirm-red {
border-top: solid 7px #e74c3c;
-webkit-animation-name: type-red;
animation-name: type-red
}
.jconfirm .jconfirm-box.jconfirm-orange {
border-top: solid 7px #f1c40f;
-webkit-animation-name: type-orange;
animation-name: type-orange
}
.jconfirm .jconfirm-box.jconfirm-purple {
border-top: solid 7px #9b59b6;
-webkit-animation-name: type-purple;
animation-name: type-purple
}
.jconfirm .jconfirm-box.jconfirm-dark {
border-top: solid 7px #34495e;
-webkit-animation-name: type-dark;
animation-name: type-dark
}
.jconfirm .jconfirm-box.loading {
height: 120px
}
.jconfirm .jconfirm-box.loading:before {
content: '';
position: absolute;
left: 0;
background: white;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
z-index: 1
}
.jconfirm .jconfirm-box.loading:after {
opacity: .6;
content: '';
height: 30px;
width: 30px;
border: solid 3px transparent;
position: absolute;
left: 50%;
margin-left: -15px;
border-radius: 50%;
-webkit-animation: jconfirm-spin 1s infinite linear;
animation: jconfirm-spin 1s infinite linear;
border-bottom-color: dodgerblue;
top: 50%;
margin-top: -15px;
z-index: 2
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
height: 20px;
width: 20px;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
opacity: .6;
text-align: center;
-webkit-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
font-size: 27px!important;
line-height: 14px!important;
display: none
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
display: none
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
font-size: 16px
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
font-size: 16px
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
font-size: 16px
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
opacity: 1
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: block;
font-size: 22px;
line-height: 20px
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
font-size: inherit;
padding-bottom: 15px;
display: inline-block;
margin-right: 8px;
vertical-align: middle
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
vertical-align: middle
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
display: none
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
font-size: inherit;
font-family: inherit;
display: inline-block;
vertical-align: middle;
padding-bottom: 15px
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
display: none
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 15px;
height: auto;
-webkit-transition: height .4s ease-in;
transition: height .4s ease-in;
display: inline-block;
width: 100%;
position: relative;
overflow: hidden
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
max-width: 100%;
height: auto
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
display: none
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 11px
}
.jconfirm .jconfirm-box .jconfirm-buttons>button {
margin-bottom: 4px;
margin-left: 2px;
margin-right: 2px
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
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;
border-radius: 4px;
min-height: 1em;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
-webkit-tap-highlight-color: transparent;
border: 0;
background-image: none
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
background-color: #3498db;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
background-color: #2980b9;
color: #FFF
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
background-color: #2ecc71;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
background-color: #27ae60;
color: #FFF
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
background-color: #e74c3c;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
background-color: #c0392b;
color: #FFF
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
background-color: #f1c40f;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
background-color: #f39c12;
color: #FFF
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background-color: #ecf0f1;
color: #000;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background-color: #bdc3c7;
color: #000
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
background-color: #9b59b6;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
background-color: #8e44ad;
color: #FFF
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
background-color: #34495e;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
background-color: #2c3e50;
color: #FFF
}
.jconfirm .jconfirm-clear {
clear: both
}
.jconfirm.jconfirm-rtl {
direction: rtl
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
left: 5px;
right: auto
}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
background-color: #444;
opacity: .2
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
margin: 0 auto;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
border-radius: 5px
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
float: right
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
box-shadow: none;
color: #333
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #ddd
}
.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
background-color: darkslategray;
opacity: .4
}
.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
background: #444;
border-radius: 5px;
color: white
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
float: right
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
border: 0;
background-image: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
-webkit-transition: background .1s;
transition: background .1s;
color: white
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
box-shadow: none;
color: #fff;
background: 0
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #666
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
-webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
-webkit-animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
@-webkit-keyframes shake {
10%, 90% {
-webkit-transform:translate3d(-2px, 0, 0);
transform:translate3d(-2px, 0, 0)
}
20%, 80% {
-webkit-transform:translate3d(4px, 0, 0);
transform:translate3d(4px, 0, 0)
}
30%, 50%, 70% {
-webkit-transform:translate3d(-8px, 0, 0);
transform:translate3d(-8px, 0, 0)
}
40%, 60% {
-webkit-transform:translate3d(8px, 0, 0);
transform:translate3d(8px, 0, 0)
}
}
@keyframes shake {
10%, 90% {
-webkit-transform:translate3d(-2px, 0, 0);
transform:translate3d(-2px, 0, 0)
}
20%, 80% {
-webkit-transform:translate3d(4px, 0, 0);
transform:translate3d(4px, 0, 0)
}
30%, 50%, 70% {
-webkit-transform:translate3d(-8px, 0, 0);
transform:translate3d(-8px, 0, 0)
}
40%, 60% {
-webkit-transform:translate3d(8px, 0, 0);
transform:translate3d(8px, 0, 0)
}
}
@-webkit-keyframes glow {
0%, 100% {
box-shadow:0 0 3px red
}
50% {
box-shadow:0 0 30px red
}
}
@keyframes glow {
0%, 100% {
box-shadow:0 0 3px red
}
50% {
box-shadow:0 0 30px red
}
}
.jconfirm {
-webkit-perspective: 400px;
perspective: 400px
}
.jconfirm .jconfirm-box {
opacity: 1;
-webkit-transition-property: all;
transition-property: all
}
.jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex {
opacity: 0
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
-webkit-transform: rotatey(90deg);
-ms-transform: rotatey(90deg);
transform: rotatey(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
-webkit-transform: rotatey(-90deg);
-ms-transform: rotatey(-90deg);
transform: rotatey(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
-webkit-transform: scaley(1.5);
-ms-transform: scaley(1.5);
transform: scaley(1.5);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
-webkit-transform: scalex(1.5);
-ms-transform: scalex(1.5);
transform: scalex(1.5);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
-webkit-transform: translate(0px, -100px);
-ms-transform: translate(0px, -100px);
transform: translate(0px, -100px)
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
-webkit-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate(-100px, 0px)
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
-webkit-transform: translate(100px, 0px);
-ms-transform: translate(100px, 0px);
transform: translate(100px, 0px)
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
-webkit-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate(0px, 100px)
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5)
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
visibility: hidden
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
background-color: rgba(54,70,93,0.95)
}
.jconfirm.jconfirm-supervan .jconfirm-box {
background-color: transparent
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
color: white
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
text-align: center;
color: white;
font-size: 28px;
font-weight: normal
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
padding-bottom: 25px
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 25px
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
text-align: center;
color: white
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
text-align: center
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
font-size: 16px;
border-radius: 2px;
background: #303f53;
text-shadow: none;
border: 0;
color: white;
padding: 10px;
min-width: 100px
}
.jconfirm.jconfirm-material .jconfirm-bg {
background-color: rgba(0,0,0,0.67)
}
.jconfirm.jconfirm-material .jconfirm-box {
background-color: white;
box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
padding: 30px 25px 10px 25px
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0,0,0,0.87)
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
color: rgba(0,0,0,0.87);
font-size: 22px;
font-weight: bold
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
text-align: left;
color: rgba(0,0,0,0.87)
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
text-align: right
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-weight: 500
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
background-color: rgba(0,0,0,0.21)
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
background-color: white;
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
border: solid 1px rgba(0,0,0,0.4);
padding: 15px 0 0
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0,0,0,0.87)
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
color: rgba(0,0,0,0.87);
font-size: 22px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
text-align: left;
color: rgba(0,0,0,0.87);
padding: 0 15px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
text-align: right;
padding: 0;
margin: -5px 0 0;
border-top: solid 1px #ddd;
overflow: hidden;
border-radius: 0 0 4px 4px
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
font-weight: 500;
border-radius: 0;
margin: 0;
border-left: solid 1px #ddd
}
.jconfirm-content {
font-size: 18px;
text-align: center;
}
.jconfirm-content span {
color: #28619d;
font-weight: 600
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
padding: 40px;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 0px;
}
jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
float: none;
text-align: center;
}
.jconfirm-buttons .btn {
margin-right: 10px !important;
}
.input-daterange .form-control {
text-align: center
}
.input-daterange .input-group-addon {
border-width: 1px 0;
cursor: pointer;
min-width: 16px;
padding-left: 5px;
padding-right: 5px;
width: auto
}
/*****************/
.cbp_tmtimeline {
margin: 30px 0 0 15px;
padding: 0;
list-style: none;
position: relative;
}
.cbp_tmtimeline li {
position: relative;
}
/* The line */
.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: #d7d8d8;
left: 15px;
}
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
display: block;
width: 25%;
padding-right: 100px;
position: absolute;
}
.cbp_tmtimeline > li .cbp_tmtime span {
display: block;
text-align: right;
}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
font-size: 0.9em;
color: #bdd0db;
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
font-size: 2.9em;
color: #3594cb;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
color: #6cbfee;
}
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 15px 55px;
min-height: 40px;
}
.cbp_tmlabel p {
margin: 0px;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 {
margin-top: 0px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.4);
}
/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
width: 36px;
height: 36px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 36px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #fff;
background: #46a4da;
border-radius: 50%;
text-align: center;
left: 22px;
top: 0;
margin: 0 0 0 -25px;
}
.cbp_tmicon-phone:before {
content: "\e000";
}
.cbp_tmicon-screen:before {
content: "\e001";
}
.cbp_tmicon-mail:before {
content: "\e002";
}
.cbp_tmicon-earth:before {
content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
font-size: 1.5em;
}
}

@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before {
display: none;
}
.cbp_tmtimeline > li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 20px 0;
}
.cbp_tmtimeline > li .cbp_tmtime span {
text-align: left;
}
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 1em;
font-weight: 400;
font-size: 95%;
}
.cbp_tmtimeline > li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: #3594cb;
top: -20px;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: transparent;
border-bottom-color: #6cbfee;
}
.cbp_tmtimeline > li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -55px 5px 0 0px;
}
}
/*  Loading Screen
---------------------*/
a, input {
outline: none;
}
.loading-overlay {
background: #FFF;
color: #424242;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 111111;
}
.loading-overlay .brand {
margin: 0 auto;
margin-top: 10%;
width: 182px;
}
.loader {
margin: 0 auto;
margin-top: 100px;
font-size: 6px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(194, 193, 193, 0.5);
border-right: 1.1em solid rgba(199, 197, 197, 0.5);
border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
border-left: 1em solid #0e6ca8;
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.clear {
clear: both;
}
a, a:hover {
color: inherit;
text-decoration: none;
}

.btn-group, .btn-group-vertical {
line-height: 100%;
}
.m-a {
margin: 1rem !important;
}
.m-t {
margin-top: 1rem !important;
}
.m-r {
margin-right: 1rem !important;
}
.m-b {
margin-bottom: 1rem !important;
}

.m-l {
margin-left: 1rem !important;
}
.m-x-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.m-x {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.m-y {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-a-lg {
margin: 3rem !important;
}
.m-t-lg {
margin-top: 3rem !important;
}
.m-r-lg {
margin-right: 3rem !important;
}
.m-b-lg {
margin-bottom: 3rem !important;
}
.m-l-lg {
margin-left: 3rem !important;
}
.m-x-lg {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.m-y-lg {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.m-a-md {
margin: 1.5rem !important;
}
.m-t-ml {
margin-top: 2rem !important;
}
.m-t-md {
margin-top: 1.5rem !important;
}
.m-r-md {
margin-right: 1.5rem !important;
}
.m-b-md {
margin-bottom: 1.5rem !important;
}
.m-l-md {
margin-left: 1.5rem !important;
}
.m-x-md {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.m-y-md {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-a-sm {
margin: 0.5rem !important;
}
.m-t-sm {
margin-top: 0.5rem !important;
}
.m-r-sm {
margin-right: 0.5rem !important;
}
.m-b-sm {
margin-bottom: 0.5rem !important;
}
.m-l-sm {
margin-left: 0.5rem !important;
}
.m-x-sm {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.m-y-sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-a-xs {
margin: 0.25rem !important;
}
.m-t-xs {
margin-top: 0.25rem !important;
}
.m-r-xs {
margin-right: 0.25rem !important;
}
.m-b-xs {
margin-bottom: 0.25rem !important;
}
.m-l-xs {
margin-left: 0.25rem !important;
}
.m-l-xxs {
margin-left: 4px !important;
}
.m-l-xxxs {
margin-left: 0.15rem !important;
}
.m-x-xs {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.m-y-xs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-t-n-xs {
margin-top: -5px !important;
}
.m-t-n-sm {
margin-top: -10px !important;
}
.m-t-n {
margin-top: -15px !important;
}
.m-t-n-lg {
margin-top: -68px !important;
}
.m-t-n-2lg {
margin-top: -130px;
}
.m-b-0 {
margin-bottom: 0px !important
}
.m-t-xxl {
margin-top: 150px !important;
}
.p-a {
padding: 1rem !important;
}
.p-t {
padding-top: 1rem !important;
}
.p-r {
padding-right: 1rem !important;
}
.p-b {
padding-bottom: 1rem !important;
}
.p-l {
padding-left: 1rem !important;
}
.p-x-0{
padding-left: 0px !important;
padding-right:0px !important;
}
.p-x {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.p-x-7 {
padding-right: 7px !important;
padding-left: 7px !important;
}
.p-x-13 {
padding-right: 13px !important;
padding-left: 13px !important;
}
.p-x-14 {
padding-right: 14px !important;
padding-left: 14px !important;
}
.p-x-15 {
padding-right: 15px !important;
padding-left: 15px !important;
}
.p-x-30 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.p-x-40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.p-y {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-a-lg {
padding: 3rem !important;
}
.p-t-lg {
padding-top: 3rem !important;
}
.p-r-lg {
padding-right: 3rem !important;
}
.p-b-lg {
padding-bottom: 3rem !important;
}
.p-l-lg {
padding-left: 3rem !important;
}
.p-x-lg {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.p-y-lg {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.p-a-md {
padding: 1.5rem !important;
}
.p-t-md {
padding-top: 1.5rem !important;
}
.p-t-md-1 {
padding-top: 2rem !important;
}
.p-r-md {
padding-right: 1.5rem !important;
}
.p-b-md {
padding-bottom: 1.5rem !important;
}
.p-l-md {
padding-left: 1.5rem !important;
}
.p-x-md {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.p-y-md {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-y-80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.p-a-sm {
padding: 0.5rem !important;
}
.p-t-sm {
padding-top: 0.5rem !important;
}
.p-r-sm {
padding-right: 0.5rem !important;
}
.p-b-sm {
padding-bottom: 0.5rem !important;
}
.p-l-sm {
padding-left: 0.5rem !important;
}
.p-x-sm {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.p-y-sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-a-xs {
padding: 0.25rem !important;
}
.p-t-xs {
padding-top: 0.25rem !important;
}
.p-t-xl {
padding-top: 4rem !important;
}
.p-r-xs {
padding-right: 0.25rem !important;
}
.p-b-xs {
padding-bottom: 0.25rem !important;
}
.p-l-xs {
padding-left: 0.25rem !important;
}
.p-x-xs {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.p-y-xs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.padding {
padding: 1.5rem 1.5rem;
}
.margin {
margin-bottom: 1.5rem;
}
.padding-out {
margin: -1.5rem -1.5rem;
}
.no-padding {
padding: 0px;
}
img {
object-fit: contain;
object-position: center;
}
.fs-10 {
font-size: 10px !important;
}
.fs-11 {
font-size: 11px !important;
}
.fs-12 {
font-size: 12px !important;
}
.fs-13 {
font-size: 13px !important;
}
.fs-14 {
font-size: 14px !important;
}
.fs-15 {
font-size: 15px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-17 {
font-size: 17px !important;
}
.fs-18 {
font-size: 18px !important;
}
.fs-19 {
font-size: 19px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-21 {
font-size: 21px !important;
}
.fs-22 {
font-size: 22px !important;
}
.fs-23 {
font-size: 23px !important;
}
.fs-24 {
font-size: 24px !important;
}
.fs-25 {
font-size: 25px !important;
}
.fs-30 {
font-size: 30px !important;
}
.fs-34 {
font-size: 34px !important;
}
.fs-35 {
font-size: 35px !important;
}
.fs-36 {
font-size: 36px !important;
}
.fs-37 {
font-size: 37px !important;
}
.letter-spacing-1 {
letter-spacing: 1px;
}
.letter-spacing-2 {
letter-spacing: 2px;
}
.letter-spacing-3 {
letter-spacing: 3px;
}
.letter-spacing-4 {
letter-spacing: 4px;
}
.l-h-32 {
line-height: 32px;
vertical-align: middle;
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.extralight {
font-weight: 200 !important;
}
.semibold {
font-weight: 600 !important;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.white-bg {
background-color: #fff !important;
}
.border-radius-0 {
border-radius: 0px !important;
}
.border-radius-3 {
border-radius: 3px;
}
.w-200{
width: 200px !important
}
.w-100{
width: 100px !important
}
.h-100{
height: 100px !important;
}
.h-120{
height: 120px !important;
}
.w-120 {
width: 120px !important;
}
.w-140{
width: 140px !important;
}
.w-75 {
width: 75px !important;
height: 75px;
}
.w-64 {
width: 64px;
height: 64px;
}
.w-56 {
width: 56px;
height: 56px;
}
.w-52 {
width: 52px;
height: 52px;
}
.w-36 {
width: 36px;
height: 36px;
}
.w-32 {
width: 32px;
height: 32px;
}
.w-24 {
width: 24px;
height: 24px;
}
.opacity-0 {
opacity: 0;
height: 0px;
}
.rounded {
border-radius: 100%;
object-fit: cover;
}
.v-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}
figure {
position: relative;
}
.c-white {
color: #fff;
}
.c-blue {
color: rgba(90,148,235,1);
}
.c-orange {
color: rgba(207,162,11,1);
}
.c-gray{
   color:rgba(0,0,0,0.28)
}
.btn:hover {
cursor: pointer;
}
.btn-white {
background-color: #eff3f6;
border: solid 1px rgba(0,0,0,.15);
}
.btn-white.active, .btn-white.white{
background: #fff;
color: rgba(90,148,235,1) !important;
}
.truncate {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.pointer {
cursor: pointer;
}
.capitalize{
text-transform: capitalize;
}
.c-default {
cursor: default !important;
}
.full-width {
  width: 100%;
  position: relative !important;
  display: inline-block !important;
}
img.cover {
height: 100%;
width: 100%;
object-fit: cover;
}
img.contain {
height: 100%;
width: 100%;
object-fit: contain;
}
.mxw-600 {
max-width: 600px;
}
.mxw-700 {
max-width: 700px;
}
.nowrap {
white-space: nowrap;
}
.h-450 {
height: 450px !important;
}
.h-211 {
height: 211px !important;
}
.h-215 {
height: 215px !important;
}
.h-225 {
height: 225px;
}
.h-280 {
height: 280px;
}
/******************* Form validation *************/
.form-group {
margin-bottom: 6px;
position: relative;
}
.required-field {
color: #DC1A23 !important;
font-size: 8px;
position: relative;
margin-left: 5px;
margin-right: 5px;
top: -5px;
}
label.error {
color: #fa3b25;
font-size: 12px;
padding-right: 5px;
}
.input-group label.error {
z-index: 9999;
right: 102px;
}
label#message-error {
bottom: 61px;
}
.form-control.error {
border-left: solid 3px #DC1A23;
}
.form-control.minimal {
height: inherit !important;
padding: 5px !important;
}
label.error.msg {
color: #DC1A23 !important;
padding: 5px 60px;
background: #fff;
border-radius: 3px;
margin: 15px;
}
label.msg.validate {
color: #3F5C7E !important;
padding: 5px 40px;
background: #fff;
border-radius: 3px;
margin: 15px;
}
.alert {
margin-bottom: 0px;
}
.alert p {
margin-bottom: 0px;
}
.borderless {
border: none;
}
.borderless:disabled {
background: transparent;
cursor: default;
}

.blue {
background-color: #2196f3;
color: rgba(255, 255, 255, 0.87);
}
.btn-raised {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn-raised:hover {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0);
}
.hidden {
display: none
}
/******************************* md-check ************************************/
.md-check {
cursor: pointer;
padding-left: 1.25rem;
margin: 0;
display: inline-block;
position: relative;
margin-right: 15px;
}
.md-check input {
position: absolute;
cursor: pointer;
z-index: 1;
opacity: 0;
margin-left: -1.25rem;
}
.md-check input:checked + i:before {
border-width: 0;
background-color: inherit;
}
.md-check input:checked + span .active {
display: inherit;
}
.md-check input[type="radio"] + i, .md-check input[type="radio"] + i:before {
border-radius: 50%;
}
.md-check input[type="checkbox"]:checked + i:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 6px;
top: 2px;
display: table;
width: 6px;
height: 12px;
border: 2px solid;
border-top: 0;
border-left: 0;
content: ' ';
}
.md-check input[type="radio"]:checked + i:after {
position: absolute;
left: 6px;
top: 6px;
display: table;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
content: ' ';
}
.md-check input[disabled] + i:before, fieldset[disabled] .md-check input + i:before {
opacity: 0.5;
}
.md-check input[disabled]:checked + i:before {
opacity: 0.5;
}
.md-check > i {
width: 0;
height: 18px;
line-height: 1;
margin-left: -20px;
margin-top: 1px;
float: left;
display: inline-block;
vertical-align: middle;
margin-right: 28px;
position: relative;
}
.md-check > i:before {
content: "";
position: absolute;
width: 18px;
height: 100%;
border: 2px solid #9e9e9e;
border-radius: 2px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.md-check > i.no-icon:after {
display: none !important;
}
/************************* md-switch ***************************/
.md-switch {
cursor: pointer;
padding-left: 36px;
margin: 0;
min-height: 20px; }
.md-switch input {
position: absolute;
cursor: pointer;
width: 36px;
height: 20px;
z-index: 1;
opacity: 0;
margin-left: -36px; }
.md-switch input:checked + i:before {
background: inherit;
opacity: 0.5; }
.md-switch input:checked + i:after {
background: inherit;
left: 16px; }
.md-switch input[disabled] + i:before,
fieldset[disabled] .md-switch input + i:before {
background-color: rgba(0, 0, 0, 0.12); }
.md-switch input[disabled] + i:after,
fieldset[disabled] .md-switch input + i:after {
background-color: #bdbdbd; }
.md-switch i {
width: 0px;
height: 18px;
line-height: 1;
margin-left: -36px;
margin-top: -2px;
display: inline-block;
vertical-align: middle;
margin-right: 44px;
position: relative; }
.md-switch i:before {
content: "";
left: 1px;
width: 34px;
top: 3px;
height: 14px;
border-radius: 8px;
position: absolute;
background-color: #9e9e9e;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.md-switch i:after {
content: "";
position: absolute;
margin: 0;
left: 0;
top: 0;
outline: none;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
-webkit-transition: all 0.2s;
transition: all 0.2s; }
/***************************/
.flat-btn {
background: transparent;
}
.flat-btn:not([disabled]):hover, .flat-btn:not([disabled]):focus {
background-color: rgba(158, 158, 158, 0.2);
}
/******************************* Modal ************************************/
.modal.show {
z-index: 999999;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0!important;
background-color: rgba(0,0,0,.5);
}
.modal-dialog {
  width: 100%;
  max-width: max-content;
  min-width: 500px;
}
.modal-open .modal {
overflow-x: hidden !important;
overflow-y: hidden !important;

}
.modal-backdrop {
z-index: 99999;
background-color: rgba(0,0,0,0);
}
.modal-content {
padding: 15px;
}
.modal-header, .modal-footer {
background: #fff;
border-bottom: none;
position: relative;
padding: 10px 15px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.modal-info {
  position: absolute;
  left: -15px;
  top: -15px;
  color:#fff;
  font-size: 12px;
  background: #2769a5;
  padding: 4px 5px;
  border-radius: 4px;
}
.modal-title {
text-align: center;
width: 100%;
color: #000;
font-size: 28px;
}
.modal-header .close {
color: #949494;
font-weight: 100;
font-size: 27px;
font-family: Helvetica, Arial, "sans-serif";
position: absolute;
right: 0px;
top: -6px;
outline: none;
}
.modal-body h6 {
font-size: 16px;
font-weight: 400;
}
/**************** DropDown **************/
.dropdown-menu-lg {
padding: 0;
width: 420px;
}
.dropdown-heading {
line-height: 20px;
margin-bottom: 0;
margin-top: 0;
overflow: hidden;
font-size: 12px;
}
.dropdown-header {
display: block;
border-bottom: 1px solid #eee;
padding: 10px 15px;
font-size: 13px;
line-height: 1.538462;
color: inherit;
white-space: nowrap;
}
.dropdown-link {
float: right;
line-height: 20px;
font-size: 13px;
color: #0288d1;
}
.dropdown-body {
height: 304px;
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.dropdown-btn {
background-color: transparent;
background-image: none;
border-color: #eee;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-style: solid;
border-width: 1px 0 0;
color: #757575;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
outline: 0;
padding: 5px 10px;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
width: 100%;
}
.dropdown-btn:focus, .dropdown-btn:hover {
background-color: #0288d1;
border-color: #0288d1;
color: #fff;
text-decoration: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-divided .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top: none;
}
.list-group-divided .list-group-item {
background-color: transparent;
border-width: 1px 0;
}
a.list-group-item, button.list-group-item {
color: #757575;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eee;
}
.notification-media {
float: left;
margin-right: 10px;
}
.notification-content {
overflow: hidden;
}
.notification-timestamp {
float: right;
font-size: 12px;
line-height: 20px;
}
.notification:after {
clear: both;
}
.notification-heading {
line-height: 20px;
margin-bottom: 0;
margin-top: 0;
font-size: 16px;
}
.notification-text {
margin-bottom: 0;
}
.notification:after, .notification:before {
content: " ";
display: table;
}
.sq-40 {
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.bg-warning {
background-color: #ef6c00;
border-color: #ef6c00;
color: #fff;
}
.bg-success {
background-color: #43a047;
border-color: #43a047;
color: #fff;
}
.without-caret:after {
display: none !important;
}
.badge {
display: inline-block;
min-width: 20px;
height: 20px;
padding: 0 4px;
font-size: 8px;
font-weight: 700;
color: #fff;
line-height: 2;
white-space: nowrap;
background-color: #0288d1;
border-radius: 10px;
border: #fff solid 2px;
margin-top: -8px;
}
.badge-above {
margin-right: -9px;
position: absolute;
right: 100%;
top: -1px;
z-index: 3;
}
.badge-above.right {
left: 98%;
margin-left: -20px;
margin-right: 0;
right: auto;
}
.badge-danger {
background-color: #d50000;
}
.badge-warning {
background-color: #fdae3a;
}
.badge-green {
background-color: #4caf50;
}
.badge-gray{
background-color:#beccd7;
}
/**************breadcrumbs*******************/
.breadcrumbs-container{
-webkit-transition: width 2s;
transition: width 2s;
}

ul.breadcrumbs {
list-style: none;
padding: 0px;
margin: 0px;
width: 1000px;
height: 20px;
margin-top: 11px !important;
}
ul.breadcrumbs li {
float: left;
color: #ccd3da;
font-size: 12px;
}
ul.breadcrumbs li a {
color: #b7b7b7;
font-size: 14px;
font-weight: 300;
padding-right: 15px;
}
ul.breadcrumbs li a:after {
color: #ccd3da;
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top: 2px;
margin-left: 10px;
}
ul.breadcrumbs li a.dropdown-toggle:after{
margin-top: -17px;
color: #ccd3da !important;
}
ul.breadcrumbs li a.dropdown-item:after{
display: none;
}
ul.breadcrumbs li a.active {
color: #656565;
font-weight: 400;
}
ul.breadcrumbs li a.active:after {
display: none;
}
.input-with-icon {
position: relative;
}
.input-with-icon .form-control {
padding: 8px 5px;
padding-right: 35px;
font-size: 13px;
color: #bdc6d2;
}
.input-with-icon .form-control::placeholder {
color:#bdc6d2;
}
.input-with-icon .input-icon {
color: #757575;
display: block;
height: 34px;
right: 1px;
line-height: 34px;
position: absolute;
text-align: center;
top: 0;
width: 34px;
color: #bdc6d2;
font-size: 14px;
}
/******************* Table ************/
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important
}
table.dataTable td, table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
text-align: center
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 8px;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
padding-right: 30px
}
table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active {
outline: none
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative
}
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
color: #eee
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important
}
div.dataTables_scrollBody>table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important
}
div.dataTables_scrollBody>table>thead .sorting:after, div.dataTables_scrollBody>table>thead .sorting_asc:after, div.dataTables_scrollBody>table>thead .sorting_desc:after {
display: none
}
div.dataTables_scrollBody>table>tbody>tr:first-child>th, div.dataTables_scrollBody>table>tbody>tr:first-child>td {
border-top: none
}
div.dataTables_scrollFoot>table {
margin-top: 0 !important;
border-top: none
}

@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
text-align: center
}
}
table.dataTable.table-condensed>thead>tr>th {
padding-right: 20px
}
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
top: 6px;
right: 6px
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
border-left-width: 0
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
border-right-width: 0
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
border-bottom-width: 0
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0
}
div.table-responsive>div.dataTables_wrapper>div.row {
margin: 0;
width: 100%;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
padding-left: 0
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
padding-right: 0
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
padding: 5px 8px;
line-height: 35px;
vertical-align: middle;
border-top: 1px solid #e9edef;

}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #d2d7d3;
white-space: nowrap;
}
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #d2d7d3;
}
.table .table {
background-color: #f2f1ef;
}
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #d2d7d3;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
border: 1px solid #d2d7d3;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) > td {
background-color: #f9f9f9 !important;
}
.table-hover > tbody > tr:hover {
background-color: #ecf0f1;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"], table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
background-color: #ecf0f1;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #dde4e6;
}
.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
background-color: #dcedc8;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #d0e7b5;
}
.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
background-color: #b3e5fc;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #9addfb;
}
.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
background-color: #ffe0b2;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #ffd699;
}
.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
background-color: #ffcdd2;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ffb4bb;
}
.table-responsive {
min-height: 200px;
}
.dataTable {
border-collapse: separate;
clear: both;
margin-bottom: 5px;
margin-top: 5px;
max-width: none;
}
.dataTable.nowrap th, .dataTable.nowrap td {
white-space: nowrap;
}
.dataTable .sorting, .dataTable .sorting_asc, .dataTable .sorting_desc {
cursor: pointer;
outline: none;
white-space: nowrap;
}
.dataTable .sorting:after, .dataTable .sorting_asc:after, .dataTable .sorting_desc:after {
display: inline-block;
font-family: FontAwesome;
font-size: 12px;
height: 20px;
line-height: 20px;
margin-left: 5px;
margin-right: -5px;
text-align: center;
width: 20px;
}
.dataTable .sorting_asc, .dataTable .sorting_desc {
border-color: #0288d1;
color: #0288d1;
}
.dataTable .sorting:after {
color: #757575;
content: "\f0dc";
}
.dataTable .sorting_asc:after {
color: #0288d1;
content: "\f0de";
}
.dataTable .sorting_desc:after {
color: #0288d1;
content: "\f0dd";
}
.dataTables_empty {
text-align: center;
}
.dataTables_filter {
text-align: right;
}

@media (max-width: 767px) {
.dataTables_filter {
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
}
.dataTables_info {
padding-top: 10px;
white-space: nowrap;
}
.dataTables_paginate {
text-align: center;
white-space: nowrap;
}
.dataTables_wrapper .row {
margin-left: 0;
margin-right: 0;
}
.dataTables_wrapper [class^="col-"]:first-child {
padding-left: 0;
}
.dataTables_wrapper [class^="col-"]:last-child {
padding-right: 0;
}
.dataTables_filter {
text-align: right;
}
.dataTables_paginate {
text-align: center;
white-space: nowrap
}
/****** Box ****/
.box, .box-color {
background-color: #fff;
position: relative;
margin-bottom: 1.5rem;
}
.box-header {
position: relative;
padding: 1rem;
}
.box-header h2, .box-header h3, .box-header h4 {
margin: 0;
font-size: 18px;
line-height: 1;
}
.box-header small {
display: block;
margin-top: 4px;
opacity: 0.6;
}
.box-divider {
border-bottom: 1px solid rgba(120, 130, 140, 0.13);
margin: 0 16px;
height: 0;
}
.m-a-0 {
margin: 0 0!important;
}
.box-body {
padding: 1rem;
}
.form-control-label {
padding: .375rem .75rem;
margin-bottom: 0;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell;
}
input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-btn>.btn {
position: relative;
}
.file-upload-btn {
display: inline-block;
overflow: hidden;
position: relative;
}
input[type=file] {
display: block;
}
.file-upload-input {
bottom: 0;
cursor: inherit;
font-size: 1000px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
}

.bg-5c0e9 {
background-color: #35c0e9;
color: rgba(255, 255, 255, 0.87);
}
.bg-84cec4 {
background-color: #84cec4;
color: rgba(255, 255, 255, 0.87);
}
.bg-855eb5 {
background-color: #855eb5;
color: rgba(255, 255, 255, 0.87);
}
.bg-f89159 {
background-color: #f89159;
color: rgba(255, 255, 255, 0.87);
}
.bg-f8b14a {
background-color: #f8b14a;
color: rgba(255, 255, 255, 0.87);
}
.bg-e8467f {
background-color: #e8467f;
color: rgba(255, 255, 255, 0.87);
}
.bg-bfc7d8{
background: #bfc7d8;
}
.bg-f5f5f5{
background: #f5f5f5;
}
/*********Dropzone ************/
/*
* The MIT License
* Copyright (c) 2012 Matias Meno <m@tias.me>
*/
@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-moz-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-moz-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); }
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
10% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
}
to {
opacity: 1;
}
}
.dropzone, .dropzone * {
box-sizing: border-box; }

.dropzone { }
.dropzone.dz-clickable {
cursor: pointer; }
.dropzone.dz-clickable * {
cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer;
text-align: center;
}
.dropzone.dz-started .dz-message {
display: none; }
.dropzone.dz-drag-hover {
border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5; }
.dropzone .dz-message {
text-align: center;
margin: 2em 0; }
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 30px 15px 15px 15px;
min-height: 100px; }
.dropzone .dz-preview:hover {
z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1; }
.dropzone .dz-preview.dz-image-preview {  }
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none; }
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
opacity: 1; }
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 1;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
height: 100%;
}
.dropzone .dz-preview .dz-details .dz-size {
font-size: 16px;
position: absolute;
top: -16px;
text-align: center;
width: 100%;
left: 0px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
overflow: hidden;
 text-overflow: ellipsis;
}


.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
border-radius: 3px; }

.dropzone .dz-preview .dz-image {
border-radius: 4px;
overflow: hidden;
width: 64px;
height: 76px;
position: relative;
display: block;
z-index: 10; }
.dropzone .dz-preview .dz-image img {
display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {

opacity: 1;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 4px;
left: 50%;
bottom: 21px;
margin-top: -8px;
width: 61px;
margin-left: -30px;
background: rgba(255,255,255,.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white; }
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626; }
.bootstrap-select .btn{
background: #fff !important;
border: 1px solid rgba(0,0,0,.15);
box-shadow:inherit !important;
}

.bootstrap-select  .selected {
background: #f6f4f4;
}
.bootstrap-select .dropdown-toggle:after {
width: 0;
height: 0;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-top: 5px solid #333 !important;
position: absolute;
top: 0;
right: 12px;
bottom: 0;
margin: auto;
content: "";
}
.bootstrap-select li:hover, #SortDirection:hover{
background: #f6f4f4 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
right: 7px;
position: absolute;
top: 8px;
}
.bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark {
display: block;
}
.block{
display: block !important;
}
.permissions .form-control-label{
min-width: 160px;
}
.ml-0 {
margin-left: 0px !important;
}
.w-fit-content{
width: fit-content !important;
}
.simple-link:after{
margin-top: -14px !important;
}
.dataTables_paginate {
text-align: center;
white-space: nowrap;
}

.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 0;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.538462;
text-decoration: none;
color: #757575;
background-color: #fff;
border: 1px solid #eee;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 2;
color: #757575;
background-color: #eee;
border-color: #eee;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #0288d1;
border-color: #0288d1;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #757575;
background-color: #fff;
border-color: #eee;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.br-3{
  border-radius: 3px;
}
.btlr-3{
  border-top-left-radius: 3px;
}
.bblr-3{
  border-bottom-left-radius: 3px;
}
.btrr-3{
  border-top-right-radius: 3px;
}
.bbrr-3{
  border-bottom-right-radius: 3px;
}
/****/
.br-8{
  border-radius: 8px;
}
.btlr-8{
  border-top-left-radius: 8px;
}
.bblr-8{
  border-bottom-left-radius: 8px;
}
.btrr-8{
  border-top-right-radius: 8px;
}
.bbrr-8{
  border-bottom-right-radius: 8px;
}
.right-sep:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #f1f5f7;
  position: absolute;
  right: 12px;
  top:0px;
}
/********** Check mark  * *******/
.checkMark:not(:checked),
.checkMark:checked {
  position: absolute;
  left: -9999px;
}
.checkMark:not(:checked) + label,
.checkMark:checked + label {
  position: relative;
  padding-left: 25px;
  position: absolute;
  right: 15px;
  top: 15px;
}

/* checkbox aspect */
.checkMark:not(:checked) + label:before,
.checkMark:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
}
/* checked mark aspect */
.checkMark:not(:checked) + label:after,
.checkMark:checked + label:after {
  content: '\f00c';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #3182B5;
  line-height: 1.75;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
.checkMark:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.checkMark:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.datepicker{direction:ltr}.datepicker table{margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{border:none;border-radius:4px;height:30px;text-align:center;width:30px;font-size:12px}.datepicker table tr td.new,.datepicker table tr td.old{color:#000}.datepicker table tr td.highlighted,.datepicker table tr td.range{border-radius:0}.datepicker table tr td.day.today{background-color:#e0e0e0;color:#fff;cursor:pointer}.datepicker table tr td.day.active,.datepicker table tr td.day:hover,.datepicker table tr td.focused{background-color:#0288d1;color:#fff;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background-color:transparent;color:#e0e0e0;cursor:default}.datepicker table tr span{border-radius:4px;cursor:pointer;display:block;float:left;height:54px;line-height:54px;margin:1%;width:23%}.datepicker table tr span.active,.datepicker table tr span.focused,.datepicker table tr span:hover{background-color:#0288d1;color:#fff}.datepicker table tr span.active:hover{background-color:#02679e;color:#fff}.datepicker table tr span.disabled,.datepicker table tr span.disabled:hover{background-color:transparent;color:#e0e0e0;cursor:default}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr span{float:right}.datepicker .datepicker-switch{width:150px}.datepicker .clear,.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker .today{cursor:pointer}.datepicker .clear:hover,.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker .today:hover{background-color:#0288d1;color:#fff}.datepicker .cw{font-size:10px;padding:0 5px;vertical-align:middle;width:12px}.datepicker-inline{width:220px}

.btn.inherit{
  text-transform: inherit !important;
  font-weight: inherit !important;
  padding: .25rem .5rem !important;
}
#EditEmail {
    position: absolute;
    right: 9px;
    top: 41px;
    cursor:pointer;
}
#showHidePassword {
    position: absolute;
    right: 9px;
    top: 41px;
    cursor:pointer;
}
.fw-100{
	font-weight: 100;
}