﻿@charset "UTF-8";
body {
	font-size: 14px;
	color: #797979;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: 400;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	padding-top: 40px;
}
tr.borderTop td {
  border-top: thin gray solid !important;
}

tr.borderless td, tr.borderless th {
    border:0px transparent none;
}
.td-nonowrap {
	white-space:nowrap;
}
.w100p {
	width:100% !important;
}

.w200px{
	width:200px !important;
}
.nounderline {
  text-decoration: none !important;
}
.input-width-80 {
	width:80px !important;
}
.input-width-100 {
	width:100px !important;
}
.ToesTbl1 {
  font-size: 10px;
}
.ToesTbl1 tr,.ToesTbl1 td {
   height: 20px;
   text-align: center
}
.ToesTbl1>tbody>tr>td, .ToesTbl1>tbody>tr>th, .ToesTbl1>tfoot>tr>td, .ToesTbl1>tfoot>tr>th, .ToesTbl1>thead>tr>td, .ToesTbl1>thead>tr>th {
  padding:0; border-spacing:0;
}
.blink {
	/*font-size: 240px;*/
	/*color: rgb (0, 137, 226);*/
	animation: blink 1s infinite;
}
@keyframes blink{
	0%{opacity: 1;}
	75%{opacity: 1;}
	76%{ opacity: 0;}
	100%{opacity: 0;}
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.imgHeight30 {
	height:30px !important;
	width:auto;
}
.imgHeight20 {
	height:20px !important;
}
.trHeight20 {
   line-height: 20px !important;
   min-height: 20px !important;
   height: 20px !important;
   padding:0px;
   margin:0px;
}
.trHeight20 >td {
	font-size:0.3em;
}
.trCenter {
	text-align:center !important;
}
.trLeft {
	text-align:left;
}

.borderColorGreen {
	border:thin green solid;
}
.borderColorRed {
	border:thin red solid;
}
.footer-btn-color {
	background:black;
	color:white;
}
.footer-btn-color:hover {
	background:black;
	color: yellow;
}
.rococo-color {
	color: #941C35;
}
.rococo-color :hover {
	color:inherit;
}
.rococo-back-color {
	background-color:#941C35;
	color:white;
}
/*.rococo-back-color :hover {
	color:black;
}
*/
.future-color {
	background-color: #F0F0F0;
}
.past-color {
	background-color: #E1E1E1;
}
.today-past-color {
	background-color: #FFFFF2;
}
.today-color {
	background-color: #FFFFFF;
}

.colorGreen {
	color:green;	
}
.colorGreen :hover {
	color:inherit;
}

.colorLightGreen {
	color:#16E9A5;
}
.colorLightGreen :hover {
	color:inherit;
}

.colorNavy {
	color:navy;
}
.colorNavy :hover {
	color:inherit;
}

.colorBlue {
	color:blue;	
}
.colorBlue :hover {
	color:inherit;
}
.colorBlueish {
	color:#3366FF;
}
.colorBlueish :hover {
	color:inherit;
}


.colorLightBlue {
	color: #0099CC;	
}
.colorLightBlue :hover {
	color:inherit;
}
.colorLightBlueish {
	color: #66CCFF;	
}
.colorLightBlueish :hover {
	color:inherit;
}


.colorFuture {
	color:#999966;
}
.colorBlack {
	color:black;
}
.colorBlack:hover {
	color:inherit;
}

.colorDarkRed {
	color:#BB0000;
}
.colorDarkRed :hover {
	color:inherit;
}

.colorRed {
	color:red
}
.colorRed :hover {
	color:inherit;
}

.colorGray {
	color: #C0C0C0;
}
.colorGray :hover {
	color:inherit;
}
.colorDarkgray {
	color: gray;
}
.colorDarkgray :hover {
	color:inherit;
}


.clickable-div {
	min-height:30px;
	border-top:thin silver solid;
}
.clickable-div a {
	width:100%;
	height:100%;
	display:block;
}

.clickable-row {
	min-height:40px;
	border-top:thin silver solid;
}
.clickable-row a {
	display:block;
}


.w-30 {
	width:30px !important;
}
.h-30 {
	height:30px !important;
	display: table-cell;
	vertical-align:middle !important;
}

.h-15 {
	height:10px !important;
	display: table-cell;
	vertical-align:middle !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
	color: white;
	background-color: #941C35;
}

.nav-pills > li.active > a:hover {
	background-color: #941C35;
	color:white;
}

.botbor {
	margin-top:10px;
	border-bottom:thin solid #E6E6E6;
}

.pcursor {
	cursor: pointer;
}

textarea{  
	display: block;
	box-sizing: padding-box;
	overflow: hidden;
	width:100%;
	height: 100%;
	position: relative;
	border-radius: 6px;
	box-shadow: 2px 2px 8px rgba(black, .3);
	border: 0;
}

.textarea1 {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

.decoration-no {
	text-decoration: none;
	color: #212121;
}
.decoration-no:hover{
	text-decoration: none !important;
	color:olive;
}


/* FIX styles BEGIN */
.page-header-fixed .header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}
body.page-header-fixed {
	padding-top: 60px !important; /* height of the header */
}
/* FIX styles END */
.margin-20 {
	margin: 20px;
}
.LargeStyle1 {
	font-size: large;
}
.asterisc {
	font-size: large;
	color: #AE0303;
}

a {
	text-decoration: none;
	color: #212121;
}
img {
	border: none;
}
.alert-info1 {
	color: inherit;
	background-color: #E7E8E1;
	border-color: black;
}
.no-dots-ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-right-fixed {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 8000;
}
.topright {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	z-index: 8000;
}
.actions-bg {
	background-color: gray !important;
}
.vertical-middle {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
/* text */
.text-muted {
}
.text-primary {
	color: #10627a !important;
}
.text-finence {
	color: #13A0B2 !important;
}
.text-mega {
	color: #10627a !important;
}
.text-white {
	color: #fff !important;
}
.text-black {
	color: #000 !important;
}
.text-warning {
}
.text-danger {
}
.disabled {
	cursor: not-allowed;
}
/* bacground color */
.bg-yellow {
	background-color:yellow;
}
.lightbg {
	background-color: #f2f2f2;
}
.bg-primary {
	background-color: #10627a;
	color:white;
}
.bg-success {
	background-color: #006600;
	color:white;
}
.bg-finence {
	background-color: #13A0B2;
}
.bg-mega {
	background-color: #1b1b1b;
}
.bg-gray {
	background-color: #f5f5f5;
}
.bg-darkgray {
	background-color: #DEDEDE;
}
.bg-black {
	background-color: #222222;
}
.bg-white {
	background-color: #fff;
}
.bg-green {
	background-color: #001E00;
}
.bg-lightblue {
	background-color: #91CBFF;
}
.bg-blue {
	background-color: #0066FF;
}
.bg-LigthGray {
	background-color:#EEEEEE;
}
.bg-darkred {
	background-color: #990033;
}
.bg-brown {
	background-color: #AC7B0B;
}
.bg-cyan {
	background-color: #2196F3;
}

.red-on-yellow {
	background-color: yellow;
	color: #800000;
}
.yellow-on-darkred {
	background-color: #800000;
	color: yellow;
}

.black-on-white {
	background-color:white;
	color:black;
}

/* Spacing & Alignment */
.roomy-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.roomy-80 {
	padding-top: 100px;
	padding-bottom: 80px;
}
.roomy-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}
.roomy-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.roomy-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.roomy-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.roomy-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.roomy-40 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.roomy-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* bottom */
.div-stick-to-bottom {
	position: absolute;
	bottom: 10px;
}
.footer1 {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding-left:10px;
	padding-right:10px;
	background-color: black;
	color: white;
	text-align: left;
	border-top: thin gray solid;
	z-index:1000;
}

.footer1 a {
	color:#EFEFEF;
}

/* border */
.no-border-top {
	border-top: 0px solid transparent !important;
}
.no-border-rigth {
	border-right: 0px solid transparent !important;
}
.item_img_center {
	display: block;
	margin: 0 auto;
}
.item_img {
	position: relative;
}
.item_img i {
	background-color: #fff;
	position: absolute;
	right: -25%;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ddd;
	border-radius: 50%;
	box-shadow: 1px 0px 0px 0px #ddd;
}
/* Footer */
.divider {
	width: 100%;
	height: 1px;
	background-color: #434769;
	display: inline-block;
}

.dataTablesColspan {
	display:none;
}

.date-w-100 {
	width:100px !important;
}
.zindex1000 {
	z-index: 1000;
	background-color:white;
}
.item_img_center {
	display:block;
	margin:0 auto;
}
.onePixel {
	font-size: 0.3em;
	height:1px  !important;
	padding:0px !important;
	background-color:red;
}
.rcorners1 {
  border-radius: 25px;
}
.border0 {
	border:thin gray solid;
}
.border1 {
	border:thin gray solid;
	border-radius: 25px;
}
.imgBorderOn {
	border:2px #0000FB solid;
}
.imgBorderOff {
	border:0px;
}
div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index:1000;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
 	background-color:#EEEEEE !important;
}

.borderBottom {
	border-bottom:thin silver solid;
}


/* search top */
/* Formatting search box */
.BSSearchBox{
    width: 100%;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.BSSearchBox input[type=text]{
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}
.BSSearchBoxResult{
    position: absolute;        
    z-index: 999;
    top: 100%;
    left: 0;
}
.BSSearchBox input[type=text], .BSSearchBoxResult{
    width: 100%;
    box-sizing: border-box;
}
/* Formatting BSSearchBoxResult items */
.BSSearchBoxResult a{
    margin: 10;
    padding: 7px 10px;
    border: 1px solid #CCCCCC;
    border-top: none;
    cursor: pointer;
}
.BSSearchBoxResult a:hover{
    background: #f2f2f2;
}

.m-bottom-10 {
	margin-top: 10px;
}
.m-bottom-20 {
	margin-bottom: 20px;
}
.m-bottom-30 {
	margin-bottom: 30px;
}
.m-bottom-40 {
	margin-bottom: 40px;
}
.m-bottom-50 {
	margin-bottom: 50px;
}
.m-bottom-60 {
	margin-bottom: 60px;
}
.m-bottom-70 {
	margin-bottom: 70px;
}
.m-bottom-80 {
	margin-bottom: 80px;
}
.m-bottom-90 {
	margin-bottom: 90px;
}
.m-bottom-100 {
	margin-bottom: 100px;
}
.m-bottom-110 {
	margin-bottom: 110px;
}
.m-bottom-120 {
	margin-bottom: 120px;
}

.p-b-10 {
	padding-bottom:10px;
}
.p-b-20 {
	padding-bottom:20px;
}
.p-b-30 {
	padding-bottom:30px;
}


/* Linearicons icons
	To get crisp results, use sizes that are
	a multiple of 20; because Linearicons was
	designed on a 20 by 20 grid.
*/
.font-20 {
  font-size: 20px;
}
.font-40 {
  font-size: 40px;
}
.font-60 {
  font-size: 60px;
}
.font-80 {
  font-size: 80px;
}
