/* text case and wraping */
.low {
    text-transform: lowercase;
}

.cap {
    text-transform: capitalize;
}

.nowrap {
    white-space: nowrap;
}

.b, .thBold th {
    font-weight: bold !important;
}

.normal {
    font-weight: normal !important;
}

.noB, .thNoBold th {
    font-weight: normal !important;
}

.i {
    font-style: italic;
}

.noI {
    font-style: normal !important;
}

.u {
    text-decoration: underline;
}
/* floating */
.floatL {
    float: left;
}

.floatR {
    float: right !important;
}

.noFloat {
    float: none !important;
}

.clear {
    clear: both;
}

.clearL {
    clear: left;
}

.clearR {
    clear: right;
}

.tdVTop td {
    vertical-align: top;
}

/* display */
.display-block, .show {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.hide {
    display: none !important;
}

.hideSimple {
    display: none;
}
/* margins and Padding */
.top13px {
    top: 13px !important;
}
.marAuto, #ctl00_ContentPlaceHolder1_dlPaging {
    margin: auto;
}

.mar5 {
    margin: 5px;
}

.mar10 {
    margin: 10px;
}

.mar15 {
    margin: 15px;
}

.mar20 {
    margin: 20px;
}

.marT3 {
    margin-top: 3px;
}

.marT5 {
    margin-top: 5px;
}

.marT7 {
    margin-top: 7px;
}

.marT10 {
    margin-top: 10px;
}

.marT13 {
    margin-top: 13px;
}

.marT15 {
    margin-top: 15px;
}

.marT20 {
    margin-top: 20px;
}

.marT30 {
    margin-top: 30px;
}

.marT40 {
    margin-top: 40px;
}

.marT45 {
    margin-top: 45px;
}

.marT60 {
    margin-top: 60px;
}

.marT100 {
    margin-top: 100px;
}

.marT200 {
    margin-top: 200px;
}

.marT280 {
    margin-top: 280px !important;
}

.marT700 {
    margin-top: 700px !important;
}

.marB5 {
    margin-bottom: 5px;
}

.marB10 {
    margin-bottom: 10px;
}

.marB15 {
    margin-bottom: 15px;
}

.marB20 {
    margin-bottom: 20px;
}

.marB30 {
    margin-bottom: 30px;
}

.marB40 {
    margin-bottom: 40px;
}

.marB60 {
    margin-bottom: 60px;
}

.marL3 {
    margin-left: 3px;
}

.marL5 {
    margin-left: 5px;
}

.marL8 {
    margin-left: 8px;
}

.marL10 {
    margin-left: 10px;
}

.marL15 {
    margin-left: 15px;
}

.marL20 {
    margin-left: 20px;
}

.marL30 {
    margin-left: 30px;
}

.marL40 {
    margin-left: 40px;
}

.marL70 {
    margin-left: 70px;
}

.marL100 {
    margin-left: 100px;
}

.marL190 {
    margin-left: 190px;
}

.marL480 {
    margin-left: 480px !important;
}
.marR3 {
    margin-right: 3px;
}
.marR5 {
    margin-right: 5px;
}

.marR8 {
    margin-right: 8px;
}

.marR10 {
    margin-right: 10px;
}

.marR18 {
    margin-right: 18px;
}

.marR20 {
    margin-right: 20px;
}

.marR15 {
    margin-right: 15px;
}

.marR35 {
    margin-right: 35px;
}

.marR30 {
    margin-right: 30px;
}

.marR55 {
    margin-right: 55px;
}

.marR80 {
    margin-right: 80px;
}

.marR92 {
    margin-right: 92px;
}

.noBMar {
    margin-bottom: 0px !important;
}

.noMar {
    margin: 0px !important;
}

.noTMar {
    margin-top: 0px !important;
}

.pad1 {
    padding: 1px;
}

.pad2 {
    padding: 2px;
}

.pad3 {
    padding: 4px;
}

.pad4 {
    padding: 4px;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.padT0 {
    padding-top: 0px !important;
}

.padT1 {
    padding-top: 1px;
}

.padT2 {
    padding-top: 2px;
}

.padT3 {
    padding-top: 3px;
}

.padT5 {
    padding-top: 5px;
}

.padT7 {
    padding-top: 7px !important /* for checkboxes labels */;
}

.padT10 {
    padding-top: 10px;
}

.padT15 {
    padding-top: 15px;
}

.padT20 {
    padding-top: 20px;
}

.padT30 {
    padding-top: 30px;
}

.padB1 {
    padding-bottom: 1px;
}

.padB2 {
    padding-bottom: 2px;
}

.padB3 {
    padding-bottom: 3px;
}

.padB5 {
    padding-bottom: 5px;
}

.padB10 {
    padding-bottom: 10px;
}

.padB15 {
    padding-bottom: 15px;
}

.padB20 {
    padding-bottom: 20px;
}

.padL5 {
    padding-left: 5px;
}

.padL10 {
    padding-left: 10px;
}

.padL15 {
    padding-left: 15px;
}

.padL17 {
    padding-left: 17px;
}

.padL20 {
    padding-left: 20px;
}

.padL25 {
    padding-left: 25px;
}

.padL30 {
    padding-left: 30px;
}

.padL40 {
    padding-left: 40px;
}

.padL55 {
    padding-left: 55px;
}
.padR80 {
    padding-right: 80px;
}
.padR5 {
    padding-right: 5px;
}

.padR10 {
    padding-right: 10px;
}

.padR15 {
    padding-right: 15px;
}

.padR20 {
    padding-right: 20px;
}

.padR30 {
    padding-right: 30px;
}

.padR45 {
    padding-right: 45px;
}

.padR50 {
    padding-right: 50px;
}

.padR110 {
    padding-right: 110px;
}
.pb-2_5 {
    padding-bottom: .7rem !important;
}
.noTPad {
    padding-top: 0px !important;
}

.noBPad {
    padding-bottom: 0px !important;
}

.noLPad {
    padding-left: 0px !important;
}

.noRPad {
    padding-right: 0px !important;
}

.noPad {
    padding: 0px !important;
}
/* position and overflows */
.posAbs {
    position: absolute;
}

.posRel {
    position: relative;
}

.posFix {
    position: fixed;
}

.posStatic {
    position: static;
}

.posAbsTL-2px {
    top: -2px;
    left: -2px;
}

.posAbsTL-5px {
    top: -5px;
    left: -5px;
}

.posAbsTL-10px {
    top: -10px;
    left: -5px;
}

.posAbsTL0px {
    top: 0px;
    left: 0px;
}

.posAbsTL2px {
    top: 2px;
    left: 2px;
}

.posAbsTL5px {
    top: 5px;
    left: 5px;
}

.posAbsTL10px {
    top: 10px;
    left: 10px;
}

.posAbsTR-2px {
    top: -2px;
    right: -2px;
}

.posAbsTR-5px {
    top: -5px;
    right: -5px;
}

.posAbsTR0px {
    top: 0px;
    right: 0px;
}

.posAbsTR2px {
    top: 2px;
    right: 2px;
}

.posAbsTR5px {
    top: 5px;
    right: 5px;
}

.posAbsTR10px {
    top: 10px;
    right: 10px;
}

.posAbsBL-2px {
    bottom: -2px;
    left: -2px;
}

.posAbsBL-5px {
    bottom: -5px;
    left: -5px;
}

.posAbsBL0px {
    bottom: 0px;
    left: 0px;
}

.posAbsBL2px {
    bottom: 2px;
    left: 2px;
}

.posAbsBL5px {
    bottom: 5px;
    left: 5px;
}

.posAbsBL10px {
    bottom: 10px;
    left: 10px;
}

.posAbsBR-2px {
    bottom: -2px;
    right: -2px;
}

.posAbsBR-5px {
    bottom: -5px;
    right: -5px;
}

.posAbsBR0px {
    bottom: 0px;
    right: 0px;
}

.posAbsBR2px {
    bottom: 2px;
    right: 2px;
}

.posAbsBR5px {
    bottom: 5px;
    right: 5px;
}

.posAbsBR10px {
    bottom: 10px;
    right: 10px;
}

.overAuto {
    overflow: auto;
}

.overHidden {
    overflow: hidden;
}

.overVisible {
    overflow: visible;
}

.overX {
    overflow-x: hidden;
}

.overY {
    overflow-y: hidden;
}
/* font color */
.fontLGrey {
    color: #ccc;
}

.fontDGrey {
    color: #4B4B4B !important;
}

.fontPurple {
    color: #59458C;
}

.fontMaroon {
    color: #9b111e;
}

.fontWhite {
    color: #fff !important;
}

.fontBlue {
    color: #0a384e !important;
}

.fontDBlue {
    color: #3A9BBE !important;
}

.fontLightBlue {
    color: #3783C0;
}

.fontDarkRed {
    color: #710a0a;
}

.fontOrange {
    color: #f60;
}

.fontRed {
    color: #FF0000;
}

.fontGreen {
    color: #7A940A;
}
/* background color */
.bgGrey {
    background-color: #f3f3f3;
}

.bgLightGray {
    background-color: #f6f6f8;
}

.bgWhite {
    background-color: #fff;
}

.bgCCC, tr.bgCCC td, tr.bgCCC th {
    background-color: #ddd;
}

.bgPale {
    background-color: #ffc;
}

.bgBlue, .thBgBlue th {
    background-color: #e7fbff !important;
}

.bgDarkBlue {
    background: #267BB6;
}

.bgLightBlue {
    background: #0395DA;
}

.bgWhite {
    background-color: #fff;
}

.bgPurple {
    background-color: #64409B;
}

.bgBlueTransparent {
    background: rgba(96, 156, 213, 0.19);
}

.noBg {
    background: none !important;
}

.centerSep {
    background: url(../images/shadowSep.png) center top repeat-y;
}
/* css for content */
.content, .contentGreen, .contentRed, .contentBlue {
    font: normal normal 1em Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left;
}
/*.content a
{
	color: #009;
	text-decoration: none;
}
.content a:hover
{
	color: #336;
	text-decoration: none;
}*/
.contentGreen {
    color: #093;
}

    .contentGreen a {
        color: #060;
        text-decoration: none;
    }

.contentRed {
    color: #930 !important;
}

.contentR {
    color: #ff0000 !important;
}

.contentRed a {
    color: #600;
    text-decoration: none;
}

.contentBlue {
    color: #06f;
}

    .contentBlue a {
        color: #039;
        text-decoration: none;
    }
/* font size */
.f9 {
    font-size: 9px;
}

.f10 {
    font-size: 10px;
}

.f11, .tdF11 td, .tdF11 td input, .tdF11 td select {
    font-size: 11px !important;
}

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

.f13 {
    font-size: 13px !important;
}

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

.f15 {
    font-size: 15px;
}

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

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

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

.f23 {
    font-size: 23px !important;
}

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

.f25 {
    font-size: 25px;
}

.f30 {
    font-size: 30px !important;
}

.f50 {
    font-size: 50px !important;
}
/* borders */
.bor1pxSolidLeft {
    border-left: solid 1px #ccc;
}

.bor1pxSolidRight {
    border-right: solid 1px #ccc;
}

.bor1pxSolid {
    border: solid 1px #ccc;
}

.bor1pxDotted {
    border: dotted 1px #ccc;
}

.bor2pxSolid {
    border: solid 2px #ccc !important;
}

.bor2pxDotted {
    border: dotted 2px #ccc;
}

.borBot1pxSolid {
    border-bottom: solid 1px #ccc;
}

.borBot1pxDotted {
    border-bottom: dotted 1px #ccc !important;
}

.borBot2pxSolid {
    border-bottom: solid 2px #ccc;
}

.borBot2pxDotted {
    border-bottom: dotted 2px #ccc;
}

.borTop1pxSolid {
    border-top: solid 1px #ccc;
}

.borTop1pxDotted {
    border-top: dotted 1px #ccc;
}

.borTop2pxSolid {
    border-top: solid 2px #ccc;
}

.borTop2pxDotted {
    border-top: dotted 2px #ccc;
}

.borRight1pxSolid {
    border-right: solid 1px #ccc;
}

.bor10pxsolidLGray {
    border: 10px solid #E6E6E6;
}

.borNo {
    border: none !important;
}

/* for border Collapse */
.borderCollapse {
    border-collapse: collapse;
}
/* ul, li, ol */
.ul {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}

    .ul li {
        height: auto;
        margin-bottom: 10px;
        margin-left: 20px;
        list-style-type: none;
        list-style-position: outside;
        list-style-image: url(../Images/navIcon.gif);
    }

/* dl, dt, dd */
dt {
    font: normal bold 1em Arial, Helvetica, sans-serif;
    text-align: left;
    color: #000;
}

dd {
    padding: 8px 15px;
}

/* cursor */
.curPointer {
    cursor: pointer;
}

.curDefault {
    cursor: default;
}

/* headings */
.subTitle, .subTitleBor, .subTitleB, .subTitleBorB, .subTitleBorBgB, .subTitleBorBg, .subTitleBg, .subTitleBorTop, .subTitleBorTopBg, .subTitleBorBot {
    font: normal normal 1.2em Arial, Helvetica, sans-serif;
    color: #900;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
    display: block;
    overflow: auto;
    width: auto;
    padding: 4px 0px 6px;
    border-top: dotted 1px #b3ada2;
    border-bottom: dotted 1px #b3ada2;
    background: #efefef;
}

.subTitle {
    border-top: none;
    border-bottom: none;
    background: none;
}

.subTitleBorTop {
    border-bottom: none;
    background: none;
}

.subTitleBorTopBg {
    border-bottom: none;
}

.subTitleBorBot {
    border-top: none;
    background: none;
}

.subTitleBor {
    background: none;
}

.subTitleB {
    font-weight: bold;
    background: none;
    border-top: none;
    border-bottom: none;
}

.subTitleBorB {
    font-weight: bold;
    background: none;
}

.subTitleBorBgB {
    font-weight: bold;
}

.subTitleBorBg {
}

.subTitleBg {
    border-top: none;
    border-bottom: none;
}

/* heights */
.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h25 {
    height: 25px !important;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px !important;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px !important;
}

.h96px {
    height: 96px;
}

.h100px {
    height: 100px;
}

.h100 {
    height: 100%;
}

.h200 {
    height: 200px;
}

.h400 {
    height: 400px;
}

.hAuto {
    height: auto !important;
}

.max-width160 {
    max-width: 160px;
}
/* line height */
.lineH16 {
    line-height: 16px;
}

.lineH18 {
    line-height: 18px;
}

.lineH20 {
    line-height: 20px;
}

.lineH22 {
    line-height: 22px;
}

.lineH24 {
    line-height: 24px;
}

.lineH26 {
    line-height: 26px;
}

.lineH28 {
    line-height: 28px;
}

/* page breaks */
.pgBreakAfter {
    page-break-after: always;
}

.pgBreakBefore {
    page-break-before: always;
}

/* later */
.noBorder {
    border: none !important;
}
/* opacity */
.opacityGrey70 {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    background: #666;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.width50px {
    width: 50px;
}

.width100px {
    width: 100px;
}
.width150px {
    width: 150px;
}
.width200px {
    width: 200px;
}
.width358px {
    width: 358px;
}

.width450px {
    width: 450px;
}


/* Strike through */
.strike {
    text-decoration: line-through;
}
/* rounded corners */
.r3pxCCC {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ddd;
}
.border-radius-0 {
    border-radius: 0;
}
/* Only Top-Left and Top-Right rounded corners */
.r5pxTopL-TopR {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bgWhiteToGrey {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* for firefox 3.6+ */
}

/* Printing prefrances */

.showOnPrint {
    display: none;
}

.whiteColor {
    color: #fff !important;
}

.rederrorHighlight {
    border: 1px solid #FF0004 !important;
    background: #F0D8D9;
    color: #022e41;
}


/* NYSA Univ Specific */
.bgBlue2 {
    background-color: #00aeef;
}

.borBot2pxSolid2 {
    border-bottom: solid 2px #0086be;
}

/* Highlight on mouseover of element */
.hLonMouseOver .opacity {
    opacity: .25;
}

.hLonMouseOver:hover .opacity {
    opacity: 1;
}

.upper {
    text-transform: uppercase !important;
}
/* Shadow Box Wrapper */
.box2 {
    border: 1px solid #E6E6E6;
    padding: 10px;
    background: #eee;
    box-shadow: 0 1px 0 #fff inset,0 -1px 0 #fff inset,1px 0 0 #fff inset,-1px 0 0 #fff inset;
}
/* Font Bold */
.bold {
    font-weight: bold;
}


.box3, .boxTrans3 {
    box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.1) inset;
    border: solid 1px #ccc;
    background: rgba(252, 252, 252, 1);
    background: #F7F7F7;
}

.boxTrans3 {
    background: rgba(247, 247, 247, 0.7);
}





.animate-fade-in-up {
    -webkit-animation: animate-fade-in-up .5s;
    -moz-animation: animate-fade-in-up .5s;
    -ms-animation: animate-fade-in-up .5s;
    -o-animation: animate-fade-in-up .5s;
    animation: animate-fade-in-up .5s;
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .animate-fade-in-up {
        animation: none !important;
    }
}

.animate-fade-out {
    -webkit-animation: animate-fade-out .5s;
    -moz-animation: animate-fade-out .5s;
    -ms-animation: animate-fade-out .5s;
    -o-animation: animate-fade-out .5s;
    animation: animate-fade-out .5s;
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .animate-fade-out {
        animation: none !important;
    }
}

.animate-fade-in {
    -webkit-animation: animate-fade-in .5s;
    -moz-animation: animate-fade-in .5s;
    -ms-animation: animate-fade-in .5s;
    -o-animation: animate-fade-in .5s;
    animation: animate-fade-in .5s;
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .animate-fade-in {
        animation: none !important;
    }
}

.animate-blink {
    -webkit-animation: animate-blink 1s step-start 0s infinite;
    -moz-animation: animate-blink 1s step-start 0s infinite;
    -ms-animation: animate-blink 1s step-start 0s infinite;
    -o-animation: animate-blink 1s step-start 0s infinite;
    animation: animate-blink 1s step-start 0s infinite;
    animation-fill-mode: initial;
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .animate-blink {
        animation: none !important;
    }
}

.animate-shake {
    -webkit-animation: animate-shake .1s ease-in .1s infinite alternate;
    -moz-animation: animate-shake .1s ease-in .1s infinite alternate;
    -ms-animation: animate-shake .1s ease-in .1s infinite alternate;
    -o-animation: animate-shake .1s ease-in .1s infinite alternate;
    animation: animate-shake .1s ease-in .1s infinite alternate;
    animation-fill-mode: initial;
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .animate-shake {
        animation: none !important;
    }
}



.animate-pause {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.m-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

@-webkit-keyframes animate-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes animate-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes animate-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes animate-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes animate-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes animate-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes animate-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animate-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes animate-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes animate-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes animate-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes animate-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animate-fade-out-up {
    from {
        opacity: 1;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes animate-fade-out-up {
    from {
        opacity: 1;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes animate-fade-out-up {
    from {
        opacity: 1;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes animate-fade-out-up {
    from {
        opacity: 1;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes animate-blink {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes animate-blink {
    50% {
        opacity: 0;
    }
}

@-o-keyframes animate-blink {
    50% {
        opacity: 0;
    }
}

@keyframes animate-blink {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes animate-shake {
    from {
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        -o-transform: rotate(13deg);
        transform: rotate(13deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
}

@-moz-keyframes animate-shake {
    from {
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        -o-transform: rotate(13deg);
        transform: rotate(13deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
}

@-o-keyframes animate-shake {
    from {
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        -o-transform: rotate(13deg);
        transform: rotate(13deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
}

@keyframes animate-shake {
    from {
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        -o-transform: rotate(13deg);
        transform: rotate(13deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        transform: rotate(-13deg);
    }
}

.shake {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
.bg-light {
    background-color: #f4f5f7 !important;
}

.bg-primary {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color: #fff !important;
}

.bg-primary-300 {
    background-color: #64b5f6 !important;
    border-color: #64b5f6 !important;
    color: #fff !important;
}

.bg-primary-400 {
    background-color: #42a5f5 !important;
    border-color: #42a5f5 !important;
    color: #fff !important;
}

.bg-primary-600 {
    background-color: #1e88e5 !important;
    border-color: #1e88e5 !important;
    color: #fff !important;
}

.bg-primary-700 {
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
    color: #fff !important;
}

.bg-primary-800 {
    background-color: #1565c0 !important;
    border-color: #1565c0 !important;
    color: #fff !important;
}

.bg-danger {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #fff !important;
}

.bg-danger-300 {
    background-color: #e57373 !important;
    border-color: #e57373 !important;
    color: #fff !important;
}

.bg-danger-400 {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #fff !important;
}

.bg-danger-600 {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
    color: #fff !important;
}

.bg-danger-700 {
    background-color: #d32f2f !important;
    border-color: #d32f2f !important;
    color: #fff !important;
}

.bg-danger-800 {
    background-color: #c62828 !important;
    border-color: #c62828 !important;
    color: #fff !important;
}

.bg-success {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: #fff !important;
}

.bg-success-300 {
    background-color: #81c784 !important;
    border-color: #81c784 !important;
    color: #fff !important;
}

.bg-success-400 {
    background-color: #66bb6a !important;
    border-color: #66bb6a !important;
    color: #fff !important;
}

.bg-success-600 {
    background-color: #43a047 !important;
    border-color: #43a047 !important;
    color: #fff !important;
}

.bg-success-700 {
    background-color: #388e3c !important;
    border-color: #388e3c !important;
    color: #fff !important;
}

.bg-success-800 {
    background-color: #2e7d32 !important;
    border-color: #2e7d32 !important;
    color: #fff !important;
}

.bg-warning {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
    color: #fff !important;
}

.bg-warning-300 {
    background-color: #ff8a65 !important;
    border-color: #ff8a65 !important;
    color: #fff !important;
}

.bg-warning-400 {
    background-color: #ff7043 !important;
    border-color: #ff7043 !important;
    color: #fff !important;
}

.bg-warning-600 {
    background-color: #f4511e !important;
    border-color: #f4511e !important;
    color: #fff !important;
}

.bg-warning-700 {
    background-color: #e64a19 !important;
    border-color: #e64a19 !important;
    color: #fff !important;
}

.bg-warning-800 {
    background-color: #d84315 !important;
    border-color: #d84315 !important;
    color: #fff !important;
}

.bg-info {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #fff !important;
}

.bg-info-300 {
    background-color: #4dd0e1 !important;
    border-color: #4dd0e1 !important;
    color: #fff !important;
}

.bg-info-400 {
    background-color: #26c6da !important;
    border-color: #26c6da !important;
    color: #fff !important;
}

.bg-info-600 {
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
    color: #fff !important;
}

.bg-info-700 {
    background-color: #0097a7 !important;
    border-color: #0097a7 !important;
    color: #fff !important;
}

.bg-info-800 {
    background-color: #00838f !important;
    border-color: #00838f !important;
    color: #fff !important;
}

.bg-pink {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
    color: #fff !important;
}

.bg-pink-300 {
    background-color: #f06292 !important;
    border-color: #f06292 !important;
    color: #fff !important;
}

.bg-pink-400 {
    background-color: #ec407a !important;
    border-color: #ec407a !important;
    color: #fff !important;
}

.bg-pink-600 {
    background-color: #d81b60 !important;
    border-color: #d81b60 !important;
    color: #fff !important;
}

.bg-pink-700 {
    background-color: #c2185b !important;
    border-color: #c2185b !important;
    color: #fff !important;
}

.bg-pink-800 {
    background-color: #ad1457 !important;
    border-color: #ad1457 !important;
    color: #fff !important;
}

.bg-violet {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #fff !important;
}

.bg-violet-300 {
    background-color: #ba68c8 !important;
    border-color: #ba68c8 !important;
    color: #fff !important;
}

.bg-violet-400 {
    background-color: #ab47bc !important;
    border-color: #ab47bc !important;
    color: #fff !important;
}

.bg-violet-600 {
    background-color: #8e24aa !important;
    border-color: #8e24aa !important;
    color: #fff !important;
}

.bg-violet-700 {
    background-color: #7b1fa2 !important;
    border-color: #7b1fa2 !important;
    color: #fff !important;
}

.bg-violet-800 {
    background-color: #6a1b9a !important;
    border-color: #6a1b9a !important;
    color: #fff !important;
}

.bg-purple {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #fff !important;
}

.bg-purple-300 {
    background-color: #9575cd !important;
    border-color: #9575cd !important;
    color: #fff !important;
}

.bg-purple-400 {
    background-color: #7e57c2 !important;
    border-color: #7e57c2 !important;
    color: #fff !important;
}

.bg-purple-600 {
    background-color: #5e35b1 !important;
    border-color: #5e35b1 !important;
    color: #fff !important;
}

.bg-purple-700 {
    background-color: #512da8 !important;
    border-color: #512da8 !important;
    color: #fff !important;
}

.bg-purple-800 {
    background-color: #4527a0 !important;
    border-color: #4527a0 !important;
    color: #fff !important;
}

.bg-indigo {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #fff !important;
}

.bg-indigo-300 {
    background-color: #7986cb !important;
    border-color: #7986cb !important;
    color: #fff !important;
}

.bg-indigo-400 {
    background-color: #5c6bc0 !important;
    border-color: #5c6bc0 !important;
    color: #fff !important;
}

.bg-indigo-600 {
    background-color: #3949ab !important;
    border-color: #3949ab !important;
    color: #fff !important;
}

.bg-indigo-700 {
    background-color: #303f9f !important;
    border-color: #303f9f !important;
    color: #fff !important;
}

.bg-indigo-800 {
    background-color: #283593 !important;
    border-color: #283593 !important;
    color: #fff !important;
}

.bg-blue {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
    color: #fff !important;
}

.bg-blue-300 {
    background-color: #4fc3f7 !important;
    border-color: #4fc3f7 !important;
    color: #fff !important;
}

.bg-blue-400 {
    background-color: #29b6f6 !important;
    border-color: #29b6f6 !important;
    color: #fff !important;
}

.bg-blue-600 {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
    color: #fff !important;
}

.bg-blue-700 {
    background-color: #0288d1 !important;
    border-color: #0288d1 !important;
    color: #fff !important;
}

.bg-blue-800 {
    background-color: #0277bd !important;
    border-color: #0277bd !important;
    color: #fff !important;
}

.bg-teal {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #fff !important;
}

.bg-teal-300 {
    background-color: #4db6ac !important;
    border-color: #4db6ac !important;
    color: #fff !important;
}

.bg-teal-400 {
    background-color: #26a69a !important;
    border-color: #26a69a !important;
    color: #fff !important;
}

.bg-teal-600 {
    background-color: #00897b !important;
    border-color: #00897b !important;
    color: #fff !important;
}

.bg-teal-700 {
    background-color: #00796b !important;
    border-color: #00796b !important;
    color: #fff !important;
}

.bg-teal-800 {
    background-color: #00695c !important;
    border-color: #00695c !important;
    color: #fff !important;
}

.bg-green {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    color: #fff !important;
}

.bg-green-300 {
    background-color: #aed581 !important;
    border-color: #aed581 !important;
    color: #fff !important;
}

.bg-green-400 {
    background-color: #9ccc65 !important;
    border-color: #9ccc65 !important;
    color: #fff !important;
}

.bg-green-600 {
    background-color: #7cb342 !important;
    border-color: #7cb342 !important;
    color: #fff !important;
}

.bg-green-700 {
    background-color: #689f38 !important;
    border-color: #689f38 !important;
    color: #fff !important;
}

.bg-green-800 {
    background-color: #558b2f !important;
    border-color: #558b2f !important;
    color: #fff !important;
}

.bg-orange {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #fff !important;
}

.bg-orange-300 {
    background-color: #ffb74d !important;
    border-color: #ffb74d !important;
    color: #fff !important;
}

.bg-orange-400 {
    background-color: #ffa726 !important;
    border-color: #ffa726 !important;
    color: #fff !important;
}

.bg-orange-600 {
    background-color: #fb8c00 !important;
    border-color: #fb8c00 !important;
    color: #fff !important;
}

.bg-orange-700 {
    background-color: #f57c00 !important;
    border-color: #f57c00 !important;
    color: #fff !important;
}

.bg-orange-800 {
    background-color: #ef6c00 !important;
    border-color: #ef6c00 !important;
    color: #fff !important;
}

.bg-brown {
    background-color: #795548 !important;
    border-color: #795548 !important;
    color: #fff !important;
}

.bg-brown-300 {
    background-color: #a1887f !important;
    border-color: #a1887f !important;
    color: #fff !important;
}

.bg-brown-400 {
    background-color: #8d6e63 !important;
    border-color: #8d6e63 !important;
    color: #fff !important;
}

.bg-brown-600 {
    background-color: #6d4c41 !important;
    border-color: #6d4c41 !important;
    color: #fff !important;
}

.bg-brown-700 {
    background-color: #5d4037 !important;
    border-color: #5d4037 !important;
    color: #fff !important;
}

.bg-brown-800 {
    background-color: #4e342e !important;
    border-color: #4e342e !important;
    color: #fff !important;
}

.bg-grey {
    background-color: #777 !important;
    border-color: #777 !important;
    color: #fff !important;
}

.bg-grey-300 {
    background-color: #999 !important;
    border-color: #999 !important;
    color: #fff !important;
}

.bg-grey-400 {
    background-color: #888 !important;
    border-color: #888 !important;
    color: #fff !important;
}

.bg-grey-600 {
    background-color: #666 !important;
    border-color: #666 !important;
    color: #fff !important;
}

.bg-grey-700 {
    background-color: #555 !important;
    border-color: #555 !important;
    color: #fff !important;
}

.bg-grey-800 {
    background-color: #444 !important;
    border-color: #444 !important;
    color: #fff !important;
}

.bg-slate {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #fff !important;
}

.bg-slate-300 {
    background-color: #90a4ae !important;
    border-color: #90a4ae !important;
    color: #fff !important;
}

.bg-slate-400 {
    background-color: #78909c !important;
    border-color: #78909c !important;
    color: #fff !important;
}

.bg-slate-600 {
    background-color: #546e7a !important;
    border-color: #546e7a !important;
    color: #fff !important;
}

.bg-slate-700 {
    background-color: #455a64 !important;
    border-color: #455a64 !important;
    color: #fff !important;
}

.bg-slate-800 {
    background-color: #37474f !important;
    border-color: #37474f !important;
    color: #fff !important;
}

.bg-white {
    background-color: #fff !important;
    color: #333 !important;
}

.alpha-primary {
    background-color: #e3f2fd !important;
    border-color: #1e88e5 !important;
}

.alpha-danger {
    background-color: #ffebee !important;
    border-color: #e53935 !important;
}

.alpha-success {
    background-color: #e8f5e9 !important;
    border-color: #43a047 !important;
}

.alpha-warning {
    background-color: #fbe9e7 !important;
    border-color: #f4511e !important;
}

.alpha-info {
    background-color: #e0f7fa !important;
    border-color: #00acc1 !important;
}

.alpha-pink {
    background-color: #fce4ec !important;
    border-color: #d81b60 !important;
}

.alpha-violet {
    background-color: #f3e5f5 !important;
    border-color: #8e24aa !important;
}

.alpha-purple {
    background-color: #ede7f6 !important;
    border-color: #5e35b1 !important;
}

.alpha-indigo {
    background-color: #e8eaf6 !important;
    border-color: #3949ab !important;
}

.alpha-blue {
    background-color: #e1f5fe !important;
    border-color: #039be5 !important;
}

.alpha-teal {
    background-color: #e0f2f1 !important;
    border-color: #00897b !important;
}

.alpha-green {
    background-color: #f1f8e9 !important;
    border-color: #7cb342 !important;
}

.alpha-orange {
    background-color: #fff3e0 !important;
    border-color: #fb8c00 !important;
}

.alpha-brown {
    background-color: #efebe9 !important;
    border-color: #6d4c41 !important;
}

.alpha-grey {
    background-color: #fafafa !important;
    border-color: #666 !important;
}

.alpha-slate {
    background-color: #eceff1 !important;
    border-color: #546e7a !important;
}

.border-primary {
    border-color: #2196f3 !important;
}

.border-primary-300 {
    border-color: #64b5f6 !important;
}

.border-primary-400 {
    border-color: #42a5f5 !important;
}

.border-primary-600 {
    border-color: #1e88e5 !important;
}

.border-primary-700 {
    border-color: #1976d2 !important;
}

.border-primary-800 {
    border-color: #1565c0 !important;
}

.border-danger {
    border-color: #f44336 !important;
}

.border-danger-300 {
    border-color: #e57373 !important;
}

.border-danger-400 {
    border-color: #ef5350 !important;
}

.border-danger-600 {
    border-color: #e53935 !important;
}

.border-danger-700 {
    border-color: #d32f2f !important;
}

.border-danger-800 {
    border-color: #c62828 !important;
}

.border-success {
    border-color: #4caf50 !important;
}

.border-success-300 {
    border-color: #81c784 !important;
}

.border-success-400 {
    border-color: #66bb6a !important;
}

.border-success-600 {
    border-color: #43a047 !important;
}

.border-success-700 {
    border-color: #388e3c !important;
}

.border-success-800 {
    border-color: #2e7d32 !important;
}

.border-warning {
    border-color: #ff5722 !important;
}

.border-warning-300 {
    border-color: #ff8a65 !important;
}

.border-warning-400 {
    border-color: #ff7043 !important;
}

.border-warning-600 {
    border-color: #f4511e !important;
}

.border-warning-700 {
    border-color: #e64a19 !important;
}

.border-warning-800 {
    border-color: #d84315 !important;
}

.border-info {
    border-color: #00bcd4 !important;
}

.border-info-300 {
    border-color: #4dd0e1 !important;
}

.border-info-400 {
    border-color: #26c6da !important;
}

.border-info-600 {
    border-color: #00acc1 !important;
}

.border-info-700 {
    border-color: #0097a7 !important;
}

.border-info-800 {
    border-color: #00838f !important;
}

.border-pink {
    border-color: #e91e63 !important;
}

.border-pink-300 {
    border-color: #f06292 !important;
}

.border-pink-400 {
    border-color: #ec407a !important;
}

.border-pink-600 {
    border-color: #d81b60 !important;
}

.border-pink-700 {
    border-color: #c2185b !important;
}

.border-pink-800 {
    border-color: #ad1457 !important;
}

.border-violet {
    border-color: #9c27b0 !important;
}

.border-violet-300 {
    border-color: #ba68c8 !important;
}

.border-violet-400 {
    border-color: #ab47bc !important;
}

.border-violet-600 {
    border-color: #8e24aa !important;
}

.border-violet-700 {
    border-color: #7b1fa2 !important;
}

.border-violet-800 {
    border-color: #6a1b9a !important;
}

.border-purple {
    border-color: #673ab7 !important;
}

.border-purple-300 {
    border-color: #9575cd !important;
}

.border-purple-400 {
    border-color: #7e57c2 !important;
}

.border-purple-600 {
    border-color: #5e35b1 !important;
}

.border-purple-700 {
    border-color: #512da8 !important;
}

.border-purple-800 {
    border-color: #4527a0 !important;
}

.border-indigo {
    border-color: #3f51b5 !important;
}

.border-indigo-300 {
    border-color: #7986cb !important;
}

.border-indigo-400 {
    border-color: #5c6bc0 !important;
}

.border-indigo-600 {
    border-color: #3949ab !important;
}

.border-indigo-700 {
    border-color: #303f9f !important;
}

.border-indigo-800 {
    border-color: #283593 !important;
}

.border-blue {
    border-color: #03a9f4 !important;
}

.border-blue-300 {
    border-color: #4fc3f7 !important;
}

.border-blue-400 {
    border-color: #29b6f6 !important;
}

.border-blue-600 {
    border-color: #039be5 !important;
}

.border-blue-700 {
    border-color: #0288d1 !important;
}

.border-blue-800 {
    border-color: #0277bd !important;
}

.border-teal {
    border-color: #009688 !important;
}

.border-teal-300 {
    border-color: #4db6ac !important;
}

.border-teal-400 {
    border-color: #26a69a !important;
}

.border-teal-600 {
    border-color: #00897b !important;
}

.border-teal-700 {
    border-color: #00796b !important;
}

.border-teal-800 {
    border-color: #00695c !important;
}

.border-green {
    border-color: #8bc34a !important;
}

.border-green-300 {
    border-color: #aed581 !important;
}

.border-green-400 {
    border-color: #9ccc65 !important;
}

.border-green-600 {
    border-color: #7cb342 !important;
}

.border-green-700 {
    border-color: #689f38 !important;
}

.border-green-800 {
    border-color: #558b2f !important;
}

.border-orange {
    border-color: #ff9800 !important;
}

.border-orange-300 {
    border-color: #ffb74d !important;
}

.border-orange-400 {
    border-color: #ffa726 !important;
}

.border-orange-600 {
    border-color: #fb8c00 !important;
}

.border-orange-700 {
    border-color: #f57c00 !important;
}

.border-orange-800 {
    border-color: #ef6c00 !important;
}

.border-brown {
    border-color: #795548 !important;
}

.border-brown-300 {
    border-color: #a1887f !important;
}

.border-brown-400 {
    border-color: #8d6e63 !important;
}

.border-brown-600 {
    border-color: #6d4c41 !important;
}

.border-brown-700 {
    border-color: #5d4037 !important;
}

.border-brown-800 {
    border-color: #4e342e !important;
}

.border-grey {
    border-color: #777 !important;
}

.border-grey-300 {
    border-color: #999 !important;
}

.border-grey-400 {
    border-color: #888 !important;
}

.border-grey-600 {
    border-color: #666 !important;
}

.border-grey-700 {
    border-color: #555 !important;
}

.border-grey-800 {
    border-color: #444 !important;
}

.border-slate {
    border-color: #607d8b !important;
}

.border-slate-300 {
    border-color: #90a4ae !important;
}

.border-slate-400 {
    border-color: #78909c !important;
}

.border-slate-600 {
    border-color: #546e7a !important;
}

.border-slate-700 {
    border-color: #455a64 !important;
}

.border-slate-800 {
    border-color: #37474f !important;
}

.border-white {
    border-color: #fff !important;
}

.border-default {
    border-color: #ddd !important;
}

.border-top-primary {
    border-top-color: #2196f3 !important;
}

.border-top-primary-300 {
    border-top-color: #64b5f6 !important;
}

.border-top-primary-400 {
    border-top-color: #42a5f5 !important;
}

.border-top-primary-600 {
    border-top-color: #1e88e5 !important;
}

.border-top-primary-700 {
    border-top-color: #1976d2 !important;
}

.border-top-primary-800 {
    border-top-color: #1565c0 !important;
}

.border-top-danger {
    border-top-color: #f44336 !important;
}

.border-top-danger-300 {
    border-top-color: #e57373 !important;
}

.border-top-danger-400 {
    border-top-color: #ef5350 !important;
}

.border-top-danger-600 {
    border-top-color: #e53935 !important;
}

.border-top-danger-700 {
    border-top-color: #d32f2f !important;
}

.border-top-danger-800 {
    border-top-color: #c62828 !important;
}

.border-top-success {
    border-top-color: #4caf50 !important;
}

.border-top-success-300 {
    border-top-color: #81c784 !important;
}

.border-top-success-400 {
    border-top-color: #66bb6a !important;
}

.border-top-success-600 {
    border-top-color: #43a047 !important;
}

.border-top-success-700 {
    border-top-color: #388e3c !important;
}

.border-top-success-800 {
    border-top-color: #2e7d32 !important;
}

.border-top-warning {
    border-top-color: #ff5722 !important;
}

.border-top-warning-300 {
    border-top-color: #ff8a65 !important;
}

.border-top-warning-400 {
    border-top-color: #ff7043 !important;
}

.border-top-warning-600 {
    border-top-color: #f4511e !important;
}

.border-top-warning-700 {
    border-top-color: #e64a19 !important;
}

.border-top-warning-800 {
    border-top-color: #d84315 !important;
}

.border-top-info {
    border-top-color: #00bcd4 !important;
}

.border-top-info-300 {
    border-top-color: #4dd0e1 !important;
}

.border-top-info-400 {
    border-top-color: #26c6da !important;
}

.border-top-info-600 {
    border-top-color: #00acc1 !important;
}

.border-top-info-700 {
    border-top-color: #0097a7 !important;
}

.border-top-info-800 {
    border-top-color: #00838f !important;
}

.border-top-pink {
    border-top-color: #e91e63 !important;
}

.border-top-pink-300 {
    border-top-color: #f06292 !important;
}

.border-top-pink-400 {
    border-top-color: #ec407a !important;
}

.border-top-pink-600 {
    border-top-color: #d81b60 !important;
}

.border-top-pink-700 {
    border-top-color: #c2185b !important;
}

.border-top-pink-800 {
    border-top-color: #ad1457 !important;
}

.border-top-violet {
    border-top-color: #9c27b0 !important;
}

.border-top-violet-300 {
    border-top-color: #ba68c8 !important;
}

.border-top-violet-400 {
    border-top-color: #ab47bc !important;
}

.border-top-violet-600 {
    border-top-color: #8e24aa !important;
}

.border-top-violet-700 {
    border-top-color: #7b1fa2 !important;
}

.border-top-violet-800 {
    border-top-color: #6a1b9a !important;
}

.border-top-purple {
    border-top-color: #673ab7 !important;
}

.border-top-purple-300 {
    border-top-color: #9575cd !important;
}

.border-top-purple-400 {
    border-top-color: #7e57c2 !important;
}

.border-top-purple-600 {
    border-top-color: #5e35b1 !important;
}

.border-top-purple-700 {
    border-top-color: #512da8 !important;
}

.border-top-purple-800 {
    border-top-color: #4527a0 !important;
}

.border-top-indigo {
    border-top-color: #3f51b5 !important;
}

.border-top-indigo-300 {
    border-top-color: #7986cb !important;
}

.border-top-indigo-400 {
    border-top-color: #5c6bc0 !important;
}

.border-top-indigo-600 {
    border-top-color: #3949ab !important;
}

.border-top-indigo-700 {
    border-top-color: #303f9f !important;
}

.border-top-indigo-800 {
    border-top-color: #283593 !important;
}

.border-top-blue {
    border-top-color: #03a9f4 !important;
}

.border-top-blue-300 {
    border-top-color: #4fc3f7 !important;
}

.border-top-blue-400 {
    border-top-color: #29b6f6 !important;
}

.border-top-blue-600 {
    border-top-color: #039be5 !important;
}

.border-top-blue-700 {
    border-top-color: #0288d1 !important;
}

.border-top-blue-800 {
    border-top-color: #0277bd !important;
}

.border-top-teal {
    border-top-color: #009688 !important;
}

.border-top-teal-300 {
    border-top-color: #4db6ac !important;
}

.border-top-teal-400 {
    border-top-color: #26a69a !important;
}

.border-top-teal-600 {
    border-top-color: #00897b !important;
}

.border-top-teal-700 {
    border-top-color: #00796b !important;
}

.border-top-teal-800 {
    border-top-color: #00695c !important;
}

.border-top-green {
    border-top-color: #8bc34a !important;
}

.border-top-green-300 {
    border-top-color: #aed581 !important;
}

.border-top-green-400 {
    border-top-color: #9ccc65 !important;
}

.border-top-green-600 {
    border-top-color: #7cb342 !important;
}

.border-top-green-700 {
    border-top-color: #689f38 !important;
}

.border-top-green-800 {
    border-top-color: #558b2f !important;
}

.border-top-orange {
    border-top-color: #ff9800 !important;
}

.border-top-orange-300 {
    border-top-color: #ffb74d !important;
}

.border-top-orange-400 {
    border-top-color: #ffa726 !important;
}

.border-top-orange-600 {
    border-top-color: #fb8c00 !important;
}

.border-top-orange-700 {
    border-top-color: #f57c00 !important;
}

.border-top-orange-800 {
    border-top-color: #ef6c00 !important;
}

.border-top-brown {
    border-top-color: #795548 !important;
}

.border-top-brown-300 {
    border-top-color: #a1887f !important;
}

.border-top-brown-400 {
    border-top-color: #8d6e63 !important;
}

.border-top-brown-600 {
    border-top-color: #6d4c41 !important;
}

.border-top-brown-700 {
    border-top-color: #5d4037 !important;
}

.border-top-brown-800 {
    border-top-color: #4e342e !important;
}

.border-top-grey {
    border-top-color: #777 !important;
}

.border-top-grey-300 {
    border-top-color: #999 !important;
}

.border-top-grey-400 {
    border-top-color: #888 !important;
}

.border-top-grey-600 {
    border-top-color: #666 !important;
}

.border-top-grey-700 {
    border-top-color: #555 !important;
}

.border-top-grey-800 {
    border-top-color: #444 !important;
}

.border-top-slate {
    border-top-color: #607d8b !important;
}

.border-top-slate-300 {
    border-top-color: #90a4ae !important;
}

.border-top-slate-400 {
    border-top-color: #78909c !important;
}

.border-top-slate-600 {
    border-top-color: #546e7a !important;
}

.border-top-slate-700 {
    border-top-color: #455a64 !important;
}

.border-top-slate-800 {
    border-top-color: #37474f !important;
}

.border-top-white {
    border-top-color: #fff !important;
}

.border-bottom-primary {
    border-bottom-color: #2196f3 !important;
}

.border-bottom-primary-300 {
    border-bottom-color: #64b5f6 !important;
}

.border-bottom-primary-400 {
    border-bottom-color: #42a5f5 !important;
}

.border-bottom-primary-600 {
    border-bottom-color: #1e88e5 !important;
}

.border-bottom-primary-700 {
    border-bottom-color: #1976d2 !important;
}

.border-bottom-primary-800 {
    border-bottom-color: #1565c0 !important;
}

.border-bottom-danger {
    border-bottom-color: #f44336 !important;
}

.border-bottom-danger-300 {
    border-bottom-color: #e57373 !important;
}

.border-bottom-danger-400 {
    border-bottom-color: #ef5350 !important;
}

.border-bottom-danger-600 {
    border-bottom-color: #e53935 !important;
}

.border-bottom-danger-700 {
    border-bottom-color: #d32f2f !important;
}

.border-bottom-danger-800 {
    border-bottom-color: #c62828 !important;
}

.border-bottom-success {
    border-bottom-color: #4caf50 !important;
}

.border-bottom-success-300 {
    border-bottom-color: #81c784 !important;
}

.border-bottom-success-400 {
    border-bottom-color: #66bb6a !important;
}

.border-bottom-success-600 {
    border-bottom-color: #43a047 !important;
}

.border-bottom-success-700 {
    border-bottom-color: #388e3c !important;
}

.border-bottom-success-800 {
    border-bottom-color: #2e7d32 !important;
}

.border-bottom-warning {
    border-bottom-color: #ff5722 !important;
}

.border-bottom-warning-300 {
    border-bottom-color: #ff8a65 !important;
}

.border-bottom-warning-400 {
    border-bottom-color: #ff7043 !important;
}

.border-bottom-warning-600 {
    border-bottom-color: #f4511e !important;
}

.border-bottom-warning-700 {
    border-bottom-color: #e64a19 !important;
}

.border-bottom-warning-800 {
    border-bottom-color: #d84315 !important;
}

.border-bottom-info {
    border-bottom-color: #00bcd4 !important;
}

.border-bottom-info-300 {
    border-bottom-color: #4dd0e1 !important;
}

.border-bottom-info-400 {
    border-bottom-color: #26c6da !important;
}

.border-bottom-info-600 {
    border-bottom-color: #00acc1 !important;
}

.border-bottom-info-700 {
    border-bottom-color: #0097a7 !important;
}

.border-bottom-info-800 {
    border-bottom-color: #00838f !important;
}

.border-bottom-pink {
    border-bottom-color: #e91e63 !important;
}

.border-bottom-pink-300 {
    border-bottom-color: #f06292 !important;
}

.border-bottom-pink-400 {
    border-bottom-color: #ec407a !important;
}

.border-bottom-pink-600 {
    border-bottom-color: #d81b60 !important;
}

.border-bottom-pink-700 {
    border-bottom-color: #c2185b !important;
}

.border-bottom-pink-800 {
    border-bottom-color: #ad1457 !important;
}

.border-bottom-violet {
    border-bottom-color: #9c27b0 !important;
}

.border-bottom-violet-300 {
    border-bottom-color: #ba68c8 !important;
}

.border-bottom-violet-400 {
    border-bottom-color: #ab47bc !important;
}

.border-bottom-violet-600 {
    border-bottom-color: #8e24aa !important;
}

.border-bottom-violet-700 {
    border-bottom-color: #7b1fa2 !important;
}

.border-bottom-violet-800 {
    border-bottom-color: #6a1b9a !important;
}

.border-bottom-purple {
    border-bottom-color: #673ab7 !important;
}

.border-bottom-purple-300 {
    border-bottom-color: #9575cd !important;
}

.border-bottom-purple-400 {
    border-bottom-color: #7e57c2 !important;
}

.border-bottom-purple-600 {
    border-bottom-color: #5e35b1 !important;
}

.border-bottom-purple-700 {
    border-bottom-color: #512da8 !important;
}

.border-bottom-purple-800 {
    border-bottom-color: #4527a0 !important;
}

.border-bottom-indigo {
    border-bottom-color: #3f51b5 !important;
}

.border-bottom-indigo-300 {
    border-bottom-color: #7986cb !important;
}

.border-bottom-indigo-400 {
    border-bottom-color: #5c6bc0 !important;
}

.border-bottom-indigo-600 {
    border-bottom-color: #3949ab !important;
}

.border-bottom-indigo-700 {
    border-bottom-color: #303f9f !important;
}

.border-bottom-indigo-800 {
    border-bottom-color: #283593 !important;
}

.border-bottom-blue {
    border-bottom-color: #03a9f4 !important;
}

.border-bottom-blue-300 {
    border-bottom-color: #4fc3f7 !important;
}

.border-bottom-blue-400 {
    border-bottom-color: #29b6f6 !important;
}

.border-bottom-blue-600 {
    border-bottom-color: #039be5 !important;
}

.border-bottom-blue-700 {
    border-bottom-color: #0288d1 !important;
}

.border-bottom-blue-800 {
    border-bottom-color: #0277bd !important;
}

.border-bottom-teal {
    border-bottom-color: #009688 !important;
}

.border-bottom-teal-300 {
    border-bottom-color: #4db6ac !important;
}

.border-bottom-teal-400 {
    border-bottom-color: #26a69a !important;
}

.border-bottom-teal-600 {
    border-bottom-color: #00897b !important;
}

.border-bottom-teal-700 {
    border-bottom-color: #00796b !important;
}

.border-bottom-teal-800 {
    border-bottom-color: #00695c !important;
}

.border-bottom-green {
    border-bottom-color: #8bc34a !important;
}

.border-bottom-green-300 {
    border-bottom-color: #aed581 !important;
}

.border-bottom-green-400 {
    border-bottom-color: #9ccc65 !important;
}

.border-bottom-green-600 {
    border-bottom-color: #7cb342 !important;
}

.border-bottom-green-700 {
    border-bottom-color: #689f38 !important;
}

.border-bottom-green-800 {
    border-bottom-color: #558b2f !important;
}

.border-bottom-orange {
    border-bottom-color: #ff9800 !important;
}

.border-bottom-orange-300 {
    border-bottom-color: #ffb74d !important;
}

.border-bottom-orange-400 {
    border-bottom-color: #ffa726 !important;
}

.border-bottom-orange-600 {
    border-bottom-color: #fb8c00 !important;
}

.border-bottom-orange-700 {
    border-bottom-color: #f57c00 !important;
}

.border-bottom-orange-800 {
    border-bottom-color: #ef6c00 !important;
}

.border-bottom-brown {
    border-bottom-color: #795548 !important;
}

.border-bottom-brown-300 {
    border-bottom-color: #a1887f !important;
}

.border-bottom-brown-400 {
    border-bottom-color: #8d6e63 !important;
}

.border-bottom-brown-600 {
    border-bottom-color: #6d4c41 !important;
}

.border-bottom-brown-700 {
    border-bottom-color: #5d4037 !important;
}

.border-bottom-brown-800 {
    border-bottom-color: #4e342e !important;
}

.border-bottom-grey {
    border-bottom-color: #777 !important;
}

.border-bottom-grey-300 {
    border-bottom-color: #999 !important;
}

.border-bottom-grey-400 {
    border-bottom-color: #888 !important;
}

.border-bottom-grey-600 {
    border-bottom-color: #666 !important;
}

.border-bottom-grey-700 {
    border-bottom-color: #555 !important;
}

.border-bottom-grey-800 {
    border-bottom-color: #444 !important;
}

.border-bottom-slate {
    border-bottom-color: #607d8b !important;
}

.border-bottom-slate-300 {
    border-bottom-color: #90a4ae !important;
}

.border-bottom-slate-400 {
    border-bottom-color: #78909c !important;
}

.border-bottom-slate-600 {
    border-bottom-color: #546e7a !important;
}

.border-bottom-slate-700 {
    border-bottom-color: #455a64 !important;
}

.border-bottom-slate-800 {
    border-bottom-color: #37474f !important;
}

.border-bottom-white {
    border-bottom-color: #fff !important;
}

.border-left-primary {
    border-left-color: #2196f3 !important;
}

.border-left-primary-300 {
    border-left-color: #64b5f6 !important;
}

.border-left-primary-400 {
    border-left-color: #42a5f5 !important;
}

.border-left-primary-600 {
    border-left-color: #1e88e5 !important;
}

.border-left-primary-700 {
    border-left-color: #1976d2 !important;
}

.border-left-primary-800 {
    border-left-color: #1565c0 !important;
}

.border-left-danger {
    border-left-color: #f44336 !important;
}

.border-left-danger-300 {
    border-left-color: #e57373 !important;
}

.border-left-danger-400 {
    border-left-color: #ef5350 !important;
}

.border-left-danger-600 {
    border-left-color: #e53935 !important;
}

.border-left-danger-700 {
    border-left-color: #d32f2f !important;
}

.border-left-danger-800 {
    border-left-color: #c62828 !important;
}

.border-left-success {
    border-left-color: #4caf50 !important;
}

.border-left-success-300 {
    border-left-color: #81c784 !important;
}

.border-left-success-400 {
    border-left-color: #66bb6a !important;
}

.border-left-success-600 {
    border-left-color: #43a047 !important;
}

.border-left-success-700 {
    border-left-color: #388e3c !important;
}

.border-left-success-800 {
    border-left-color: #2e7d32 !important;
}

.border-left-warning {
    border-left-color: #ff5722 !important;
}

.border-left-warning-300 {
    border-left-color: #ff8a65 !important;
}

.border-left-warning-400 {
    border-left-color: #ff7043 !important;
}

.border-left-warning-600 {
    border-left-color: #f4511e !important;
}

.border-left-warning-700 {
    border-left-color: #e64a19 !important;
}

.border-left-warning-800 {
    border-left-color: #d84315 !important;
}

.border-left-info {
    border-left-color: #00bcd4 !important;
}

.border-left-info-300 {
    border-left-color: #4dd0e1 !important;
}

.border-left-info-400 {
    border-left-color: #26c6da !important;
}

.border-left-info-600 {
    border-left-color: #00acc1 !important;
}

.border-left-info-700 {
    border-left-color: #0097a7 !important;
}

.border-left-info-800 {
    border-left-color: #00838f !important;
}

.border-left-pink {
    border-left-color: #e91e63 !important;
}

.border-left-pink-300 {
    border-left-color: #f06292 !important;
}

.border-left-pink-400 {
    border-left-color: #ec407a !important;
}

.border-left-pink-600 {
    border-left-color: #d81b60 !important;
}

.border-left-pink-700 {
    border-left-color: #c2185b !important;
}

.border-left-pink-800 {
    border-left-color: #ad1457 !important;
}

.border-left-violet {
    border-left-color: #9c27b0 !important;
}

.border-left-violet-300 {
    border-left-color: #ba68c8 !important;
}

.border-left-violet-400 {
    border-left-color: #ab47bc !important;
}

.border-left-violet-600 {
    border-left-color: #8e24aa !important;
}

.border-left-violet-700 {
    border-left-color: #7b1fa2 !important;
}

.border-left-violet-800 {
    border-left-color: #6a1b9a !important;
}

.border-left-purple {
    border-left-color: #673ab7 !important;
}

.border-left-purple-300 {
    border-left-color: #9575cd !important;
}

.border-left-purple-400 {
    border-left-color: #7e57c2 !important;
}

.border-left-purple-600 {
    border-left-color: #5e35b1 !important;
}

.border-left-purple-700 {
    border-left-color: #512da8 !important;
}

.border-left-purple-800 {
    border-left-color: #4527a0 !important;
}

.border-left-indigo {
    border-left-color: #3f51b5 !important;
}

.border-left-indigo-300 {
    border-left-color: #7986cb !important;
}

.border-left-indigo-400 {
    border-left-color: #5c6bc0 !important;
}

.border-left-indigo-600 {
    border-left-color: #3949ab !important;
}

.border-left-indigo-700 {
    border-left-color: #303f9f !important;
}

.border-left-indigo-800 {
    border-left-color: #283593 !important;
}

.border-left-blue {
    border-left-color: #03a9f4 !important;
}

.border-left-blue-300 {
    border-left-color: #4fc3f7 !important;
}

.border-left-blue-400 {
    border-left-color: #29b6f6 !important;
}

.border-left-blue-600 {
    border-left-color: #039be5 !important;
}

.border-left-blue-700 {
    border-left-color: #0288d1 !important;
}

.border-left-blue-800 {
    border-left-color: #0277bd !important;
}

.border-left-teal {
    border-left-color: #009688 !important;
}

.border-left-teal-300 {
    border-left-color: #4db6ac !important;
}

.border-left-teal-400 {
    border-left-color: #26a69a !important;
}

.border-left-teal-600 {
    border-left-color: #00897b !important;
}

.border-left-teal-700 {
    border-left-color: #00796b !important;
}

.border-left-teal-800 {
    border-left-color: #00695c !important;
}

.border-left-green {
    border-left-color: #8bc34a !important;
}

.border-left-green-300 {
    border-left-color: #aed581 !important;
}

.border-left-green-400 {
    border-left-color: #9ccc65 !important;
}

.border-left-green-600 {
    border-left-color: #7cb342 !important;
}

.border-left-green-700 {
    border-left-color: #689f38 !important;
}

.border-left-green-800 {
    border-left-color: #558b2f !important;
}

.border-left-orange {
    border-left-color: #ff9800 !important;
}

.border-left-orange-300 {
    border-left-color: #ffb74d !important;
}

.border-left-orange-400 {
    border-left-color: #ffa726 !important;
}

.border-left-orange-600 {
    border-left-color: #fb8c00 !important;
}

.border-left-orange-700 {
    border-left-color: #f57c00 !important;
}

.border-left-orange-800 {
    border-left-color: #ef6c00 !important;
}

.border-left-brown {
    border-left-color: #795548 !important;
}

.border-left-brown-300 {
    border-left-color: #a1887f !important;
}

.border-left-brown-400 {
    border-left-color: #8d6e63 !important;
}

.border-left-brown-600 {
    border-left-color: #6d4c41 !important;
}

.border-left-brown-700 {
    border-left-color: #5d4037 !important;
}

.border-left-brown-800 {
    border-left-color: #4e342e !important;
}

.border-left-grey {
    border-left-color: #777 !important;
}

.border-left-grey-300 {
    border-left-color: #999 !important;
}

.border-left-grey-400 {
    border-left-color: #888 !important;
}

.border-left-grey-600 {
    border-left-color: #666 !important;
}

.border-left-grey-700 {
    border-left-color: #555 !important;
}

.border-left-grey-800 {
    border-left-color: #444 !important;
}

.border-left-slate {
    border-left-color: #607d8b !important;
}

.border-left-slate-300 {
    border-left-color: #90a4ae !important;
}

.border-left-slate-400 {
    border-left-color: #78909c !important;
}

.border-left-slate-600 {
    border-left-color: #546e7a !important;
}

.border-left-slate-700 {
    border-left-color: #455a64 !important;
}

.border-left-slate-800 {
    border-left-color: #37474f !important;
}

.border-left-white {
    border-left-color: #fff !important;
}

.border-right-primary {
    border-right-color: #2196f3 !important;
}

.border-right-primary-300 {
    border-right-color: #64b5f6 !important;
}

.border-right-primary-400 {
    border-right-color: #42a5f5 !important;
}

.border-right-primary-600 {
    border-right-color: #1e88e5 !important;
}

.border-right-primary-700 {
    border-right-color: #1976d2 !important;
}

.border-right-primary-800 {
    border-right-color: #1565c0 !important;
}

.border-right-danger {
    border-right-color: #f44336 !important;
}

.border-right-danger-300 {
    border-right-color: #e57373 !important;
}

.border-right-danger-400 {
    border-right-color: #ef5350 !important;
}

.border-right-danger-600 {
    border-right-color: #e53935 !important;
}

.border-right-danger-700 {
    border-right-color: #d32f2f !important;
}

.border-right-danger-800 {
    border-right-color: #c62828 !important;
}

.border-right-success {
    border-right-color: #4caf50 !important;
}

.border-right-success-300 {
    border-right-color: #81c784 !important;
}

.border-right-success-400 {
    border-right-color: #66bb6a !important;
}

.border-right-success-600 {
    border-right-color: #43a047 !important;
}

.border-right-success-700 {
    border-right-color: #388e3c !important;
}

.border-right-success-800 {
    border-right-color: #2e7d32 !important;
}

.border-right-warning {
    border-right-color: #ff5722 !important;
}

.border-right-warning-300 {
    border-right-color: #ff8a65 !important;
}

.border-right-warning-400 {
    border-right-color: #ff7043 !important;
}

.border-right-warning-600 {
    border-right-color: #f4511e !important;
}

.border-right-warning-700 {
    border-right-color: #e64a19 !important;
}

.border-right-warning-800 {
    border-right-color: #d84315 !important;
}

.border-right-info {
    border-right-color: #00bcd4 !important;
}

.border-right-info-300 {
    border-right-color: #4dd0e1 !important;
}

.border-right-info-400 {
    border-right-color: #26c6da !important;
}

.border-right-info-600 {
    border-right-color: #00acc1 !important;
}

.border-right-info-700 {
    border-right-color: #0097a7 !important;
}

.border-right-info-800 {
    border-right-color: #00838f !important;
}

.border-right-pink {
    border-right-color: #e91e63 !important;
}

.border-right-pink-300 {
    border-right-color: #f06292 !important;
}

.border-right-pink-400 {
    border-right-color: #ec407a !important;
}

.border-right-pink-600 {
    border-right-color: #d81b60 !important;
}

.border-right-pink-700 {
    border-right-color: #c2185b !important;
}

.border-right-pink-800 {
    border-right-color: #ad1457 !important;
}

.border-right-violet {
    border-right-color: #9c27b0 !important;
}

.border-right-violet-300 {
    border-right-color: #ba68c8 !important;
}

.border-right-violet-400 {
    border-right-color: #ab47bc !important;
}

.border-right-violet-600 {
    border-right-color: #8e24aa !important;
}

.border-right-violet-700 {
    border-right-color: #7b1fa2 !important;
}

.border-right-violet-800 {
    border-right-color: #6a1b9a !important;
}

.border-right-purple {
    border-right-color: #673ab7 !important;
}

.border-right-purple-300 {
    border-right-color: #9575cd !important;
}

.border-right-purple-400 {
    border-right-color: #7e57c2 !important;
}

.border-right-purple-600 {
    border-right-color: #5e35b1 !important;
}

.border-right-purple-700 {
    border-right-color: #512da8 !important;
}

.border-right-purple-800 {
    border-right-color: #4527a0 !important;
}

.border-right-indigo {
    border-right-color: #3f51b5 !important;
}

.border-right-indigo-300 {
    border-right-color: #7986cb !important;
}

.border-right-indigo-400 {
    border-right-color: #5c6bc0 !important;
}

.border-right-indigo-600 {
    border-right-color: #3949ab !important;
}

.border-right-indigo-700 {
    border-right-color: #303f9f !important;
}

.border-right-indigo-800 {
    border-right-color: #283593 !important;
}

.border-right-blue {
    border-right-color: #03a9f4 !important;
}

.border-right-blue-300 {
    border-right-color: #4fc3f7 !important;
}

.border-right-blue-400 {
    border-right-color: #29b6f6 !important;
}

.border-right-blue-600 {
    border-right-color: #039be5 !important;
}

.border-right-blue-700 {
    border-right-color: #0288d1 !important;
}

.border-right-blue-800 {
    border-right-color: #0277bd !important;
}

.border-right-teal {
    border-right-color: #009688 !important;
}

.border-right-teal-300 {
    border-right-color: #4db6ac !important;
}

.border-right-teal-400 {
    border-right-color: #26a69a !important;
}

.border-right-teal-600 {
    border-right-color: #00897b !important;
}

.border-right-teal-700 {
    border-right-color: #00796b !important;
}

.border-right-teal-800 {
    border-right-color: #00695c !important;
}

.border-right-green {
    border-right-color: #8bc34a !important;
}

.border-right-green-300 {
    border-right-color: #aed581 !important;
}

.border-right-green-400 {
    border-right-color: #9ccc65 !important;
}

.border-right-green-600 {
    border-right-color: #7cb342 !important;
}

.border-right-green-700 {
    border-right-color: #689f38 !important;
}

.border-right-green-800 {
    border-right-color: #558b2f !important;
}

.border-right-orange {
    border-right-color: #ff9800 !important;
}

.border-right-orange-300 {
    border-right-color: #ffb74d !important;
}

.border-right-orange-400 {
    border-right-color: #ffa726 !important;
}

.border-right-orange-600 {
    border-right-color: #fb8c00 !important;
}

.border-right-orange-700 {
    border-right-color: #f57c00 !important;
}

.border-right-orange-800 {
    border-right-color: #ef6c00 !important;
}

.border-right-brown {
    border-right-color: #795548 !important;
}

.border-right-brown-300 {
    border-right-color: #a1887f !important;
}

.border-right-brown-400 {
    border-right-color: #8d6e63 !important;
}

.border-right-brown-600 {
    border-right-color: #6d4c41 !important;
}

.border-right-brown-700 {
    border-right-color: #5d4037 !important;
}

.border-right-brown-800 {
    border-right-color: #4e342e !important;
}

.border-right-grey {
    border-right-color: #777 !important;
}

.border-right-grey-300 {
    border-right-color: #999 !important;
}

.border-right-grey-400 {
    border-right-color: #888 !important;
}

.border-right-grey-600 {
    border-right-color: #666 !important;
}

.border-right-grey-700 {
    border-right-color: #555 !important;
}

.border-right-grey-800 {
    border-right-color: #444 !important;
}

.border-right-slate {
    border-right-color: #607d8b !important;
}

.border-right-slate-300 {
    border-right-color: #90a4ae !important;
}

.border-right-slate-400 {
    border-right-color: #78909c !important;
}

.border-right-slate-600 {
    border-right-color: #546e7a !important;
}

.border-right-slate-700 {
    border-right-color: #455a64 !important;
}

.border-right-slate-800 {
    border-right-color: #37474f !important;
}

.border-right-white {
    border-right-color: #fff !important;
}

.text-primary, .text-primary:focus, .text-primary:hover {
    color: #2196f3 !important;
}

.text-primary-300, .text-primary-300:focus, .text-primary-300:hover {
    color: #2196f3 !important;
}

.text-primary-400, .text-primary-400:focus, .text-primary-400:hover {
    color: #42a5f5 !important;
}

.text-primary-600, .text-primary-600:focus, .text-primary-600:hover {
    color: #1e88e5 !important;
}

.text-primary-700, .text-primary-700:focus, .text-primary-700:hover {
    color: #1976d2 !important;
}

.text-primary-800, .text-primary-800:focus, .text-primary-800:hover {
    color: #1565c0 !important;
}

.text-danger, .text-danger:focus, .text-danger:hover {
    color: #f44336 !important;
}

.text-danger-300, .text-danger-300:focus, .text-danger-300:hover {
    color: #e57373 !important;
}

.text-danger-400, .text-danger-400:focus, .text-danger-400:hover {
    color: #ef5350 !important;
}

.text-danger-600, .text-danger-600:focus, .text-danger-600:hover {
    color: #e53935 !important;
}

.text-danger-700, .text-danger-700:focus, .text-danger-700:hover {
    color: #d32f2f !important;
}

.text-danger-800, .text-danger-800:focus, .text-danger-800:hover {
    color: #c62828 !important;
}

.text-success, .text-success:focus, .text-success:hover {
    color: #4caf50 !important;
}

.text-success-300, .text-success-300:focus, .text-success-300:hover {
    color: #81c784 !important;
}

.text-success-400, .text-success-400:focus, .text-success-400:hover {
    color: #66bb6a !important;
}

.text-success-600, .text-success-600:focus, .text-success-600:hover {
    color: #43a047 !important;
}

.text-success-700, .text-success-700:focus, .text-success-700:hover {
    color: #388e3c !important;
}

.text-success-800, .text-success-800:focus, .text-success-800:hover {
    color: #2e7d32 !important;
}

.text-warning, .text-warning:focus, .text-warning:hover {
    color: #ff5722 !important;
}

.text-warning-300, .text-warning-300:focus, .text-warning-300:hover {
    color: #ff8a65 !important;
}

.text-warning-400, .text-warning-400:focus, .text-warning-400:hover {
    color: #ff7043 !important;
}

.text-warning-600, .text-warning-600:focus, .text-warning-600:hover {
    color: #f4511e !important;
}

.text-warning-700, .text-warning-700:focus, .text-warning-700:hover {
    color: #e64a19 !important;
}

.text-warning-800, .text-warning-800:focus, .text-warning-800:hover {
    color: #d84315 !important;
}

.text-info, .text-info:focus, .text-info:hover {
    color: #00bcd4 !important;
}

.text-info-300, .text-info-300:focus, .text-info-300:hover {
    color: #4dd0e1 !important;
}

.text-info-400, .text-info-400:focus, .text-info-400:hover {
    color: #26c6da !important;
}

.text-info-600, .text-info-600:focus, .text-info-600:hover {
    color: #00acc1 !important;
}

.text-info-700, .text-info-700:focus, .text-info-700:hover {
    color: #0097a7 !important;
}

.text-info-800, .text-info-800:focus, .text-info-800:hover {
    color: #00838f !important;
}

.text-pink, .text-pink:focus, .text-pink:hover {
    color: #e91e63 !important;
}

.text-pink-300, .text-pink-300:focus, .text-pink-300:hover {
    color: #f06292 !important;
}

.text-pink-400, .text-pink-400:focus, .text-pink-400:hover {
    color: #ec407a !important;
}

.text-pink-600, .text-pink-600:focus, .text-pink-600:hover {
    color: #d81b60 !important;
}

.text-pink-700, .text-pink-700:focus, .text-pink-700:hover {
    color: #c2185b !important;
}

.text-pink-800, .text-pink-800:focus, .text-pink-800:hover {
    color: #ad1457 !important;
}

.text-violet, .text-violet:focus, .text-violet:hover {
    color: #9c27b0 !important;
}

.text-violet-300, .text-violet-300:focus, .text-violet-300:hover {
    color: #ba68c8 !important;
}

.text-violet-400, .text-violet-400:focus, .text-violet-400:hover {
    color: #ab47bc !important;
}

.text-violet-600, .text-violet-600:focus, .text-violet-600:hover {
    color: #8e24aa !important;
}

.text-violet-700, .text-violet-700:focus, .text-violet-700:hover {
    color: #7b1fa2 !important;
}

.text-violet-800, .text-violet-800:focus, .text-violet-800:hover {
    color: #6a1b9a !important;
}

.text-purple, .text-purple:focus, .text-purple:hover {
    color: #673ab7 !important;
}

.text-purple-300, .text-purple-300:focus, .text-purple-300:hover {
    color: #9575cd !important;
}

.text-purple-400, .text-purple-400:focus, .text-purple-400:hover {
    color: #7e57c2 !important;
}

.text-purple-600, .text-purple-600:focus, .text-purple-600:hover {
    color: #5e35b1 !important;
}

.text-purple-700, .text-purple-700:focus, .text-purple-700:hover {
    color: #512da8 !important;
}

.text-purple-800, .text-purple-800:focus, .text-purple-800:hover {
    color: #4527a0 !important;
}

.text-indigo, .text-indigo:focus, .text-indigo:hover {
    color: #3f51b5 !important;
}

.text-indigo-300, .text-indigo-300:focus, .text-indigo-300:hover {
    color: #7986cb !important;
}

.text-indigo-400, .text-indigo-400:focus, .text-indigo-400:hover {
    color: #5c6bc0 !important;
}

.text-indigo-600, .text-indigo-600:focus, .text-indigo-600:hover {
    color: #3949ab !important;
}

.text-indigo-700, .text-indigo-700:focus, .text-indigo-700:hover {
    color: #303f9f !important;
}

.text-indigo-800, .text-indigo-800:focus, .text-indigo-800:hover {
    color: #283593 !important;
}

.text-blue, .text-blue:focus, .text-blue:hover {
    color: #03a9f4 !important;
}

.text-blue-300, .text-blue-300:focus, .text-blue-300:hover {
    color: #4fc3f7 !important;
}

.text-blue-400, .text-blue-400:focus, .text-blue-400:hover {
    color: #29b6f6 !important;
}

.text-blue-600, .text-blue-600:focus, .text-blue-600:hover {
    color: #039be5 !important;
}

.text-blue-700, .text-blue-700:focus, .text-blue-700:hover {
    color: #0288d1 !important;
}

.text-blue-800, .text-blue-800:focus, .text-blue-800:hover {
    color: #0277bd !important;
}

.text-teal, .text-teal:focus, .text-teal:hover {
    color: #009688 !important;
}

.text-teal-300, .text-teal-300:focus, .text-teal-300:hover {
    color: #4db6ac !important;
}

.text-teal-400, .text-teal-400:focus, .text-teal-400:hover {
    color: #26a69a !important;
}

.text-teal-600, .text-teal-600:focus, .text-teal-600:hover {
    color: #00897b !important;
}

.text-teal-700, .text-teal-700:focus, .text-teal-700:hover {
    color: #00796b !important;
}

.text-teal-800, .text-teal-800:focus, .text-teal-800:hover {
    color: #00695c !important;
}

.text-green, .text-green:focus, .text-green:hover {
    color: #8bc34a !important;
}

.text-green-300, .text-green-300:focus, .text-green-300:hover {
    color: #aed581 !important;
}

.text-green-400, .text-green-400:focus, .text-green-400:hover {
    color: #9ccc65 !important;
}

.text-green-600, .text-green-600:focus, .text-green-600:hover {
    color: #7cb342 !important;
}

.text-green-700, .text-green-700:focus, .text-green-700:hover {
    color: #689f38 !important;
}

.text-green-800, .text-green-800:focus, .text-green-800:hover {
    color: #558b2f !important;
}

.text-orange, .text-orange:focus, .text-orange:hover {
    color: #ff9800 !important;
}

.text-orange-300, .text-orange-300:focus, .text-orange-300:hover {
    color: #ffb74d !important;
}

.text-orange-400, .text-orange-400:focus, .text-orange-400:hover {
    color: #ffa726 !important;
}

.text-orange-600, .text-orange-600:focus, .text-orange-600:hover {
    color: #fb8c00 !important;
}

.text-orange-700, .text-orange-700:focus, .text-orange-700:hover {
    color: #f57c00 !important;
}

.text-orange-800, .text-orange-800:focus, .text-orange-800:hover {
    color: #ef6c00 !important;
}

.text-brown, .text-brown:focus, .text-brown:hover {
    color: #795548 !important;
}

.text-brown-300, .text-brown-300:focus, .text-brown-300:hover {
    color: #a1887f !important;
}

.text-brown-400, .text-brown-400:focus, .text-brown-400:hover {
    color: #8d6e63 !important;
}

.text-brown-600, .text-brown-600:focus, .text-brown-600:hover {
    color: #6d4c41 !important;
}

.text-brown-700, .text-brown-700:focus, .text-brown-700:hover {
    color: #5d4037 !important;
}

.text-brown-800, .text-brown-800:focus, .text-brown-800:hover {
    color: #4e342e !important;
}

.text-grey, .text-grey:focus, .text-grey:hover {
    color: #777 !important;
}

.text-grey-100, .text-grey-100:focus, .text-grey-100:hover {
    color: #dddddd !important;
}

.text-grey-200, .text-grey-200:focus, .text-grey-200:hover {
    color: #bababa !important;
}

.text-grey-300, .text-grey-300:focus, .text-grey-300:hover {
    color: #999 !important;
}

.text-grey-400, .text-grey-400:focus, .text-grey-400:hover {
    color: #888 !important;
}

.text-grey-500, .text-grey-500:focus, .text-grey-500:hover {
    color: #72777a;
}

.text-grey-600, .text-grey-600:focus, .text-grey-600:hover {
    color: #666 !important;
}

.text-grey-700, .text-grey-700:focus, .text-grey-700:hover {
    color: #555 !important;
}

.text-grey-800, .text-grey-800:focus, .text-grey-800:hover {
    color: #444 !important;
}

.text-slate, .text-slate:focus, .text-slate:hover {
    color: #607d8b !important;
}

.text-slate-300, .text-slate-300:focus, .text-slate-300:hover {
    color: #90a4ae !important;
}

.text-slate-400, .text-slate-400:focus, .text-slate-400:hover {
    color: #78909c !important;
}

.text-slate-600, .text-slate-600:focus, .text-slate-600:hover {
    color: #546e7a !important;
}

.text-slate-700, .text-slate-700:focus, .text-slate-700:hover {
    color: #455a64 !important;
}

.text-slate-800, .text-slate-800:focus, .text-slate-800:hover {
    color: #37474f !important;
}

.text-white, .text-white:focus, .text-white:hover {
    color: #fff !important;
}

.text-default, .text-default:focus, .text-default:hover {
    color: #333 !important;
}

.text-dark {
    color: #011329;
}
.text-dark2{
    color: #32325d;
}

.text-grey2 {
    color: #72777a;
}

.legitRipple {
    position: relative;
    overflow: hidden;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.legitRipple-ripple {
    position: absolute;
    width: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    will-change: transform,width,opacity;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: width .2s linear,opacity .5s ease-out;
    -o-transition: width .2s linear,opacity .5s ease-out;
    transition: width .2s linear,opacity .5s ease-out;
}

    .legitRipple-ripple:before {
        content: "";
        padding-top: 100%;
        display: block;
    }


.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.font-style-normal {
    font-style:normal;
}
.font-weight100 {
    font-weight: 100 !important;
}

.font-weight300 {
    font-weight: 300 !important;
}

.font-weight400 {
    font-weight: 400 !important;
}

.font-weight500 {
    font-weight: 500 !important;
}

.font-weight600 {
    font-weight: 600 !important;
}

.font-weight700 {
    font-weight: 700 !important;
}

.font-weight800 {
    font-weight: 800 !important;
}

.font-weight900 {
    font-weight: 900 !important;
}

.img-responsive-only {
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
}

.goTop {
    width: 45px;
}

.no-border {
    border: 0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(236, 240, 243);
}

.card {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border: 1px solid #e1e8ed;
}

    .card.with-shadow {
        -webkit-box-shadow: 0 0.125rem 0.8rem rgba(0, 34, 68, 0.15);
        box-shadow: 0 0.125rem 0.8rem rgba(0, 34, 68, 0.15);
        border: 0;
        border-top: 1px solid #e1e8ed;
    }

    .card .card-header {
        background-color: inherit;
        border-bottom: 1px solid #e1e8ed;
        position: relative;
        color: #002f5f;
        font-weight: 500;
        font-size:15px;
    }

.card-header > i {
    font-size: 12px;
    margin-right: 1rem;
    color: #72777a;
}

.card-footer {
    background-color: rgba(225, 232, 236, 0.36);
    border-top: 1px solid #e1e8ed;
}

    .card-footer.no-border {
        border: 0;
        background: none;
    }
@media (max-width:576px) {
    .card .card-header {
        padding: .75rem 0.7rem;
    }
    .card-body {
        padding: 0.7rem;
    }

}
.badge {
    font-weight: 400;
    padding: .4em .4em .3em .4em;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.badge-success {
    color: #fff;
    background-color: #4caf50;
}

.badge-danger {
    color: #fff;
    background-color: #f44336;
}

.badge-warning {
    color: #111;
    background-color: #ffeb3b;
}

.badge-info {
    color: #fff;
    background-color: #00bcd4;
}

.badge-pink {
    background-color: #e91e63;
    color: #fff;
}

.badge-purple {
    background-color: #673ab7;
    color: #fff;
}

.badge-orange {
    background-color: #f57c00;
    color: #fff;
}

.badge-lg, .badge-sm {
    padding: 15px;
    border-radius: 10em;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
}

.badge-sm {
    font-size: 12px;
    padding: 11px 12px;
}

.badge-lg-green {
    background-color: #e8f5e9;
    color: #4caf50;
}

.badge-lg-purple {
    background-color: #f3e5f5;
    color: #9c27b0;
}

.badge-lg-red {
    background-color: #ffebee;
    color: #f44336;
}

.badge-lg-blue {
    background-color: #e3f2fd;
    color: #2196f3;
}

.badge-lg-pink {
    background-color: #fce4ec;
    color: #c2185b;
}

.badge-lg-orange {
    background-color: #fff3e0;
    color: #f57c00;
}

.badge-lg-yellow {
    background-color: #fffde7;
    color: #fbc02d;
}

.progress {
    height: 16px;
    height: 1rem;
    overflow: hidden;
    font-size: 10.5px;
    font-size: .65625rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    height: 4px;
    background-color: #eaeef3;
    border-radius: 4px;
    margin-bottom: 0;
}

.bg-success {
    background-color: #4caf50;
}

.bg-blue {
    background-color: #03a9f4;
}

.bg-gray {
    background-color: #607d8b;
}

.bg-purple {
    background-color: #673ab7;
}

.bg-pink {
    background-color: #e91e63;
}

.br-50 {
    border-radius: 50%;
}

@media (max-width:1200px) {
    .visible-xl {
        display: none;
    }
}


/*-----------------------------------------------------------------------------------------------------------
---------------------------------------------------------radio and checkbox style---------------------------------------  
------------------------------------------------------------------------------------------------------------*/
.form-style .radio, .form-style .checkbox {
    outline: none;
    border: none;
    margin-bottom: 4px;
    padding-left: 27px;
    line-height: 31px;
    color: #333e48;
    cursor: pointer;
    text-transform: capitalize;
    margin-top: 0;
    position: relative;
    display: block;
}
table td.table-checkbox.form-style .radio, table td.table-checkbox.form-style .checkbox, table td.table-checkbox .form-style .radio, table td.table-checkbox .form-style .checkbox {
    margin-top: -12px;
}

    .form-style .radio.radio-sm {
        line-height: 13px;
        font-size: 12px;
    }

    .form-style .radio.text-white {
        color: #fff;
    }

.form-style .radio {
    text-transform: none;
}

    .form-style .radio:last-child,
    .form-style .checkbox:last-child {
        margin-bottom: 0;
    }

    .form-style .radio input,
    .form-style .checkbox input {
        position: absolute;
        left: -9999px;
    }

    .form-style .radio i,
    .form-style .checkbox i {
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        outline: none;
        border-width: 1px;
        border-style: solid;
        background: #fff;
    }

    .form-style .radio i {
        /* border-radius: 50%; */
    }

    .form-style .radio input + i:after,
    .form-style .checkbox input + i:after, .form-style .radio input + input + i:after,
    .form-style .checkbox input + input + i:after {
        position: absolute;
        opacity: 0;
        transition: opacity 0.1s;
        -o-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -webkit-transition: opacity 0.1s;
    }

    .form-style .radio input + i:after, .form-style .radio input + input + i:after {
        content: '';
        /* top: 4px; */
        /* left: 4px; */
        /* width: 5px; */
        /* height: 5px; */
        /* border-radius: 50%; */
        border: 2px solid #fff;
        border-top: none;
        border-left: none;
        width: 7px;
        height: 12px;
        position: absolute;
        top: 1px;
        left: 6px;
        content: " ";
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transform: scale(0.7) rotate(45deg);
        -ms-transform: scale(0.7) rotate(45deg);
        transform: scale(0.7) rotate(45deg);
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

.form-style .checkbox input + i:after, .form-style .checkbox input + input + i:after {
    /*content: '';
    top: 3px;
    left: 2px;
    width: 10px;
    height: 7px;
    background: url('tick.png') no-repeat;
    text-align: center;*/
    content: '';
    /* top: 4px; */
    /* left: 4px; */
    /* width: 5px; */
    /* height: 5px; */
    /* border-radius: 50%; */
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    width: 7px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 6px;
    content: " ";
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: scale(0.7) rotate(45deg);
    -ms-transform: scale(0.7) rotate(45deg);
    transform: scale(0.7) rotate(45deg);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.form-style .radio input:checked + i:after,
.form-style .checkbox input:checked + i:after,
.form-style .radio input:checked + input + i:after,
.form-style .checkbox input:checked + input + i:after {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form-style.form-inline .radio, .form-style.form-inline .checkbox {
    margin-right: 15px;
}
.form-style .inline-group {
    margin: 0 -30px -4px 0;
}

    .form-style .inline-group:after {
        content: '';
        display: table;
        clear: both;
    }

    .form-style .inline-group .radio,
    .form-style .inline-group .checkbox {
        float: left;
        margin-right: 30px;
    }

        .form-style .inline-group .radio:last-child,
        .form-style .inline-group .checkbox:last-child {
            margin-bottom: 4px;
        }
/* icons */

.form-style [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
/* normal state */
.form-style .radio i,
.form-style .checkbox i {
    border-color: #999;
    /* transition: border-color 0.3s; */
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    /* -webkit-transition: border-color 0.3s; */
}

/* hover state */
.form-style .radio:hover i,
.form-style .checkbox:hover i {
    border-color: #0e83dd;
    box-shadow: 0 0 5px #3BC7E2;
}

.form-style .button:hover {
    opacity: 1;
}
/* focus state */
.form-style .radio input:focus + i,
.form-style .checkbox input:focus + i, .form-style .radio input:focus + input + i,
.form-style .checkbox input:focus + input + i {
    border-color: #0e83dd;
}
/* checked state */
.form-style .radio input + i:after, .form-style .radio input + input + i:after {
}

.form-style .checkbox input + input + i:after {
    color: #0e83dd;
}

.form-style .radio input:checked + i,
.form-style .checkbox input:checked + i, .form-style .radio input:checked + input + i,
.form-style .checkbox input:checked + input + i {
    background: #333;
    border-color: #0e83dd;
}

.bgGray {
    color: #dbe0e6;
}

.borderT {
    border-top: 1px solid #d3d3d3;
}
/*------------------------------------------------------end--radio and checkbox style-------------------------------------*/



.fade {
    transition: opacity .15s linear;
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /*opacity: 0;*/
    display: none;
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

    .toast-header .close:focus, .toast-header .close:active {
        outline: none;
        box-shadow: none;
    }

    .toast-header p {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 0.95rem;
    }

.toast-body {
    padding: .75rem;
    max-height: 300px;
    overflow-y: auto;
    overflow-x:hidden;
}

.toast.show {
    display: block;
    opacity: 1;
}

.round-img {
    background: #efeff1;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    color: #fff;
}

    .round-img i {
        font-size: 22px;
        padding: 0;
        font-style: normal;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 40px;
    }

.mand {
}

.form-group.mand .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top: 8px;
    height: 12px;
    right: -15px;
    background: #fff;
    font-size: 15px;
    width: 15px;
}


.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    margin-bottom: 0;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f44336;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch input:checked + .slider {
        background-color: #6cbc0f;
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #6cbc0f;
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(21px);
        -ms-transform: translateX(21px);
        transform: translateX(21px);
    }

    /* Rounded sliders */
    .switch .slider.round {
        border-radius: 28px;
    }

        .switch .slider.round:before {
            border-radius: 50%;
        }

.bg-dark-blue {
    background: #003367;
    color: #fff;
}

.row.row-sm {
    margin-right: -3px;
    margin-left: -3px;
}

    .row.row-sm .col-lg-20, .row.row-sm .col-md-20, .row.row-sm .col-sm-20, .row.row-sm .col-xs-20, .row.row-sm .col, .row.row-sm .col-1, .row.row-sm .col-10, .row.row-sm .col-11, .row.row-sm .col-12, .row.row-sm .col-2, .row.row-sm .col-3, .row.row-sm .col-4, .row.row-sm .col-5, .row.row-sm .col-6, .row.row-sm .col-7, .row.row-sm .col-8, .row.row-sm .col-9, .row.row-sm .col-auto, .row.row-sm .col-lg, .row.row-sm .col-lg-1, .row.row-sm .col-lg-10, .row.row-sm .col-lg-11, .row.row-sm .col-lg-12, .row.row-sm .col-lg-2, .row.row-sm .col-lg-3, .row.row-sm .col-lg-4, .row.row-sm .col-lg-5, .row.row-sm .col-lg-6, .row.row-sm .col-lg-7, .row.row-sm .col-lg-8, .row.row-sm .col-lg-9, .row.row-sm .col-lg-auto, .row.row-sm .col-md, .row.row-sm .col-md-1, .row.row-sm .col-md-10, .row.row-sm .col-md-11, .row.row-sm .col-md-12, .row.row-sm .col-md-2, .row.row-sm .col-md-3, .row.row-sm .col-md-4, .row.row-sm .col-md-5, .row.row-sm .col-md-6, .row.row-sm .col-md-7, .row.row-sm .col-md-8, .row.row-sm .col-md-9, .row.row-sm .col-md-auto, .row.row-sm .col-sm, .row.row-sm .col-sm-1, .row.row-sm .col-sm-10, .row.row-sm .col-sm-11, .row.row-sm .col-sm-12, .row.row-sm .col-sm-2, .row.row-sm .col-sm-3, .row.row-sm .col-sm-4, .row.row-sm .col-sm-5, .row.row-sm .col-sm-6, .row.row-sm .col-sm-7, .row.row-sm .col-sm-8, .row.row-sm .col-sm-9, .row.row-sm .col-sm-auto, .row.row-sm .col-xl, .row.row-sm .col-xl-1, .row.row-sm .col-xl-10, .row.row-sm .col-xl-11, .row.row-sm .col-xl-12, .row.row-sm .col-xl-2, .row.row-sm .col-xl-3, .row.row-sm .col-xl-4, .row.row-sm .col-xl-5, .row.row-sm .col-xl-6, .row.row-sm .col-xl-7, .row.row-sm .col-xl-8, .row.row-sm .col-xl-9, .row.row-sm .col-xl-auto {
        padding-right: 3px;
        padding-left: 3px;
    }


.col-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xl-20 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .col-sm-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-xl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.calHiddenField, .admin-table input.calHiddenField {
    background: transparent;
    border: 0;
    font-size: 10px;
    margin-left: 5px;
}

    .calHiddenField:focus, .calHiddenField:active {
        outline: none;
        box-shadow: none;
    }


/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #6cbc0f;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    transform: translateX(22px);
}

.close-btn {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    border-radius: 0;
    border-top-right-radius: 3px;
    background: #e32525;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > i.fa {
            font-size: 2.5em; /* Change the size of the stars */
            color: #ccc; /* Color on idle state */
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC36;
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > i.fa {
            color: #FF912C;
        }


#loaderdiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #fff;
	opacity: .8;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 230px;
    width: 150px;
    margin-left: -32px; /* -1 * image width / 2 */
    display: block;
}



.Profile-page {
	background: linear-gradient(to right, #1c2237, #4b5b8c);
	padding-bottom: 70px;
}

.profile-headingContent h5 {
	color: #fff;
}

.text-white-100 {
	color: #ffffffb5;
}

.profile-file-name {
    color: #ece6f5;
    margin: 0;
    margin-top: 15px;
}

.profile-img {
    position: relative;
    width: 100px;
    height: 100px;
    background: #ece6f5;
    border-radius: 50%;
    margin: 0 30px;
}

    .profile-img img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .profile-img .editBtn {
        position: absolute;
        left: 39px;
        background: #ffffffeb;
        padding: 1px 5px;
        border-radius: 8px;
        bottom: -11px;
        border: 0;
        cursor: pointer;
    }

        .profile-img .editBtn:focus {
            outline: none;
            box-shadow: none;
        }

.profile-action {
    margin-left: 30px;
}

.profile-feild {
	margin-top: -65px;
}

.cls-cursorDefault {
	cursor: default !important;
}

.cls-cursorPointer {
	cursor: pointer !important;
}
.custom-file-label {
    border-radius: 0;
    border: 0;
    background-image: linear-gradient(#e72e6c, #ec4079), linear-gradient(#bcc7d2, #99a7b5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.21);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 0px);
    background-color: #fff;
    padding: .6rem .75rem;
}
    .custom-file-label::after {
        padding: .6rem .75rem;
    }
/**************************************************
             Canender  **********************/

/*#external-events {
                                    float: left;
                                    width: 150px;
                                    padding: 0 10px;
                                    text-align: left;
                                    }
                            
                                #external-events h4 {
                                    font-size: 16px;
                                    margin-top: 0;
                                    padding-top: 1em;
                                    }
                            
                                .external-event {
                                    margin: 10px 0;
                                    padding: 2px 4px;
                                    background: #3366CC;
                                    color: #fff;
                                    font-size: .85em;
                                    cursor: pointer;
                                    }
                            
                                #external-events p {
                                    margin: 1.5em 0;
                                    font-size: 11px;
                                    color: #666;
                                    }
                            
                                #external-events p input {
                                    margin: 0;
                                    vertical-align: middle;
                                    }
                            
                                #calendar {
                                    margin: 0 auto;
                                    width: 900px;
                                    background-color: #FFFFFF;
                                      border-radius: 6px;
                                    box-shadow: 0 1px 2px #C3C3C3;
                                }*/


/*******************Appointment*********************/
Appointmentbox {
    position: relative;
}

.Appointmentbox {
    padding-left: 30px;
    padding-right: 30px;
}

    .Appointmentbox .content-block {
        position: relative;
        /* top: 50%; */
        /* left: 70%; */
        transform: translate(-2px,-2px);
        width: 100%;
        height: 240px;
        cursor: pointer;
        transform-style: preserve-3d;
        transition: 0.5s;
    }

        .Appointmentbox .content-block:hover {
            transform: translate(0,0) rotateY(-30deg) skewY(5deg);
        }

        .Appointmentbox .content-block:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            border-top: 20px solid #04168c;
            border-left: 20px solid #071e9f;
            box-sizing: border-box;
        }

        .Appointmentbox .content-block:after {
            content: '';
            position: absolute;
            top: 0;
            /*left: 0;*/
            right: -10px;
            width: Calc(100% + 10px);
            /*width:20px;*/
            height: 100%;
            background: transparent;
            border-bottom: 20px solid #0b28b9;
            border-right: 20px solid #0820a4;
            box-sizing: border-box;
        }

        .Appointmentbox .content-block .appointment-content {
            position: absolute;
            top: 30px;
            left: -30px;
            background: linear-gradient(to right, #1239e4, #04168a);
            background: linear-gradient(to right, #3657e8, #18299a);
            width: calc(100% + 60px);
            height: calc(100% - 60px);
            transition: 0.5s;
        }

        .Appointmentbox .content-block:hover .appointment-content {
            transform: rotateY(30deg) skewY(-5deg);
        }

.appointment-content .info {
    width: 100%;
    padding: 25px 15px 5px 15px;
    box-sizing: border-box;
    text-align: center;
}

    .appointment-content .info h4 {
        margin: 0 0 4px;
        padding: 0;
        color: #fff;
    }

    .appointment-content .info p {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 1rem;
    }

.appointment-content .time-slot {
    color: #47efe7;
    font-size: 0.9rem;
}

.Appointmentbox .BtnGroup {
    text-align: center;
    position: absolute;
    bottom: 55px;
    width: 100%;
    left: 0;
}

    .Appointmentbox .BtnGroup .btn {
        background-color: #f8f9fa !important;
    }

        .Appointmentbox .BtnGroup .btn:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.41);
        }

        .Appointmentbox .BtnGroup .btn:hover {
            background: #fff
        }

.appointmentIcon {
    width: 50px;
    height: 50px;
    background: #ffffff;
    color: #262626;
    text-align: center;
    line-height: 50px !important;
    font-size: 20px !important;
}

    .appointmentIcon.fa1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    .appointmentIcon.fa2 {
        position: absolute;
        bottom: 0;
        right: -10px;
        z-index: 1;
    }

.Appointmentbox-wrap .add-time {
    background: #fffffffc;
    position: absolute;
    top: 28px;
    left: 13px;
    right: 16px;
    box-shadow: 3px 3px 15px #19181821;
    border-radius: 0;
    border: 1px solid #04168c;
}

    .Appointmentbox-wrap .add-time button.close {
        position: absolute;
        right: -26px;
        top: -29px;
        font-size: 1.6rem;
        color: #ff3021;
        opacity: 1;
        font-weight: normal;
        -webkit-box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5);
        box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5);
        height: 24px;
        width: 24px;
        border-radius: 50%;
        background: #ffffff;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #ff3021;
    opacity: 1;
    -webkit-box-shadow: 0 6px 20px 0 rgb(0, 0, 0);
    box-shadow: 0 6px 20px 0 rgb(0, 0, 0);
}

/************Calendar*************/
.calendar {
    margin: 0px 40px;
}

.popover.calendar-event-popover {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: rgb(120, 120, 120);
    border-radius: 2px;
    max-width: 300px;
}

    .popover.calendar-event-popover h4 {
        font-size: 14px;
        font-weight: 900;
    }

    .popover.calendar-event-popover .location,
    .popover.calendar-event-popover .datetime {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px;
    }

        .popover.calendar-event-popover .location > span,
        .popover.calendar-event-popover .datetime > span {
            margin-right: 10px;
        }

    .popover.calendar-event-popover .space,
    .popover.calendar-event-popover .attending {
        margin-top: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgb(160, 160, 160);
        font-weight: 700;
    }

        .popover.calendar-event-popover .space > .pull-right,
        .popover.calendar-event-popover .attending > .pull-right {
            font-weight: 400;
        }

    .popover.calendar-event-popover .attending {
        margin-top: 5px;
        font-size: 18px;
        padding: 0px 10px 5px;
    }

/***********************************************************
    Gallery page
/**********************************************************/
.image-gallery a.image-block {
    /*width: 250px;*/
    overflow: hidden;
    display: block;
    margin-bottom: 0;
    border-radius: 5px;
    min-height: 80px;
    border: 2px solid #57869e;
}
    .image-gallery a.image-block img {
        min-height: 80px;
        width: 100%;
    }
    .image-gallery a.image-block span img {
        min-height: initial;
        width: 100%;
    }
    .image-gallery.with-content a.image-block {
    border-radius: 5px 5px 0 0;
}
/*.image-gallery a.image-block img{
    min-height:100%;
}*/
.image-gallery .gallry-block {
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 1rem;
    display: inline-block;
}

    .image-gallery .gallry-block .content-block {
        position: relative;
        padding: 15px;
        -webkit-box-shadow: 0 0 15px 0 rgba(67, 67, 67, 0.3);
        box-shadow: 0 0 15px 0 rgba(67, 67, 67, 0.3);
        border-radius: 0 0 5px 5px;
        background: #fff;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
    }

        .image-gallery .gallry-block .content-block h5 {
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .image-gallery .gallry-block .content-block p {
            font-size: 0.8rem;
            line-height: 1.5;
            height: 38px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            -o-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

        .image-gallery .gallry-block .content-block .pop-btn {
            padding: 10px;
            position: absolute;
            height: 34px;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            font-size: 21px;
        }

@media (max-width: 1400px) {
    .image-gallery .gallry-block .content-block {
        padding: 10px 15px;
    }
    /*.image-gallery a.image-block {
        height: 130px;
    }*/
}
/*@media (max-width: 1200px) {
    .image-gallery a.image-block {
        height: 150px;
    }
}*/
@media (max-width: 992px) {
    .image-gallery h5 {
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .image-gallery a.image-block {
        width: 100%;
    }

    .image-gallery h5 {
        font-size: 1rem;
    }
}
/*@media (max-width: 576px) {
    .image-gallery a.image-block {
        width: 150px;
    }
}
@media (max-width: 385px) {
    .image-gallery a.image-block {
        width: 115px;
    }
}*/
.imgplay {
    position: relative;
}

    .imgplay span {
        position: absolute;
        display: block;
        width: 30%;
        top: 24%;
        left: 36%;
        background: #7dc0e2;
        border-radius: 50%;
    }