/* COLORS PALETTE */
:root 
{
  --rich-black: #011722; 
  --prussian-blue: #013A57;
  --bleu-de-france: #307EE8;
  --mustard: #FF8500;
  --folly: #FF0058;
  --dark-khaki: #8DC672;
  --spanish-gray: #9A9A9A;
  --platinum: #E3E3E3;
  --anti-flash-white: #E9F2F9;
  --cosmic-latte: #FFF2E4;
  --linen: #FCECEC;
  --isabelline: #F4F6EE;

  /* Berth Planning Colors */
  --blue: #80C4E9;
  --light-blue: #D4EBF8;
  --green: #7ED4AD;
  --red-blood: #AF1740;
  --light-orange: #FF9C73;
  --soft-orange: #FBD288;
  --maroon: #EFB6C8;
  --dark-brown: #543A14;
}
/* END COLORS PALETTE */

/* TYPOGRAPHY */
@font-face 
{ 
	font-family: poppins-regular; 
	src: url('../fonts/Poppins-Regular.ttf'); 
}

@font-face 
{ 
	font-family: poppins-medium; 
	src: url('../fonts/Poppins-Medium.ttf'); 
}

@font-face 
{ 
	font-family: poppins-semibold; 
	src: url('../fonts/Poppins-SemiBold.ttf'); 
}

@font-face 
{ 
	font-family: poppins-bold; 
	src: url('../fonts/Poppins-Bold.ttf'); 
}

@font-face 
{ 
	font-family: robotomono-regular; 
	src: url('../fonts/roboto-mono/RobotoMono-Regular.ttf'); 
}

.fs-36
{
	font-size:36px !important;
}

.fs-28
{
	font-size:28px !important;
}

.fs-24
{
	font-size:24px !important;
}

.fs-22
{
	font-size:22px !important;
}

.fs-20
{
	font-size:20px !important;
}

.fs-16
{
	font-size:16px !important;
}

.fs-14
{
	font-size:14px !important;
}

.fs-12
{
	font-size:12px !important;
}

.fs-10
{
	font-size:10px !important;
}

.fs-9
{
	font-size:9px !important;
}
/* END TYPOGRAPHY */

html 
{
	position: relative;
	min-height: 100vh;
}

html, body 
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 12px;
    margin:0;
    padding:0;
    background-color:#fafbfd;
}

@media (min-width: 300px)
{
	#divContent
	{
		margin-bottom:160px;
	}
}

@media (min-width: 395px)
{
	#divContent
	{
		margin-bottom:135px;
	}
}

@media (min-width: 484px)
{
	#divContent
	{
		margin-bottom:110px;
	}
}

@media (min-width: 768px)
{
	#divContent
	{
		margin-bottom:80px;
	}
}

.h-46
{
	height: 46px;
}

.mt-25
{
	margin-top: 25px;
}

.pl-30
{
	padding-left: 30px;
}

/* HEADER & BREADCRUMB */
header
{
	background-color: white;
}

#sposBreadcrumb
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 14px;
	color: var(--bleu-de-france);
	margin-bottom: 0;
	background-color:#fafbfd;
}

#main-breadcrumb
{
	margin-bottom: 2px;
}

/** Breadcrumb **/
.breadcrumb
{
	background-color:white;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.01em;
}

/* Style to change breadcrumb separator  */
.breadcrumb-item + .breadcrumb-item
{
	padding-right: 0.35em;
}

.breadcrumb-item + .breadcrumb-item::before
{
    content: ">";
    padding-right: 1em;
}

.breadcrumb > li + li:before {
	color: var(--spanish-gray) !important;
}

.breadcrumb-item.active
{
	color: var(--spanish-gray) !important;
	cursor: pointer;
}

.header-title
{
	font-family: 'poppins-bold', sans-serif;
	font-size: 28px;
	color: var(--rich-black);
}
/* END HEADER & BREADCRUMB */

/* CANNED MESSAGE/ACCORDION */
#header-info
{
	font-family: 'poppins-semibold', sans-serif;
	font-size: 12px;
	color: white;
	background-color: var(--rich-black);
	padding: 20px 50px;
}

#canned-msg-detail
{
	font-family: 'poppins-regular', sans-serif;
	padding-left:20px;
}
/* END CANNED MESSAGE/ACCORDION */

.rounded-30
{
	border-radius:30px !important;
}

.ml-15
{
	margin-left: 15px !important;
}

.ml-28
{
	margin-left:28px;
}

.ml-80
{
	margin-left:80px;
}

/* MENU BAR */
#first-navbar, #second-navbar
{
	font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	padding: 10px 37px;
}

/*.nav-scrolled
{
	background-color: white;
}*/

/*.navbar-toggler
{
	color: #F1F5F9;
}
*/

.header-logo
{
	width:80px !important; 
	height:14px !important;
}

#__divGlobalSearch__
{
	font-family: 'poppins-regular', sans-serif;
	font-size: 9px;
	color: var(--spanish-gray) !important;
	/*margin-left: 30px;*/
	padding: 10px 15px;
	/*width:90%;*/
}

#__btnSearch__, #__txtGlobalSearch__, #__btnGlobalSearch__
{
	background-color: #F1F5F9 !important;
	border: 1px solid var(--platinum) !important;
}

#__btnSearch__
{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	color: var(--bleu-de-france) !important;
}

#__txtGlobalSearch__
{
	width:340px;
}

@media (max-width: 511px)
{
    #__txtGlobalSearch__
	{
		width:250px;
	}
}

@media (max-width: 411px)
{
    #__txtGlobalSearch__
	{
		width:150px;
	}
}

@media (max-width: 311px)
{
    #__txtGlobalSearch__
	{
		width:50px;
	}
}

.right-half-circle
{
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
}

#__btnGlobalSearch__
{
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
	color: var(--bleu-de-france) !important;
}

#second-navbar .collapse .navbar-menu > li
{
	margin-right:30px;
}

.nav-link
{
	color: var(--rich-black) !important;
}

.nav-item .fa-stack[data-count]:after
{
	position:absolute;
	right:0%;
	bottom:1%;
	content: attr(data-count);
	font-size:50%;
	padding:.6em;
	border-radius:50%;
	line-height:.75em;
	color: white;
	background:#2563EB;
	text-align:center;
	min-width:2em;
	font-weight:bold;
}

.nav-item .fa-stack:hover
{
	cursor:pointer;
}

.nav-item.nav-right
{
	margin-left:48px;
}

.navbar-menu > li.active
{
	/*background-color:#E0F2FE;*/
	border-radius:5px;
}

.navbar-menu > li.active > a
{
	color: var(--bleu-de-france) !important;
}

.navbar-menu-2 > li.active
{
	/*background-color:#E0F2FE;*/
	border-radius:5px;
}

.navbar-menu-2 > li.active > a
{
	/*color:#2563EB;*/
}

.dropdown-toggle-submenu::after 
{
    display:none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: var(--bleu-de-france) !important;
	/*background-color: var(--folly);*/
}

.dropdown-submenu 
{
	position: relative;
}

.dropdown-submenu a::after 
{
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu 
{
	top: 0;
	left: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

.dropdown-item
{
	/*font-family: 'poppins-semibold', sans-serif !important;*/
	color: var(--spanish-gray) !important;
}

.dropdown-item:active
{
	background-color: transparent !important;
	color: var(--bleu-de-france) !important;
}

.dropdown-toggle::after
{
	top:19px !important;
	right:3rem !important;
}

.dropdown-submenu > .dropdown-menu.show 
{
	display: flex;
	flex-wrap: wrap;
	/*flex-direction: column-reverse;*/
}

.dropdown-with-sub
{
	width:33.33%;
}

@media (max-width: 991px) /* burger menu */
{
    .dropdown-submenu > .dropdown-menu.show 
	{
		display: block;
	}

	.dropdown-with-sub
	{
		width:100% !important;
	}
}

/*@media (min-width: 768px) {*/
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
/*}*/

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
/* END MENU BAR */

/* BUTTONS */
.btn
{
	font-family: 'poppins-semibold', sans-serif;
	font-size: 11px;
	color: white;
	padding: 8px 10px;
	border-radius: 3px !important;
	outline: 0 none;
}

.btn:not(.btn-light)
{
	word-spacing: 3px;
	text-transform: uppercase;
}

.side-btn-icon
{
	padding: 8px 12px;
}

.btn-primary
{
	background: var(--rich-black) none repeat scroll 0 0 !important;
	border-color: var(--rich-black) !important;
	/*color: white !important;*/
}

.btn-primary:focus, .btn-primary:hover 
{
	background: var(--prussian-blue) !important;
	border-color: var(--prussian-blue) !important;
}

.btn-secondary
{
	background: white none repeat scroll 0 0 !important;
	border: 1px solid var(--rich-black) !important;
	color: var(--rich-black) !important;
}

.btn-secondary:focus, .btn-secondary:hover 
{
	background: var(--rich-black) !important;
	border-color: var(--rich-black) !important;
	color: white !important;
}

.btn-primary:disabled, .btn-secondary:disabled
{
	background: var(--isabelline) !important;
	color: var(--spanish-gray) !important;
	border-color: var(--isabelline) !important;
}

.btn-negative, .btn-danger
{
	background: var(--folly) none repeat scroll 0 0 !important;
	border-color: var(--folly) !important;
	/*color: white !important;*/
}

.btn-success
{
	background: var(--dark-khaki) none repeat scroll 0 0 !important;
	border-color: var(--dark-khaki) !important;
	/*color: white !important;*/
}

.pagination-size .dropdown-menu li
{
	height:25px;
}

.pagination-size .dropdown-menu li.active
{
	background-color: var(--prussian-blue) !important;
}

.pagination-size .dropdown-menu li.active a
{
	color: white;
}

.pagination-size .dropdown-menu a
{
	display:inline-block;
    width:100%;
    height:100%;
    color: black;
    text-decoration: none;
    padding-left: 20px;
}

.pagination-size .dropdown-menu 
{
	font-size: 15px;
	margin-left: 10px;
}

.pagination-size .dropdown-menu
{
    
}
/* END BUTTONS */

/* TABLES */
.fixed-table-container thead th
{
	color: var(--rich-black) !important;
	text-transform: capitalize;
}

.headercase
{
	text-transform: lowercase;
}

.headercase:first-letter
{
	text-transform: uppercase;
}

.capitalcase
{
	text-transform: capitalize;
}

.link-label
{
	font-family: 'poppins-semibold', sans-serif;
	font-size: 12px;
	color: var(--bleu-de-france) !important;
	cursor: pointer !important;
	/*border-bottom: 2px dotted var(--bleu-de-france) !important;*/
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-position: under;
	text-decoration-color: var(--bleu-de-france);
	text-decoration-thickness: 2px;
}

.bootstrap-table
{
	font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	color: var(--rich-black) !important;
}

.table-hover > tbody > tr:hover, 
table:not(.no-highlight) tr.selected td:not(.day):not(.uncolor) 
{
	background-color: var(--anti-flash-white) !important;
	border: none;
}

.bootstrap-table-pagination
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 10px;
	color: var(--rich-black) !important;
	margin-bottom: 1em;
}

.th-inner.sortable
{
	background: none !important;
}

.th-inner.sortable:not(.desc):not(.asc)::after {
	font: normal normal normal 14px/1 FontAwesome; 
	font-size: 1em;
	color: #cfcfcf;
	margin-left: 5px;
	content: "\f0dc";
}

.th-inner.sortable.desc::after {
	font: normal normal normal 14px/1 FontAwesome; 
	font-size: 1em;
	margin-left: 5px;
	content: "\f0de";
}

.th-inner.sortable.asc::after {
	font: normal normal normal 14px/1 FontAwesome; 
	font-size: 1em;
	margin-left: 5px;
	content: "\f0dd";
}
/* END TABLES */

/* INPUTS */
::-webkit-input-placeholder 
{
    font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
}
:-moz-placeholder 
{
    font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
}
::-moz-placeholder 
{
    font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
}
:-ms-input-placeholder 
{
    font-family: 'poppins-regular', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
}

a.placeholder, button.bs-placeholder
{ 
	font-family: 'poppins-regular', sans-serif;
	font-size: 10px;
	color: var(--spanish-gray) !important;
}

input[type="text"], input[type="password"], input[type="number"]
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 10px;
	color: var(--rich-black) !important;
	border: 1px solid var(--platinum) !important;
	padding: 12px;
	border-radius: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus
{
	border: 1px solid var(--bleu-de-france) !important;
}

input[type="text"].is-invalid, input[type="password"].is-invalid, input[type="number"].is-invalid
{
	border: 1px solid var(--folly) !important;
}

.text-danger
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 10px;
	color: var(--folly) !important;
}

.btn-light
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 10px;
	color: var(--rich-black) !important;
	border: 1px solid var(--platinum) !important;
	padding: 12px;
	border-radius: 3px;
}

a[id*='bs-select']
{
	padding: 10px 15px;
	text-transform: capitalize;
}

.bootstrap-select.form-control-sm .dropdown-toggle 
{
	height: 30px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner 
{
	padding-top: 2px;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover 
{
    background-color: var(--platinum) !important;
}

input[type="checkbox"], input[type="radio"]
{
	height:22px;
	width:22px;
	border: 2px solid var(--spanish-gray) !important;
	background-color: var(--spanish-gray) !important;
}

input[type="checkbox"]:checked, input[type="radio"]:checked
{
	border: 2px solid var(--bleu-de-france) !important;
	background-color: var(--bleu-de-france) !important;
}

input[type="checkbox"] ~ label, input[type="radio"] ~ label
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
	margin-left: 10px !important;
}

input[type="checkbox"]:checked ~ label, input[type="radio"]:checked ~ label
{
	color: var(--bleu-de-france) !important;
}

textarea
{
	font-family: 'poppins-medium', sans-serif;
	font-size: 10px !important;
	color: var(--rich-black) !important;
	border: 1px solid var(--platinum) !important;
	padding:12px !important;
}

.no-resize
{
	resize:none;
}

.bootstrap-select .dropdown-toggle .filter-option 
{
	padding-left: 6px !important;
}

.form-group .col-form-label
{
	text-transform: capitalize !important;
}

div.form-check > label:after, .link-label:after
{
	content: none !important;
}

.input-group.date .input-group-addon
{
	background-color: #f5f5f5;
	color: #575757 !important;
	cursor: pointer !important;
}

.input-group-addon {
	font-size: .9em;
}

.input-otp
{
	font-size:24px !important;
	height:50px;
	text-align:center;
}

.adjust-file-input
{
	left:15px;
	flex: 0 0 75%;
    max-width: 98%;
}
/* END INPUTS */

.custom-scrollspy {
    height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-bottom-chevron {
    position: absolute;
    right: 25px;
    background: var(--bleu-de-france);
    color: var(--anti-flash-white);
    margin-top: -0.975em;
    padding: 0.35em 1em;
    font-size: 12px;
    cursor: pointer;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.checklist-condition.disabled label {
    filter: saturate(0);
    opacity: .35;
    pointer-events: none !important;
}

.subpanel-custom
{
	border: 2px solid #e6e6e6 !important;
	border-radius: 3px !important;
}

.subpanel-custom-content
{
	padding: 10px 5px !important;
}

.subpanel-custom-footer
{
	padding: 10px !important;
	border-top: 2px solid #e6e6e6;
}

/* DATETIMEPICKER */
.bootstrap-datetimepicker-widget 
{
	font-family: 'poppins-regular', sans-serif;
	/*font-size: 8px !important;*/
	color: var(--rich-black) !important;
	width:250px !important;
}

.bootstrap-datetimepicker-widget table td
{
	width: 17px;
	height: 17px;
}

.bootstrap-datetimepicker-widget table tbody td:hover 
{
	background-color: var(--anti-flash-white) !important;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover 
{
	background-color: var(--bleu-de-france) !important;
	color: white !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover 
{
	font-family: 'poppins-semibold', sans-serif;
	background-color: var(--bleu-de-france) !important;
	color: white !important;
}

.bootstrap-datetimepicker-widget table thead tr:nth-child(2)
{
	font-family: 'poppins-semibold', sans-serif;
	color: var(--rich-black) !important;
}

.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td i 
{
	color: var(--rich-black) !important;
}

.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td i:hover 
{
	background-color: var(--bleu-de-france) !important;
	color: white !important;
}
/* END DATETIMEPICKER */

/* MODAL */
.modal-title
{
	font-family: 'poppins-bold', sans-serif;
	font-size: 21px;
	color: var(--rich-black) !important;
}

.modal-body
{
	font-family: 'poppins-regular', sans-serif;
	font-size: 13px;
	color: var(--rich-black) !important;
}

.modal-body > p
{
	font-size: 13px;
}

.modal-content
{
	padding: 10px 8px;
	border-radius: 10px;
}

.modal-header button.close
{
	position:absolute; 
	top:0; 
	right:0; 
	margin:10px;
}
/* END MODALS */

/* TOGGLE */
.toggle-badges
{
	color: white;
	padding: 8px;
	border-radius: 18px;
}

.toggle-opt
{
	font-family: 'poppins-semibold', sans-serif;
	font-size: 12px;
	color: var(--spanish-gray) !important;
	border-radius:13px;
	padding:10px 20px;
	text-align:center;
	width:33.3%;
	cursor: pointer;
}

.toggle-opt.active
{
	background-color: var(--bleu-de-france) !important;
	color: white !important;
	/*transform: scale(0.9);*/
}
/* END TOGGLE */

/* BADGES */
.badge
{
	font-family: 'poppins-bold', sans-serif;
	font-size: .875em !important;
	padding: 8px;
	border-radius: 4px;
}

.badge-primary
{
	color: var(--bleu-de-france) !important;
	background-color: var(--anti-flash-white) !important;
}

.badge-success
{
	color: var(--dark-khaki) !important;
	background-color: var(--isabelline) !important;
}

.badge-danger
{
	color: var(--folly) !important;
	background-color: var(--linen) !important;
}

.badge-warning
{
	color: var(--mustard) !important;
	background-color: var(--cosmic-latte) !important;
}
/* END BADGES */

/* LOADING BAR */
/** Progress Bar **/
.progress 
{
	position: relative;
	border-radius: 30px;
}

.progress span 
{
	position: absolute;
    display: block;
    font-family: 'poppins-medium', sans-serif;
	font-size: 11px;
	color: var(--rich-black) !important;
    width: 100%;
 }

.progress-bar 
{
	border-radius: 30px;
	background-color : var(--bleu-de-france);
	border-bottom: solid var(--anti-flash-white) 2px;
}

/* END LOADING BAR */
footer
{
	border-top: 1px solid #CBD5E1;
	color: var(--spanish-gray);
	bottom: 0;
	padding:10px 40px 10px 40px;
	line-height: 30px;
	position: absolute;
	/*right: 0;*/
	width: 100%;
	/*z-index: 10500;*/
	font-size: 10px !important;
	font-weight: 600;
}

#card-dashboard > .card, #dashboard-q-link
{
	border-radius:10px;
}

.unread-notif
{
	padding-left: 20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#0F172A;
	color:white;
	font-weight:600;
	letter-spacing: 1px;
}

.box-icon
{
	min-width:60px;
	height:60px;
	background-color: var(--cosmic-latte);
	text-align:center;
	display: flex;
}

.box-icon-2
{
	min-width:60px;
	height:60px;
	background-color: var(--anti-flash-white);
	text-align:center;
	display: flex;
}

.box-icon > i, .box-icon-2 > i
{
	margin: auto;
}

@media (max-width: 575px) /* card dashboard */
{
    #card-dashboard > .card
    {
    	margin:10px !important;
    }
}

.q-link
{
	padding:15px;
	text-align:center;
	font-size:12px;
	width:25%;
	cursor: pointer;
}

.q-link:hover
{
	/*background-color: var(--anti-flash-white);*/
	color: var(--bleu-de-france);
	transition:0.5s;
	transition-timing-function: ease-in-out;
}

@media (max-width: 600px) /* q-link */
{
	#dashboard-q-link > div > h2
	{
		font-size:16px;
	}

    .q-link
	{
		width:50%;
		padding:10px;
		font-size:12px;
	}
}

@media (max-width: 476px) /* q-link */
{
	#dashboard-q-link > div > h2
	{
		font-size:12px;
	}

    .q-link
	{
		width:100%;
	}

	#dashboard-q-link
	{
		margin-bottom:50px;
	}
}

/* for button help/guide */
@-moz-keyframes spin { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }
@-moz-keyframes cc-spin { 100% { -moz-transform: rotate(-90deg); } }
@-webkit-keyframes cc-spin { 100% { -webkit-transform: rotate(-90deg); } }
@keyframes cc-spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(-90deg); } }

.btn-hover{
	background: #2563EB;
	padding: 9px 15px; 
    border-radius: 100%;
    opacity: .875;
    position: fixed;
    bottom: 80px;
    vertical-align: middle;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
    z-index: 1000;
    font-weight: bold;
    cursor: pointer;
    transform:translate(-20px);
	transition-duration: 0.3s;
}
.btn-hover:not(.hid) {
	-webkit-animation: itemFocus 2s infinite;
    -moz-animation: itemFocus 2s infinite;
    animation: itemFocus 2s infinite;
}
.btn-hover:hover{
	opacity: 1;
}
.btn-hover-tools{
	background: #71c6e5;
	padding: 6px;
    height: 41px;
    width: 41px;
    border-radius: 100px;
    opacity: .5;
    position: fixed;
    bottom: 55px;
    vertical-align: middle;
    right: 32px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    z-index: 10600;
    font-weight: bold;
    cursor: pointer;
    -webkit-animation: itemFocus 2s infinite;
    -moz-animation: itemFocus 2s infinite;
    animation: itemFocus 2s infinite;
}
.btn-hover-tools:hover{
	opacity: 1;
	transition:  all 0.3s ease-out 0s;
}
.btn-hover-tools:not(.expanded) {
	-webkit-animation: itemFocus 2s infinite, cc-spin .2s linear;
    -moz-animation: itemFocus 2s infinite, cc-spin .2s linear;
    animation: itemFocus 2s infinite, cc-spin .2s linear;
}
.btn-hover-tools.expanded {
	-webkit-animation: spin .2s linear;
    -moz-animation:spin .2s linear;
    animation:spin .2s linear;
}
.visible{
	visibility: visible !important;
	transform:translate(-10px);
	transition-duration: 0.3s;
	opacity: 100;
}
.hid {
	pointer-events: none;
	transform:translate(20px);
	transition-duration: 0.3s;
	opacity: 0;
}
kbd {
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    /*font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;*/
    font-size: 11px;
    line-height: 1.4;
    color: #242729;
    text-shadow: 0 1px 0 #FFF;
    background-color: #e1e3e5;
    border: 1px solid #adb3b9;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;
    white-space: nowrap;
}
.help{
	width: 500px;
    text-align: center;
}
.modal-dialog-help {
    width: 500px;
    margin: 30px auto;
}

.help .modal-body {
	height: 75vh;
}
.modal-content.help {
	width: 60vw;
}
.modal-dialog-help {
    width: 60vw;
    margin: 30px auto;
}
.two-column {
	width: 680px;
}

.information-info {
	color: #31708f;
    background-color: #d9edf7;
    font-size: 14px;
}

.segment{
	padding-top: 15px;
    border-top: 1px solid #e5e5e5;
}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes itemFocus {
  50% {
    -webkit-box-shadow: 0 0 0 7px rgba(113, 198, 229, .45);
    -moz-box-shadow: 0 0 0 7px rgba(113, 198, 229, .45);
    box-shadow: 0 0 0 7px rgba(113, 198, 229, .45);
}

.rounded-30
{
	border-radius:30px !important;
}