/*------------------------------------------------------------------
[Custom Template Stylesheet]

Project:	Kudo - Onepage Html Responsive Template
Version:	1.1
Primary use:	Kudo - Onepage Html Responsive Template 
-------------------------------------------------------------------*/

/*add your style css here*/

.ui-widget-overlay {
    background: #000000;
    opacity: .70;
    filter: Alpha(Opacity=70);
}

.ui-slider .ui-slider-handle {
    background: black;
}

.overFlowWrapBreakWord{
    overflow-wrap: break-word;
}

.paddingTop5px{
    padding-top: 5px;
}

.width49percent{
    width: 49%;
}

.width80percent{
    width: 80%;
}

.width75percent{
    width: 75%;
}

.cursorPointer{
    cursor: pointer;
}

.fontSize15{
    font-size: 15px;
}

.fontSize9{
    font-size: 9px;
}

.fontSize11{
    font-size: 11px;
}

.boldFont{
    font-weight: bold;
}

.alignTextLeft{
    text-align: left;
}

.alignTextCenter{
    text-align: center;
}

.alignContentCenter{
    align-content: center;
}

.ui-dialog { z-index: 1000 !important ;}

.ui-tooltip {
    padding: 10px 20px;
    border-radius: 20px;
    font: bold 10px"Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.ui-tooltip.default {/*to specify this class on a DOM element, add data-tooltipClass="default"*/
    color: #000000;/*text color*/
    background: #FFFFFF;/*background color*/
    font: bold 13px"Helvetica Neue", Sans-Serif;
}
.ui-tooltip.blackBGWhiteText {/*to specify this class on a DOM element, add data-tooltipClass="blackBGWhiteText"*/
    color: #FFFFFF;/*text color*/
    background: #000000;/*background color*/
    font: bold 14px"Helvetica Neue", Sans-Serif;
}
.ui-tooltip.danger {/*to specify this class on a DOM element, add data-tooltipClass="danger"*/
    color: #FFFFFF;/*text color*/
    background: #FF0000;/*background color*/
    font: bold 15px"Helvetica Neue", Sans-Serif;
}


@media only screen and (max-width: 991px){
    .mobilePaddingTop100px{
        padding-top: 100px;
    }

    .mobilePaddingTop70px{
        padding-top: 70px;
    }

    .mobileWidth100percent{
        width: 100%;
        display: block;
    }
}


@media only screen and (max-width: 767px){
    .mobilePaddingTop100px{
        padding-top: 100px;
    }

    .mobilePaddingTop70px{
        padding-top: 70px;
    }

    .mobileWidth100percent{
        width: 100%;
        display: block;
    }
}