/*--
Author: Anoop Nockson
Warning: Do not change anything without my permission
--*/

/*@import url("nick-icons.css")!important;*/

/*overFlow*/

.hid-ovrflw{
    overflow-x: hidden !important;
}

/* buttons */

.btn-navy{
    background-color: #3498db;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-navy:active{
    background-color: #3498db;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-navy-rounded {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
    cursor: pointer;
}

.btn-navy-rounded:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn-navy-border{
     background-color: transparent;
    border:2px solid #3498db;
    color:#3498db;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-navy-border:active{
    border:3px solid #3498db;
}

.btn-navy-Inverse{
    background-color: #3498db;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-navy-Inverse:active{
    border:3px solid #000;
}

.btn-coral{
    background-color: #db3434;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-coral:active{
    background-color: #db3434;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-coral-rounded {
    background: #e32121;
    background-image: -webkit-linear-gradient(top, #db3434, rgb(185, 41, 41));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #db3434, #b92929);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-coral-rounded:hover {
    background: #fd3c3c;
    background-image: -webkit-linear-gradient(top, #fd3c4d, #db3434);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #fd3c3c, #db3434);
    text-decoration: none;
}

.btn-coral-border{
     background-color: transparent;
    border:2px solid #fd3c3c;
    color:#fd3c3c;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-coral-border:active{
    border:3px solid #fd3c3c;
}

.btn-coral-Inverse{
    background-color: #fd3c3c;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-coral-Inverse:active{
    border:3px solid #000;
}


.btn-tender{
    background-color: #34db66;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-tender:active{
    background-color: #34db66;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-tender-rounded {
    background: #21e35e;
    background-image: -webkit-linear-gradient(top, #34db51, rgb(41, 185, 65));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #34db66, #29b963);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-tender-rounded:hover {
    background: #3cfd4c;
    background-image: -webkit-linear-gradient(top, #3cfd54, #34db41);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cfd64, #34db6f);
    text-decoration: none;  
}

.btn-tender-border{
    background-color: transparent;
    border: 2px solid #0c8f27;
    color: #027119;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-tender-border:active{
    border:3px solid #0c8f27;
}

.btn-tender-Inverse{
    background-color: #10b733;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-tender-Inverse:active{
    border:3px solid #000;
}

.btn-plum{
    background-color: #343adb;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-plum:active{
    background-color: #343adb;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-plum-rounded {
    background: #3721e3;
    background-image: -webkit-linear-gradient(top, #3448db, rgb(43, 41, 185));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #343adb, #3229b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-plum-rounded:hover {
    background: #3c5bfd;
    background-image: -webkit-linear-gradient(top, #3c41fd, #3441db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #4f6dd7, #7a67e1);
    text-decoration: none;
}

.btn-plum-border{
    background-color: transparent;
    border: 2px solid #343adb;
    color: #343adb;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-plum-border:active{
    border:3px solid #343adb;
}


.btn-plum-Inverse{
    background-color: #343adb;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-plum-Inverse:active{
    border:3px solid #000;
}

.btn-azure{
    background-color: #34dbcb;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-azure:active{
    background-color: #34dbcb;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-azure-rounded {
    background: #34dbcb;
    background-image: -webkit-linear-gradient(top, #34dbcb, rgb(41, 185, 178));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #34dbcb, #29b998);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-azure-rounded:hover {
    background: #3cf3fd;
    background-image: -webkit-linear-gradient(top, #3cf3fd, #34dbdb);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #4fcbd7, #67cae1);
    text-decoration: none;
}

.btn-azure-border{
       background-color: transparent;
    border: 2px solid #09998b;
    color: #056f65;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-azure-border:active{
    border:3px solid #09998b;
}

.btn-azure-Inverse{
    background-color: #0dcab7;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-azure-Inverse:active{
    border:3px solid #000;
}

.btn-orchid{
    background-color: #db3491;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-orchid:active{
    background-color: #db3491;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-orchid-rounded {
    background: #db3491;
    background-image: -webkit-linear-gradient(top, #db3491, rgb(185, 41, 154));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #db3491, #b929ae);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-orchid-rounded:hover {
    background: #fd3cf6;
    background-image: -webkit-linear-gradient(top, #fd3cd3, #d834db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #d74fd4, #df67e1);
    text-decoration: none;
}

.btn-orchid-border{
       background-color: transparent;
    border: 2px solid #db3491;
    color: #db3491;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-orchid-border:active{
    border:3px solid #db3491;
}

.btn-orchid-Inverse{
    background-color: #db3491;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-orchid-Inverse:active{
    border:3px solid #000;
}


.btn-carrot{
    background-color: #d7874f;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-carrot:active{
    background-color: #d7874f;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-carrot-rounded{
    background: #db8a34;
    background-image: -webkit-linear-gradient(top, #db7a34, rgb(185, 121, 41));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #fd8b3c, #b96b29);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-carrot-rounded:hover {
    background: #fdc33c;
    background-image: -webkit-linear-gradient(top, #fd9f3c, #db8934);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #d7874f, #e1a567);
    text-decoration: none;
}

.btn-carrot-border{
       background-color: transparent;
    border: 2px solid #fd8b3c;
    color: #fd8b3c;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-carrot-border:active{
    border:3px solid #fd8b3c;
}

.btn-carrot-Inverse{
    background-color: #fd8b3c;
    border: 2px solid #000;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-carrot-Inverse:active{
    border:3px solid #000;
}

.btn-coal{
    background-color: #000000;
    color:white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    padding: 1%;
}
.btn-coal:active{
    background-color: #000000;
    color: white;
    font-family: Courier New;
    font-size: 20px;
    cursor: pointer;
    border: 1px;
    border-radius: 0px !important;
}

.btn-coal-rounded{
    background: #000000;
    background-image: -webkit-linear-gradient(top, #000000, rgb(0, 0, 0));
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #000000, #000000);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Courier New;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.btn-coal-rounded:hover {
    background: #404040;
    background-image: -webkit-linear-gradient(top, #323232, #434343);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #2d2d2c, #232221);
    text-decoration: none;
}

.btn-coal-border{
       background-color: transparent;
    border: 2px solid #000000;
    color: #000000;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-coal-border:active{
    border:3px solid #000000;
}

.btn-coal-Inverse{
    background-color: #000;
    border: 2px solid #6a6767;
    color: #fff;
    font-family: Courier New;
    font-size: 20px;
    padding: 1%;
    cursor: pointer;
}
.btn-coal-Inverse:active{
    border:3px solid #6a6767;
}


/* ripple */

.ripple {
  transform-style: flat;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ripple::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 0;
  width: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  content: '';
}
.ripple:active {
  -webkit-box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.ripple:active::before {
  -webkit-animation-name: ripple;
  -moz-animation-name: ripple;
  -ms-animation-name: ripple;
  -o-animation-name: ripple;
  animation-name: ripple;
}
@-webkit-keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}
@-moz-keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}

/* inputs */

.input-glow input[type="text"] {
  padding: 10px;
    border-radius: 3px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.input-thick-border input[type="text"] {
  padding: 10px;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
}
.input-underline input[type="text"] {
  padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}
.input-inset input[type="text"] {
  padding: 10px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}
.input-colored input[type="text"] {
   background-color: #3CBC8D;
    color: white;
    padding: 10px;
}

/* Box Shadow */

.box{
    height:120px; width:120px; 
    cursor:pointer; 
    background-color: lightblue; 
    border:1px solid lightgrey;
}
.box2{
    height:200px; width:200px; 
    cursor:pointer; 
    background-color: white; 
    border:1px solid lightgrey;
}
.box-shadow-hig{
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.75);
    box-shadow: 8px 8px 3px -6px rgba(0,0,0,0.75);
}
.box-shadow-med{
   -webkit-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.68);
-moz-box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.68);
box-shadow: 10px 10px 9px -9px rgba(0,0,0,0.68);
}
.box-shadow-low{
    -webkit-box-shadow: 10px 10px 23px -17px rgba(0,0,0,0.68);
-moz-box-shadow: 10px 10px 23px -17px rgba(0,0,0,0.68);
box-shadow: 10px 10px 23px -17px rgba(0,0,0,0.68);
}
/* error text */

div.errText {
 font-size:20px;
 color:red;
font-family: Courier New;
 -webkit-animation: jump 1.5s ease 0s infinite normal ;
 animation: jump 1.5s ease 0s infinite normal ;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-30px);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-15px);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}


/* text shadow */

.text-shadow-low{
    text-shadow: 2px 1px 9px rgba(150, 150, 150, 1);
}
.text-shadow-med{
    text-shadow: 4px 4px 5px rgba(150, 150, 150, 1);
}
.text-shadow-hig{
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}
/*text*/

.no-dec{
    text-decoration: none!important;
}
.center-text{
    text-align: center!important;
}
.left-text{
    text-align: left!important;
}
.right-text{
    text-align: right!important;
}
.justify-text{
    text-align: justify!important;
}

/*width*/

.w-5{
    width:5% !important;
}
.w-10{
    width:10% !important;
}
.w-15{
    width:15% !important;
}
.w-20{
    width:20% !important;
}
.w-25{
    width:25% !important;
}
.w-30{
    width:30% !important;
}
.w-35{
    width:35% !important;
}
.w-40{
   width:40% !important; 
}
.w-45{
    width:45% !important;
}
.w-50{
    width:50% !important;
}
.w-55{
   width:55% !important; 
}
.w-60{
   width:60% !important; 
}
.w-65{
    width:65% !important;
}
.w-70{
    width:70% !important;
}
.w-75{
    width:75% !important;
}
.w-80{
    width:80% !important;
}
.w-85{
    width:85% !important;
}
.w-90{
    width:90% !important;
}
.w-95{
    width:95% !important;
}
.w-100{
    width:100% !important;
}

/*margins*/

.mar-0{
    margin:0px !important;
}
.mar-1{
    margin:1% !important;
}
.mar-2{
    margin:2% !important;
}
.mar-3{
    margin:3% !important;
}
.mar-4{
    margin:4% !important;
}
.mar-5{
    margin:5% !important;
}
.mar-6{
    margin:6% !important;
}
.mar-7{
    margin:7% !important;
}
.mar-8{
    margin:8% !important;
}
.mar-9{
    margin:9% !important;
}
.mar-10{
    margin:10% !important;
}
.mar-p1{
    margin:1px !important;
}
.mar-p2{
    margin:2px !important;
}
.mar-p3{
    margin:3px !important;
}
.mar-p4{
    margin:4px!important;
}
.mar-p5{
    margin:5px!important;
}
.mar-p6{
    margin:6px!important;
}
.mar-p7{
    margin:7px!important;
}
.mar-p8{
    margin:8px!important;
}
.mar-p9{
    margin:9px!important;
}
.mar-p10{
    margin:10px!important;
}
mar-t0{
    margin-top:0px!important;
}
mar-l0{
    margin-left:0px!important;
}
mar-r0{
    margin-right:0px!important;
}
mar-b0{
    margin-bottom:0px!important;
}
.mar-t1{
    margin-top:1%!important;
}
.mar-t2{
   margin-top:2%!important; 
}
.mar-t3{
    margin-top:3%!important;
}
.mar-t4{
    margin-top:4%!important;
}
.mar-t5{
    margin-top:5%!important;
}
.mar-t6{
    margin-top:6%!important;
}
.mar-t7{
    margin-top:7%!important;
}
.mar-t8{
    margin-top:8%!important;
}
.mar-t9{
    margin-top:9%!important;
}
.mar-t10{
    margin-top:10%!important;
}
.mar-t11{
    margin-top:11%!important;
}
.mar-t12{
    margin-top:12%!important;
}
.mar-t13{
    margin-top:13%!important;
}
.mar-t14{
    margin-top:14%!important;
}
.mar-t15{
    margin-top:15%!important;
}
.mar-t16{
    margin-top:16%!important;
}
.mar-t17{
    margin-top:17%!important;
}
.mar-t18{
    margin-top:18%!important;
}
.mar-t19{
    margin-top:19%!important;
}
.mar-t20{
    margin-top:20%!important;
}
.mar-tp1{
    margin-top:1px!important;
}
.mar-tp2{
    margin-top:2px!important; 
}
.mar-tp3{
    margin-top:3px!important;
}
.mar-tp4{
    margin-top:4px!important;
}
.mar-tp5{
    margin-top:5px!important;
}
.mar-tp6{
    margin-top:6px!important;
}
.mar-tp7{
    margin-top:7px!important;
}
.mar-tp8{
    margin-top:8px!important;
}
.mar-tp9{
    margin-top:9px!important;
}
.mar-tp10{
    margin-top:10px!important;
}
.mar-tp11{
    margin-top:11px!important;
}
.mar-tp12{
    margin-top:12px!important;
}
.mar-tp13{
    margin-top:13px!important;
}
.mar-tp14{
    margin-top:14px!important;
}
.mar-tp15{
    margin-top:15px!important;
}
.mar-tp16{
    margin-top:16px!important;
}
.mar-tp17{
    margin-top:17px!important;
}
.mar-tp18{
    margin-top:18px!important;
}
.mar-tp19{
    margin-top:19px!important;
}
.mar-tp20{
    margin-top:20px!important;
}
.mar-b1{
    margin-bottom:1%!important;
}
.mar-b2{
   margin-bottom:2%!important; 
}
.mar-b3{
    margin-bottom:3%!important;
}
.mar-b4{
    margin-bottom:4%!important;
}
.mar-b5{
    margin-bottom:5%!important;
}
.mar-b6{
    margin-bottom:6%!important;
}
.mar-b7{
    margin-bottom:7%!important;
}
.mar-b8{
    margin-bottom:8%!important;
}
.mar-b9{
    margin-bottom:9%!important;
}
.mar-b10{
    margin-bottom:10%!important;
}
.mar-b11{
    margin-bottom:11%!important;
}
.mar-b12{
    margin-bottom:12%!important;
}
.mar-b13{
    margin-bottom:13%!important;
}
.mar-b14{
    margin-bottom:14%!important;
}
.mar-b15{
    margin-bottom:15%!important;
}
.mar-b16{
    margin-bottom:16%!important;
}
.mar-b17{
    margin-bottom:17%!important;
}
.mar-b18{
    margin-bottom:18%!important;
}
.mar-b19{
    margin-bottom:19%!important;
}
.mar-b20{
    margin-bottom:20%!important;
}
.mar-bp1{
    margin-bottom:1px!important;
}
.mar-bp2{
    margin-bottom:2px!important; 
}
.mar-bp3{
    margin-bottom:3px!important;
}
.mar-bp4{
    margin-bottom:4px!important;
}
.mar-bp5{
    margin-bottom:5px!important;
}
.mar-bp6{
    margin-bottom:6px!important;
}
.mar-bp7{
    margin-bottom:7px!important;
}
.mar-bp8{
    margin-bottom:8px!important;
}
.mar-bp9{
    margin-bottom:9px!important;
}
.mar-bp10{
    margin-bottom:10px!important;
}
.mar-bp11{
    margin-bottom:11px!important;
}
.mar-bp12{
    margin-bottom:12px!important;
}
.mar-bp13{
    margin-bottom:13px!important;
}
.mar-bp14{
    margin-bottom:14px!important;
}
.mar-bp15{
    margin-bottom:15px!important;
}
.mar-bp16{
    margin-bottom:16px!important;
}
.mar-bp17{
    margin-bottom:17px!important;
}
.mar-bp18{
    margin-bottom:18px!important;
}
.mar-bp19{
    margin-bottom:19px!important;
}
.mar-bp20{
    margin-bottom:20px!important;
}
.mar-l1{
    margin-left:1%!important;
}
.mar-l2{
   margin-left:2%!important; 
}
.mar-l3{
    margin-left:3%!important;
}
.mar-l4{
    margin-left:4%!important;
}
.mar-l5{
    margin-left:5%!important;
}
.mar-l6{
    margin-left:6%!important;
}
.mar-l7{
    margin-left:7%!important;
}
.mar-l8{
    margin-left:8%!important;
}
.mar-l9{
    margin-left:9%!important;
}
.mar-l10{
    margin-left:10%!important;
}
.mar-l11{
    margin-left:11%!important;
}
.mar-l12{
    margin-left:12%!important;
}
.mar-l13{
    margin-left:13%!important;
}
.mar-l14{
    margin-left:14%!important;
}
.mar-l15{
    margin-left:15%!important;
}
.mar-l16{
    margin-left:16%!important;
}
.mar-l17{
    margin-left:17%!important;
}
.mar-l18{
    margin-left:18%!important;
}
.mar-l19{
    margin-left:19%!important;
}
.mar-l20{
    margin-left:20%!important;
}
.mar-lp1{
    margin-left:1px!important;
}
.mar-lp2{
    margin-left:2px!important; 
}
.mar-lp3{
    margin-left:3px!important;
}
.mar-lp4{
    margin-left:4px!important;
}
.mar-lp5{
    margin-left:5px!important;
}
.mar-lp6{
    margin-left:6px!important;
}
.mar-lp7{
    margin-left:7px!important;
}
.mar-lp8{
    margin-left:8px!important;
}
.mar-lp9{
    margin-left:9px!important;
}
.mar-lp10{
    margin-left:10px!important;
}
.mar-lp11{
    margin-left:11px!important;
}
.mar-lp12{
    margin-left:12px!important;
}
.mar-lp13{
    margin-left:13px!important;
}
.mar-lp14{
    margin-left:14px!important;
}
.mar-lp15{
    margin-left:15px!important;
}
.mar-lp16{
    margin-left:16px!important;
}
.mar-lp17{
    margin-left:17px!important;
}
.mar-lp18{
    margin-left:18px!important;
}
.mar-lp19{
    margin-left:19px!important;
}
.mar-lp20{
    margin-left:20px!important;
}
.mar-r1{
    margin-right:1%!important;
}
.mar-r2{
   margin-right:2%!important; 
}
.mar-r3{
    margin-right:3%!important;
}
.mar-r4{
    margin-right:4%!important;
}
.mar-r5{
    margin-right:5%!important;
}
.mar-r6{
    margin-right:6%!important;
}
.mar-r7{
    margin-right:7%!important;
}
.mar-r8{
    margin-right:8%!important;
}
.mar-r9{
    margin-right:9%!important;
}
.mar-r10{
    margin-right:10%!important;
}
.mar-r11{
    margin-right:11%!important;
}
.mar-r12{
    margin-right:12%!important;
}
.mar-r13{
    margin-right:13%!important;
}
.mar-r14{
    margin-right:14%!important;
}
.mar-r15{
    margin-right:15%!important;
}
.mar-r16{
    margin-right:16%!important;
}
.mar-r17{
    margin-right:17%!important;
}
.mar-r18{
    margin-right:18%!important;
}
.mar-r19{
    margin-right:19%!important;
}
.mar-r20{
    margin-right:20%!important;
}
.mar-rp1{
    margin-right:1px!important;
}
.mar-rp2{
    margin-right:2px!important; 
}
.mar-rp3{
    margin-right:3px!important;
}
.mar-rp4{
    margin-right:4px!important;
}
.mar-rp5{
    margin-right:5px!important;
}
.mar-rp6{
    margin-right:6px!important;
}
.mar-rp7{
    margin-right:7px!important;
}
.mar-rp8{
    margin-right:8px!important;
}
.mar-rp9{
    margin-right:9px!important;
}
.mar-rp10{
    margin-right:10px!important;
}
.mar-rp11{
    margin-right:11px!important;
}
.mar-rp12{
    margin-right:12px!important;
}
.mar-rp13{
    margin-right:13px!important;
}
.mar-rp14{
    margin-right:14px!important;
}
.mar-rp15{
    margin-right:15px!important;
}
.mar-rp16{
    margin-right:16px!important;
}
.mar-rp17{
    margin-right:17px!important;
}
.mar-rp18{
    margin-right:18px!important;
}
.mar-rp19{
    margin-right:19px!important;
}
.mar-rp20{
    margin-right:20px!important;
}

/*paddings*/

.pad-0{
    padding:0px!important;
}
.pad-1{
    padding:1%!important;
}
.pad-2{
    padding:2%!important;
}
.pad-3{
    padding:3%!important;
}
.pad-4{
    padding:4%!important;
}
.pad-5{
    padding:5%!important;
}
.pad-6{
    padding:6%!important;
}
.pad-7{
    padding:7%!important;
}
.pad-8{
    padding:8%!important;
}
.pad-9{
    padding:9%!important;
}
.pad-10{
    padding:10%!important;
}
.pad-p1{
    padding:1px!important;
}
.pad-p2{
    padding:2px!important;
}
.pad-p3{
    padding:3px!important;
}
.pad-p4{
    padding:4px!important;
}
.pad-p5{
    padding:5px!important;
}
.pad-p6{
    padding:6px!important;
}
.pad-p7{
    padding:7px!important;
}
.pad-p8{
    padding:8px!important;
}
.pad-p9{
    padding:9px!important;
}
.pad-p10{
    padding:10px!important;
}
pad-t0{
    padding-top:0px!important;
}
pad-l0{
    padding-left:0px!important;
}
pad-r0{
    padding-right:0px!important;
}
pad-b0{
    padding-bottom:0px!important;
}
.pad-t1{
    padding-top:1%!important;
}
.pad-t2{
   padding-top:2%!important; 
}
.pad-t3{
    padding-top:3%!important;
}
.pad-t4{
    padding-top:4%!important;
}
.pad-t5{
    padding-top:5%!important;
}
.pad-t6{
    padding-top:6%!important;
}
.pad-t7{
    padding-top:7%!important;
}
.pad-t8{
    padding-top:8%!important;
}
.pad-t9{
    padding-top:9%!important;
}
.pad-t10{
    padding-top:10%!important;
}
.pad-t11{
    padding-top:11%!important;
}
.pad-t12{
    padding-top:12%!important;
}
.pad-t13{
    padding-top:13%!important;
}
.pad-t14{
    padding-top:14%!important;
}
.pad-t15{
    padding-top:15%!important;
}
.pad-t16{
    padding-top:16%!important;
}
.pad-t17{
    padding-top:17%!important;
}
.pad-t18{
    padding-top:18%!important;
}
.pad-t19{
    padding-top:19%!important;
}
.pad-t20{
    padding-top:20%!important;
}
.pad-tp1{
    padding-top:1px!important;
}
.pad-tp2{
    padding-top:2px!important; 
}
.pad-tp3{
    padding-top:3px!important;
}
.pad-tp4{
    padding-top:4px!important;
}
.pad-tp5{
    padding-top:5px!important;
}
.pad-tp6{
    padding-top:6px!important;
}
.pad-tp7{
    padding-top:7px!important;
}
.pad-tp8{
    padding-top:8px!important;
}
.pad-tp9{
    padding-top:9px!important;
}
.pad-tp10{
    padding-top:10px!important;
}
.pad-tp11{
    padding-top:11px!important;
}
.pad-tp12{
    padding-top:12px!important;
}
.pad-tp13{
    padding-top:13px!important;
}
.pad-tp14{
    padding-top:14px!important;
}
.pad-tp15{
    padding-top:15px!important;
}
.pad-tp16{
    padding-top:16px!important;
}
.pad-tp17{
    padding-top:17px!important;
}
.pad-tp18{
    padding-top:18px!important;
}
.pad-tp19{
    padding-top:19px!important;
}
.pad-tp20{
    padding-top:20px!important;
}
.pad-b1{
    padding-bottom:1%!important;
}
.pad-b2{
   padding-bottom:2%!important; 
}
.pad-b3{
    padding-bottom:3%!important;
}
.pad-b4{
    padding-bottom:4%!important;
}
.pad-b5{
    padding-bottom:5%!important;
}
.pad-b6{
    padding-bottom:6%!important;
}
.pad-b7{
    padding-bottom:7%!important;
}
.pad-b8{
    padding-bottom:8%!important;
}
.pad-b9{
    padding-bottom:9%!important;
}
.pad-b10{
    padding-bottom:10%!important;
}
.pad-b11{
    padding-bottom:11%!important;
}
.pad-b12{
    padding-bottom:12%!important;
}
.pad-b13{
    padding-bottom:13%!important;
}
.pad-b14{
    padding-bottom:14%!important;
}
.pad-b15{
    padding-bottom:15%!important;
}
.pad-b16{
    padding-bottom:16%!important;
}
.pad-b17{
    padding-bottom:17%!important;
}
.pad-b18{
    padding-bottom:18%!important;
}
.pad-b19{
    padding-bottom:19%!important;
}
.pad-b20{
    padding-bottom:20%!important;
}
.pad-bp1{
    padding-bottom:1px!important;
}
.pad-bp2{
    padding-bottom:2px!important; 
}
.pad-bp3{
    padding-bottom:3px!important;
}
.pad-bp4{
    padding-bottom:4px!important;
}
.pad-bp5{
    padding-bottom:5px!important;
}
.pad-bp6{
    padding-bottom:6px!important;
}
.pad-bp7{
    padding-bottom:7px!important;
}
.pad-bp8{
    padding-bottom:8px!important;
}
.pad-bp9{
    padding-bottom:9px!important;
}
.pad-bp10{
    padding-bottom:10px!important;
}
.pad-bp11{
    padding-bottom:11px!important;
}
.pad-bp12{
    padding-bottom:12px!important;
}
.pad-bp13{
    padding-bottom:13px!important;
}
.pad-bp14{
    padding-bottom:14px!important;
}
.pad-bp15{
    padding-bottom:15px!important;
}
.pad-bp16{
    padding-bottom:16px!important;
}
.pad-bp17{
    padding-bottom:17px!important;
}
.pad-bp18{
    padding-bottom:18px!important;
}
.pad-bp19{
    padding-bottom:19px!important;
}
.pad-bp20{
    padding-bottom:20px!important;
}
.pad-l1{
    padding-left:1%!important;
}
.pad-l2{
   padding-left:2%!important; 
}
.pad-l3{
    padding-left:3%!important;
}
.pad-l4{
    padding-left:4%!important;
}
.pad-l5{
    padding-left:5%!important;
}
.pad-l6{
    padding-left:6%!important;
}
.pad-l7{
    padding-left:7%!important;
}
.pad-l8{
    padding-left:8%!important;
}
.pad-l9{
    padding-left:9%!important;
}
.pad-l10{
    padding-left:10%!important;
}
.pad-l11{
    padding-left:11%!important;
}
.pad-l12{
    padding-left:12%!important;
}
.pad-l13{
    padding-left:13%!important;
}
.pad-l14{
    padding-left:14%!important;
}
.pad-l15{
    padding-left:15%!important;
}
.pad-l16{
    padding-left:16%!important;
}
.pad-l17{
    padding-left:17%!important;
}
.pad-l18{
    padding-left:18%!important;
}
.pad-l19{
    padding-left:19%!important;
}
.pad-l20{
    padding-left:20%!important;
}
.pad-lp1{
    padding-left:1px!important;
}
.pad-lp2{
    padding-left:2px!important; 
}
.pad-lp3{
    padding-left:3px!important;
}
.pad-lp4{
    padding-left:4px!important;
}
.pad-lp5{
    padding-left:5px!important;
}
.pad-lp6{
    padding-left:6px!important;
}
.pad-lp7{
    padding-left:7px!important;
}
.pad-lp8{
    padding-left:8px!important;
}
.pad-lp9{
    padding-left:9px!important;
}
.pad-lp10{
    padding-left:10px!important;
}
.pad-lp11{
    padding-left:11px!important;
}
.pad-lp12{
    padding-left:12px!important;
}
.pad-lp13{
    padding-left:13px!important;
}
.pad-lp14{
    padding-left:14px!important;
}
.pad-lp15{
    padding-left:15px!important;
}
.pad-lp16{
    padding-left:16px!important;
}
.pad-lp17{
    padding-left:17px!important;
}
.pad-lp18{
    padding-left:18px!important;
}
.pad-lp19{
    padding-left:19px!important;
}
.pad-lp20{
    padding-left:20px!important;
}
.pad-r1{
    padding-right:1%!important;
}
.pad-r2{
   padding-right:2%!important; 
}
.pad-r3{
    padding-right:3%!important;
}
.pad-r4{
    padding-right:4%!important;
}
.pad-r5{
    padding-right:5%!important;
}
.pad-r6{
    padding-right:6%!important;
}
.pad-r7{
    padding-right:7%!important;
}
.pad-r8{
    padding-right:8%!important;
}
.pad-r9{
    padding-right:9%!important;
}
.pad-r10{
    padding-right:10%!important;
}
.pad-r11{
    padding-right:11%!important;
}
.pad-r12{
    padding-right:12%!important;
}
.pad-r13{
    padding-right:13%!important;
}
.pad-r14{
    padding-right:14%!important;
}
.pad-r15{
    padding-right:15%!important;
}
.pad-r16{
    padding-right:16%!important;
}
.pad-r17{
    padding-right:17%!important;
}
.pad-r18{
    padding-right:18%!important;
}
.pad-r19{
    padding-right:19%!important;
}
.pad-r20{
    padding-right:20%!important;
}
.pad-rp1{
    padding-right:1px!important;
}
.pad-rp2{
    padding-right:2px!important; 
}
.pad-rp3{
    padding-right:3px!important;
}
.pad-rp4{
    padding-right:4px!important;
}
.pad-rp5{
    padding-right:5px!important;
}
.pad-rp6{
    padding-right:6px!important;
}
.pad-rp7{
    padding-right:7px!important;
}
.pad-rp8{
    padding-right:8px!important;
}
.pad-rp9{
    padding-right:9px!important;
}
.pad-rp10{
    padding-right:10px!important;
}
.pad-rp11{
    padding-right:11px!important;
}
.pad-rp12{
    padding-right:12px!important;
}
.pad-rp13{
    padding-right:13px!important;
}
.pad-rp14{
    padding-right:14px!important;
}
.pad-rp15{
    padding-right:15px!important;
}
.pad-rp16{
    padding-right:16px!important;
}
.pad-rp17{
    padding-right:17px!important;
}
.pad-rp18{
    padding-right:18px!important;
}
.pad-rp19{
    padding-right:19px!important;
}
.pad-rp20{
    padding-right:20px!important;
}

/*borders*/

.bdr{
    border:1px solid!important;
}
.bdr-0{
    border:none!important;
}
.bdr-t{
    border:1px solid!important;
}
.bdr-b{
    border:1px solid!important;
}
.bdr-l{
    border:1px solid!important;
}
.bdr-r{
    border:1px solid!important;
}
.bdr-clr{
    border-color: lightgray!important;
}


/*font-sizes*/

.f7p{
    font-size:7px!important;
}
.f8p{
    font-size:8px!important;
}
.f9p{
    font-size:9px!important;
}
.f10p{
    font-size:10px!important;
}
.f11p{
    font-size:11px!important;:
}
.f12p{
    font-size:12px!important;
}
.f13p{
   font-size:13px!important;
}
.f14p{
   font-size:14px!important; 
}
.f15p{
   font-size:15px!important; 
}
.f16p{
    font-size:16px!important;
}
.f17p{
    font-size:17px!important;
}
.f18p{
    font-size:18px!important;
}
.f19p{
    font-size:19px!important;
}
.f20p{
   font-size:20px!important; 
}
.f21p{
   font-size:21px!important; 
}
.f22p{
   font-size:22px!important; 
}
.f23p{
   font-size:23px!important; 
}
.f24p{
   font-size:24px!important; 
}
.f25p{
   font-size:25px!important; 
}
.f26p{
   font-size:26px!important; 
}
.f27p{
   font-size:27px!important; 
}
.f28p{
  font-size:28px!important;  
}
.f29p{
  font-size:29px!important;  
}
.f30p{
  font-size:30px!important;  
}
.f31p{
  font-size:31px!important;  
}
.f32p{
  font-size:32px!important;  
}
.f33p{
  font-size:33px!important;  
}
.f34p{
  font-size:34px!important;  
}
.f35p{
   font-size:35px!important; 
}
.f36p{
  font-size:36px!important;  
}
.f37p{
   font-size:37px!important; 
}
.f38p{
   font-size:38px!important; 
}
.f39p{
  font-size:39px!important;  
}
.f40p{
  font-size:40px!important;  
}
.f41p{
  font-size:41px!important;  
}
.f42p{
  font-size:42px!important;  
}
.f43p{
  font-size:43px!important;  
}
.f44p{
  font-size:44px!important;  
}
.f45p{
  font-size:45px!important;  
}
.f46p{
  font-size:46px!important;  
}
.f47p{
  font-size:47px!important;  
}
.f48p{
  font-size:48px!important;  
}
.f49p{
  font-size:49px!important;  
}
.f50p{
  font-size:50px!important;  
}