/**********************************

   CSS Library Created By Taps

*********************************/


/****Display*************/

.hideit {
   display: none;
}

.show {
   display: block;
}


/*** BACK GROUND COLOR *********/

.bg-safe {
   ackground-color: #79c279;
}

.bg-warning {
   background-color: #e9bf74;
}

.bg-danger {
   background-color: #ef6d6d;
}

.bg-white {
   background-color: white;
}

.bg-black {
   background-color: black;
}

.bg-green {
   background-color: green;
}

.bg-red {
   background-color: red;
}

.bg-red {
   background-color: #fb7558;
}

/** Faded red corrected for TM site**/
.bg-yellow {
   background-color: yellow;
}

.bg-fadedblack {
   background-color: #56545442;
}

.bg-sky {
   background-color: #31b0f5;
}


/**********BACK GROUND PATTERN TAPSTAMIMAGEFOLDER MUST***********/

.pattern-1,
.pat-1 {
   background-image: url(tapstrapimages/ptdot.png);
   background-repeat: repeat;
}

.pattern-2,
.pat-2 {
   background-image: url(tapstrapimages/ptcrosslines.png);
   background-repeat: repeat;
}

.pattern-3,
.pat-3 {
   background-image: url(tapstrapimages/ptcheck1.png);
   background-repeat: repeat;
}

.pattern-4,
.pat-4 {
   background-image: url(tapstrapimages/ptcheck2.png);
   background-repeat: repeat;
}

.pattern-5,
.pat-5 {
   background-image: url(tapstrapimages/ptcheck3.png);
   background-repeat: repeat;
}

.pattern-9,
.pat-9 {
   background-image: url(tapstrapimages/pat9.png);
   background-repeat: repeat;
}

/*****FONT COLOR********/

.color-safe,
.c-safe {
   color: #79c279;
}

.color-warning,
.c-warning {
   color: #e9bf74;
}

.color-danger,
.c-danger {
   color: #ef6d6d;
}

.color-white,
.c-white {
   color: white;
}

.color-black,
.c-black {
   color: black;
}

.color-green,
.c-green {
   color: green;
}

.color-red,
.c-red {
   color: #ee3107;
}

.color-red,
.c-red {
   color: #fb7558;
}

/***Faded for TM site***/
.color-yellow,
.c-yellow {
   color: yellow;
}

.color-blue,
.c-blue {
   color: #2530ae;
}

.color-sky,
.c-sky {
   color: #31b0f5;
}

/*****   FONT SECTION  GOOGLE ********/

.font-oleo {
   font-family: 'Oleo Script', cursive;
}

.font-alice {
   font-family: 'Alice', serif;
}

.font-arial {
   font-family: Arial, Helvetica, sans-serif;
}

.font-mono {
   font-family: monospace, Geneva, sans-serif;
}


/******** FONT SIZE  15 TO 25 *******************/
.fs15 {
   font-size: 15px;
}

.fs16 {
   font-size: 16px;
}

.fs17 {
   font-size: 17px;
}

.fs18 {
   font-size: 18px;
}

.fs19 {
   font-size: 19px;
}

.fs20 {
   font-size: 20px;
}

.fs21 {
   font-size: 21px;
}

.fs22 {
   font-size: 22px;
}

.fs23 {
   font-size: 23px;
}

.fs24 {
   font-size: 24px;
}

.fs25 {
   font-size: 25px;
}

.fs26 {
   font-size: 26px;
}

.fs27 {
   font-size: 27px;
}

.fs28 {
   font-size: 28px;
}

.fs29 {
   font-size: 29px;
}

.fs30 {
   font-size: 30px;
}

.fs35 {
   font-size: 35px;
}

.fs40 {
   font-size: 40px;
}

.fs45 {
   font-size: 45px;
}

.fs50 {
   font-size: 50px;
}

.fs75 {
   font-size: 75px;
}

.fs100 {
   font-size: 100px;
}

.fs150 {
   font-size: 150px;
}

.fs200 {
   font-size: 200px;
}

.fs300 {
   font-size: 300px;
}

.fs400 {
   font-size: 400px;
}

.fs500 {
   font-size: 500px;
}

/*********** Text Position ****************/

.text-center,
.t-c {
   text-align: center;
}

.text-left,
.t-l {
   text-align: left;
}

.text-right,
.t-r {
   text-align: right;
}

/************* Border Radius ***************/

.border-radius-50,
.br50 {
   border-radius: 50%;
}

/************* Inline *********************/

.inline {
   display: inline;
}

/**************Float************************/

.float-left,
.f-l {
   float: left;
}

.float-right,
.f-r {
   float: right;
}

.float-clear,
.f-c {
   clear: both;
}

.float-none,
.f-n {
   float: none;
}

/**************Shadow**********************/

.shadow-box,
.s-box {
   box-shadow: 5px 0px 20px 3px #b1b4b4;
}

.shadow-box-green {
   box-shadow: -8px 8px 17px 6px #5cb85c;
}

.shadow-box-dark {
   box-shadow: -8px 8px 17px 6px #4b4d52d9;
}

.shadow-bottom {
   box-shadow: 0px 5px 10px 2px #888888;
}

.fw-bold {
   font-weight: 500;
}

.fw-bolder {
   font-weight: 700;
}

.br-0 {
   border-radius: 0px !important;
}