/* region #335*/


@font-face {
    font-family: 'ArialSimple';
    src: url('../fonts/Arial.ttf');
    src: url('../fonts/Arial.ttf') format('truetype');
}
@font-face {
    font-family: 'ArialBlack';
    src: url('../fonts/Arial-Black.ttf');
    src: url('../fonts/Arial-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'ArialItalic';
    src: url('../fonts/Arial-Italic.ttf');
    src: url('../fonts/Arial-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'ArialBold';
    src: url('../fonts/Arial-Bold.ttf');
    src: url('../fonts/Arial-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ArialBoldItalic';
    src: url('../fonts/Arial-Bold-Italic.ttf');
    src: url('../fonts/Arial-Bold-Italic.ttf') format('truetype');
}


.arialSimple {
    font-family: 'ArialSimple';
}

.arialItalic {
    font-family: ArialItalic;
}
.arialBlack {
    font-family: ArialBlack;
}

.arialBold {
    font-family: ArialBold;
}
.arialBoldItalic {
    font-family: ArialBoldItalic;
}
@font-face {
    font-family: 'GothamRounded Bold';
    src: url('../fonts/GothamRounded-Bold.otf');
    src: url('../fonts/GothamRounded-Bold.otf') format('otf'), url('../fonts/GothamRounded-BoldItalic.otf') format('otf'),
}

@font-face {
    font-family: 'GothamRounded Book';
    src: url('../fonts/GothamRounded-Book.otf');
    src: url('../fonts/GothamRounded-Book.otf') format('otf'), url('../fonts/GothamRounded-BookItalic.otf') format('otf'),
}

@font-face {
    font-family: 'GothamRounded Light';
    src: url('../fonts/GothamRounded-Light.otf');
    src: url('../fonts/GothamRounded-Light.otf') format('otf'), url('../fonts/GothamRounded-LightItalic.otf') format('otf'),
}

@font-face {
    font-family: 'GothamRounded Medium';
    src: url('../fonts/GothamRounded-Medium.otf');
    src: url('../fonts/GothamRounded-Medium.otf') format('otf'), url('../fonts/GothamRounded-MediumItalic.otf') format('otf'),
}

.GothamRoundedBold {
    font-family: 'GothamRounded Bold';
}

.GothamRoundedBook {
    font-family: 'GothamRounded Book';
}

.GothamRoundedLight {
    font-family: 'GothamRounded Medium';
}

.GothamRoundedMedium {
    font-family: 'GothamRounded Medium';
}

.Arial-Black {
    color: #161623;
    opacity: 1.0;
}

.Arial-Gray {
    color: #161623;
    opacity: 0.1;
}

.Arial-Orange {
    color: #FF6600;
    opacity: 1.0;
}

.Arial-DegardeBluePink {
    background: linear-gradient(#1FBDDC, #FF0086);
}

.Arial-DegardeOrange {
    background: linear-gradient(#FF7A3B, #F91E47);
}

.Arial-blue {
    background-color: #2E47FF;
    opacity: 1.0;
}

.Arial-Green {
    background-color: #13BA56;
    opacity: 1.0;
}

.Arial-Red {
    background-color: #BC1919;
    opacity: 1.0;
}
.btnRoundGo {
    font-family: 'ArialBlack';
    top: 3%;
    height: 150px;
    width: 150px;
    position: relative;
    border-radius: 50%;
    /*background: linear-gradient(#1FBDDC , #FF0086);*/
    border: double 0.2em transparent;
    border-color: #FF7A3B;
    color: #FF7A3B;
    /*background-origin: border-box;*/
    background-clip: content-box, border-box;
    padding: 0px;
    animation: rotate 4s linear infinite;
}
.btnRoundouter {
    position: relative;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: double 0.2em transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, #1FBDDC, #FF0086);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0px;
    animation: rotate 4s linear infinite;
}

.btnRoundinner {
    font-family: 'ArialBlack';
    top: 3%;
    width: 94%;
    height: 94%;
    position: relative;
    border-radius: 50%;
    /*background: linear-gradient(#1FBDDC , #FF0086);*/
    border: double 0.2em transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, #FFE5F2, #FFE5F2);
    /*background-origin: border-box;*/
    background-clip: content-box, border-box;
    padding: 0px;
    animation: rotate 4s linear infinite;
}
/*********************************************************************************************/
.ui-datepicker-calendar {
    border: none;
}
.ui-datepicker table {
    width: 100%;
    border: none;
}

.ui-datepicker .ui-datepicker-header {
    color: rgba(22, 22, 35,1.0);
    background-color: rgba(22, 22, 35,0.1);
    width: 100%;
    font-size: 12px;
    font-family: ArialBlack;
    text-align: center;
}

    .ui-datepicker .ui-datepicker-title {
        text-align: center;
        font-size: 15px;
    }
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}
.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
    /*background-image: url('../Images/leftArrow.png');*/
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
    /*background-image: url('../Images/rightArrow.png');*/
}
.ui-icon, .ui-widget-header .ui-icon, .ui-widget-content .ui-icon {
    background-image: url('../Images/ui-icons_444444_256x240.png');
}

    /*.ui-datepicker .ui-datepicker-prev {
        float: left;
        cursor: pointer;
        position:absolute;
        background-position: center -30px;
        color: rgba(22, 22, 35,1.0);
        background-color: rgba(22, 22, 35,0.1);
        z-index: 99999;
    }

    .ui-datepicker .ui-datepicker-next {
        float: right;
        cursor: pointer;
        position: absolute;
        background-position: center 0px;
        color: rgba(22, 22, 35,1.0);
        background-color: rgba(22, 22, 35,0.1);
        z-index: 99999;
    }*/

.ui-state-highlight .ui-icon {
    background-color: rgba(22,22,35,0.1);
}
.ui-state-active .ui-icon {
    background-color: rgba(22,22,35,0.1);
}
/*.ui-datepicker-next {
    background-image: url('../images/rightArrow.png');
    display: normal;
}*/
.ui-datepicker thead {
    background-color: rgba(22, 22, 35,0.1);
    border: none;
    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker tbody {
    background-color: rgba(22,22,35,0.1);
    width: 100%;
    border: none;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 8pt;
    color: rgba(22, 22, 35,1.0);
    border: none;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody tr {
    border-bottom: none;
    border: none;
}

.ui-datepicker tbody td {
    /*padding: 5px;*/
    /*width: 100%;*/
    font-size: 12px;
    text-align: center;
    margin: 0px;
    border: none;

}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker .tfooter {
    display: none;
}


.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    /*font-weight: bold;*/
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: rgba(22,22,35,0.1);
    /*text-shadow: 1px 1px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}


.ui-datepicker-calendar .ui-state-default {
    background: none;
    color: rgba(255, 102, 0, 1.0);
    border: none;
}


.ui-datepicker-calendar .ui-state-hover {
    /*color: rgba(22, 22, 35, 1.0);*/
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px white;
    border-radius: 50%;
    text-shadow: 0px 1px 0px white;
    position: relative;
    margin: -1px;
    border: none;
}

.ui-datepicker-calendar .ui-state-active {
    background: rgba(22, 22, 35, 0.1);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #FF6600;
    /*color: rgba(255, 102, 0, 1.0);*/
    border-radius: 50%;
    text-shadow: 0px 1px 0px #808080; /*gray*/
    /*text-shadow: 0px 1px 0px #FF6600;*/
    position: relative;
    margin: -1px;
    border: none;
}

.ui-datepicker-unselectable .ui-state-default {
    background: none;
    color: rgba(255, 102, 0, 1.0);
    border: none;
}
/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {
    border-collapse: initial;
    border: none;
}

.ui-state-highlight td{
    background-color: rgba(22, 22, 35, 0.1);
    /*color: white;*/ /* a color that is readeable with the color above */
    color: #FF6600; /* a color that is readeable with the color above */
    border: none;
}

a.ui-state-default {
    border: none
}
/* end: jQuery UI Datepicker moving pixels fix */
/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    color: white; /* a color that is readeable with the color above */
    background-color: rgba(255, 102, 0, 1.0);
    border-radius: 50%;
    border: none;
}

    .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
        background-color: rgba(22, 22, 35, 0.1);
        color: white; /* a color that is readeable with the color above */
    }


/* end: jQuery UI Datepicker emphasis on selected dates */
i.tooltipp {
    position: relative;
    display: inline;
    text-decoration: none;
    z-index: 100000;
}

    i.tooltipp .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #bdbbbb; /*#161623;*/
        color: rgba(22, 22, 35, 1.0);
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        z-index: 100000;
        position: absolute;
        bottom: 120%;
        margin-left: 0px;
    }

    i.tooltipp:hover .tooltiptext {
        visibility: visible;
    }


.gauge-wrapper {
    text-align: center;
    width: 100%;
    margin-right: 15px;
    margin-left: 10px;
}

.gauge {
    display: block;
    margin: auto;
    width: 250px;
    height: 200px;
}

.prc {
    position: relative;
    top: 0px;
    width: 70px;
    height: 35px;
    background-color: #ddd;
    border-radius: 70px 70px 0 0;
}

    .prc span {
        position: relative;
        top: 12px;
    }
.ddlStyle {
    background-color: rgba(22, 22, 35, 0.1);
    color: rgba(22, 22, 35, 1.0);
    font-family: 'ArialBlack';
    font-size: 12px;
   /* font-weight: bold;*/
    border: 1px solid rgba(22, 22, 35, 1.0);
    border-radius: 5px;
    width: 200px;
}

.textBoxStyle {
    background-color: rgba(22, 22, 35, 0.1);
    color: rgba(22, 22, 35, 1.0);
    font-family: ArialBlack;
    font-size: 12px;
    border: 1px solid rgba(22, 22, 35, 1.0);
    border-radius: 5px;
    width: 200px;
}
.selectclass{
    color:black;
    height:100px;
    padding:10px;

}
.dvHideBtnGo {
    float: left;
    margin-top: -600px;
    overflow: hidden !important;
    width: 415px;
    border: none;
    height: 400px;
    right: 155px;
    overflow: hidden !important;
    color: white;
    background-color: white;
    position: absolute;
    opacity: 1;
}
.dvHide {
    float: left;
    margin-top: -393px;
    overflow: hidden !important;
    width: 415px;
    border: none;
    height: 400px;
    right: 155px;
    overflow: hidden !important;
    color: white;
    background-color: white;
    position: absolute;
    opacity: 1;
}
.dvHideFooter {
    border: none;
    height:300px;
    right: 0;
    width: 100%;
    margin-top: -260px;
    overflow: hidden !important;
    color: white;
    background-color: white;
    position: absolute;
    opacity: 1;
}
/*end region #335*/