﻿/*Helper Classes*/

.mrpicon {
    line-height:1;
}

/*Column*/
.col-20{
    width:20px !important;
}

.col-30{
    width:30px !important;
}

.col-40{
    width:40px !important;
}

.col-50{
    width:50px !important;
}

.col-60{
    width:60px !important;
}

.col-70{
    width:70px !important;
}

.col-75{
    width: 75px !important;
}

.col-80{
    width:80px !important;
}
.col-90{
    width:90px !important;
}

.col-100{
    width:100px !important;
}

.col-105{
    width: 105px !important;
}

.col-110{
    width:110px !important;
}

.col-120{
    width:120px !important;
}

.col-125{
    width: 125px !important;
}

.col-140{
    width:140px !important;
}

.col-150{
    width: 150px !important;
}

.col-175{
    width: 175px !important;
}

.col-190 {
    width: 190px !important;
}

.col-200{
    width: 200px !important;
}

.col-220 {
    width: 220px !important;
}

.col-250{
    width: 250px !important;
}

.col-275
{
    width: 275px !important;
}

.col-300
{
    width: 300px !important;
}

.col-325
{
    width: 325px;
}

.col-350
{
    width: 350px;
}

.col-400
{
    width: 400px !important;
}

.col-450
{
    width: 450px !important;
}

.col-500
{
    width: 500px !important;
}

.col-160 {
    width: 160px !important;
}
/*End Column*/

/*Margin*/
.margin-auto{
    margin: auto;
}

.margin-bottom-0{
    margin-bottom:0px;
}

.margin-bottom-1{
    margin-bottom:1px;
}

.margin-bottom-2{
    margin-bottom:2px;
}
.margin-bottom-3{
    margin-bottom:3px;
}
.margin-bottom-4{
    margin-bottom:2px;
}

li.margin-bottom-5, .margin-bottom-5{
    margin-bottom: 5px;
}

.margin-bottom-10{
    margin-bottom:10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}


.margin-bottom-40{
    margin-bottom:40px;
}

.margin-bottom-55
{
    margin-bottom: 55px;
}
.margin-top-0{
    margin-top:0px !important;
}

.margin-top-3{
    margin-top:3px !important;
}

.margin-top-5
{
    margin-top: 5px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-7 {
    margin-top: 7px;
}


.margin-top-10{
    margin-top: 10px;
}

.margin-top-15{
    margin-top: 15px;
}

.margin-top-20{
    margin-top: 20px;
}

.margin-top-35
{
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45{
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-70
{
    margin-top: 70px;
}

.margin-top-90 {
    margin-top: 90px;
}


.margin-top-100
{
    margin-top: 100px;
}

.margin-top-115{
    margin-top: 115px;
}

.margin-top-130 {
    margin-top: 130px;
}

.margin-left-3
{
    margin-left: 3px;
}

.margin-left-5{
    margin-left: 5px;
}

.margin-left-10{
    margin-left: 10px;
}

.margin-left-15{
    margin-left: 15px;
}

.margin-left-20
{
    margin-left: 20px;
}

.margin-left-25
{
    margin-left: 25px;
}

.margin-left-30{
    margin-left:30px;
}

.margin-left-40{
    margin-left:40px;
}

.margin-left-60{
    margin-left:60px;
}

.margin-left-75 {
    margin-left: 75px;
}

.margin-left-100{
    margin-left: 100px;
}

.margin-left-120
{
    margin-left: 120px;
}

.margin-left-145{
    margin-left: 145px;
}

.margin-left-300{
    margin-left: 300px;
}

.margin-left-475
{
    margin-left: 475px;
}

input.margin-right-0, .margin-right-0{
    margin-right: 0 !important;
}

.margin-right-5
{
    margin-right: 5px;
}

.margin-right-10{
    margin-right: 10px;
}

.margin-right-20{
    margin-right: 20px;
}

.margin-right-25{
    margin-right: 25px;
}

.margin-right-30{
    margin-right: 30px;
}
/*End Margin*/

/* Padding */
.padding-0{
    padding: 0px !important;
}
.padding-15{
    padding: 15px !important;
}
.padding-left-0{
    padding-left: 0 !important;
}
.padding-left-5{
    padding-left: 5px !important;
}
.padding-left-10{
    padding-left: 10px !important;
}
.padding-left-15{
    padding-left: 15px !important;
}
.padding-left-20{
    padding-left: 20px !important;
}
.padding-left-25{
    padding-left: 25px !important;
}
.padding-left-30{
    padding-left: 30px !important;
}

.padding-left-100
{
    padding-left: 100px !important;
}

.padding-left-300{
    padding-left: 300px !important;
}

.padding-left-400{
    padding-left: 400px !important;
}
.padding-top-0{
    padding-top:0px;
}
.padding-top-5{
    padding-top:5px;
}
.padding-top-10{
    padding-top:10px;
}
.padding-top-25 {
    padding-top:25px;
}
.padding-top-115{
    padding-top: 115px !important;
}

li.padding-bottom-0, padding-bottom-0{
    padding-bottom: 0 !important;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-10{
    padding-bottom: 10px !important;
}

.padding-right-0{
    padding-right: 0px !important;
}

.padding-right-5{
    padding-right: 5px !important;
}
.padding-right-10{
    padding-right: 10px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-40{
    padding-right: 40px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}
/* End Padding */

/* Display */
.display-none{
    display: none;
}

.display-inline-block{
    display: inline-block !important;
}

.display-block{
    display: block !important;
}

.display-block-2{
    display: block;
}

.display-inline {
    display: inline;
}

/* End Display */

/* Font Size */
.font-size-em-1_5{
    font-size: 1.5em;
}

.font-size-em-1_3
{
    font-size: 1.3em;
}

.font-size-em-1_2{
    font-size: 1.2em;
}

.font-size-em-1
{
    font-size: 1em;
}

.font-size-em-0_8{
    font-size: .8em !important;
}

.font-size-em-0_7 {
    font-size: .7em;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14{
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-20{
    font-size: 20px;
}

.font-25{
    font-size: 25px;
}

.font-30{
    font-size: 30px;
}
.font-40{
    font-size: 40px;
}
.font-50{
    font-size: 50px;
}
.font-60{
    font-size: 60px;
}

.font-90 {
    font-size: 90px;
}

.font-bold{
    font-weight:bold;
}

.font-weight-600{
    font-weight: 600;
}

/* End Font Size*/

/*Font Family*/

.font-monospace{
    font-family: monospace;
}


/* Font Style */
.disabled-font {
    color: #A9A9A9;
}
/* End font style */

/* Height */
.height-75{
    height:75px;
}

.height-120{
    height: 120px;
}

.height-180{
    height: 180px;
}

.height-400{
    height: 400px !important;
}

/* End Height */

/* Width */

.width-50-percent {
    width: 50%;
}

.width-60-percent{
    width: 60%;
}

.width-75-percent{
    width: 75%;
}

.width-100-percent{
    width: 100%;
}

/* End Width */

/* MVC Validation -JL dont ask why this is need, but it is*/
.field-validation-valid
{
    display: none;
}

.validation-summary-valid
{
    display: none;
}

/* End MVC Validation */

/* Border */
.border {
    border: thin solid black;
}

.no-border{
    border: none !important;
}

.border-left {
    border-left: thin solid #e2e2e2 !important;
}

.border-right {
    border-right: thin solid #e2e2e2 !important;
}

.border-left-3{
    border-left: 3px solid #e2e2e2 !important;
}

.border-left-1{
    border-left: 1px solid #e2e2e2 !important;
}

.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important; 
}

.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}

.border-right-1 {
    border-right: 1px solid #ccc !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #000 !important;
}

.border-top-0 {
    border-top: none !important;
}

.border-top-1 {
    border-top: 1px solid #000 !important;
}

.border-radius-small {
    border-radius: 5px !important;
}

.border-radius-medium {
    border-radius: 10px !important;
}

.border-black{
    border-color:#000 !important;
}

/* End Border*/

/*Background*/

.readOnly-grey{
    background-color: lightgrey;
}

/* Scroll container */
.scroll-container-100, .scroll-container-200, .scroll-container-210, .scroll-container-220,
.scroll-container-230, .scroll-container-240, .scroll-container-250,
.scroll-container-260, .scroll-container-270, .scroll-container-280,
.scroll-container-290, .scroll-container-300, .scroll-container-310,
.scroll-container-320, .scroll-container-330, .scroll-container-340,
.scroll-container-350, .scroll-container-360, .scroll-container-360,
.scroll-container-370, .scroll-container-380, .scroll-container-390,
.scroll-container-400, .scroll-container-500, .scroll-container-horizontal, .scroll-container-250-max {
    overflow: auto;
}

.scroll-container-horizontal
{
    width: auto;
}

.scroll-container-100{
    height: 100px;
}

.scroll-container-200
{
    height: 200px;
}

.scroll-container-210
{
    height: 210px;
}

.scroll-container-220
{
    height: 220px;
}

.scroll-container-230
{
    height: 230px;
}

.scroll-container-240
{
    height: 240px;
}

.scroll-container-250
{
    height: 250px;
}

.scroll-container-250-max {
    max-height: 250px;
}

.scroll-container-260
{
    height: 260px;
}

.scroll-container-270
{
    height: 270px;
}

.scroll-container-280
{
    height: 280px;
}

.scroll-container-290
{
    height: 290px;
}

.scroll-container-300
{
    height: 300px;
}

.scroll-container-310
{
    height: 310px;
}

.scroll-container-320
{
    height: 320px;
}

.scroll-container-330
{
    height: 330px;
}

.scroll-container-340
{
    height: 340px;
}

.scroll-container-350
{
    height: 350px;
}

.scroll-container-360
{
    height: 360px;
}

.scroll-container-370
{
    height: 370px;
}

.scroll-container-380
{
    height: 380px;
}

.scroll-container-390
{
    height: 390px;
}

.scroll-container-400
{
    height: 400px;
}

.scroll-container-500 {
    height: 500px;
}
/* End Scroll container*/

/* Truncate */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* End Truncate*/

/* Position helpers */
.top-0{
    top: 0px !important;
}

.right-0 {
    right: 0px !important;
}


.position-relative{
    position:relative;
}

.position-absolute{
    position:absolute;
}

/* End Position helpers */

/* Font colors */
.color-222222
{
    color:#222222;
}
/* End Font Colors */

/*Cursors*/
.pointer{
    cursor:pointer;
}
/*End Cursors*/

/* Cursor Helpers */
.disabled-cursor{
    cursor: not-allowed;
    background: rgb(240,240,240);
}
/* End Cursor Helpers */

/*Textarea*/
.textarea-resize-none{
    resize:none;
}
/*End Textarea*/

.clear{
    clear: both;
}

/*Anchors*/
a.no-link-color{
    color: inherit;
}

a.no-decorations{
    text-decoration: none;
}
/*End Anchors*/

/* Line Height */
.line-height-inherit{
    line-height: inherit;
}

.line-height-50{
    line-height: 50px;
}

.line-height-40 {
    line-height: 40px;
}
/* End Line Height*/

/*text align*/
.text-left-important{
    text-align: left !important;
}

.text-right-important{
    text-align: right !important;
}

.text-center-important{
    text-align: center !important;
}
/*End text align*/

/* Word Wrap */
.no-wrap{
    white-space: nowrap !important;
}
/* End Word Wrap */
/*End Helper Classes*/





