@import url(https://fonts.googleapis.com/css?family=Karla|Ubuntu);


.dxProgressBarX.dxeProgressBar_Office2003Blue {
    border: 1px Solid #002d96;
    background-color: #e6eded; /* #ddecfe; */
    font: 12px Tahoma, Geneva, sans-serif;
    color: Blue;
    height: 25px;
}

.dxProgressBarIndicatorX dxr.dxe {
    background-color: #25f909 !important; /* #a6c5f0 original */ /* #25f909  green */
}

.dxGeneralControlOVERRIDE.dxtlControl_Office2003Blue {
    font-family: Arial, Helvetica, sans-serif;

}

/*
.dxePBMainCell td.dxe {
    background-image: none;
    background-color: none;
    color:blue;
}
*/

.dxpbVC {
    background-color: transparent;
    color: blue;
}


.dxpcheader.dxpc-header {
    background-color: black;
    border-bottom: 1px solid #C9C9C9;
    color: white;
    height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dxpcheadertext.dxpc-headerText {
    font-weight: normal;
}

.dxbButton_iOS.bcls {
    background-color:white;
}



.dxbButton_iOS.cls div.dxb {
    border: 0 none;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: black;
}

    .dxbButton_iOS.cls div.dxb:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }


.ExternalClass {
    width: 100%;
    background-color: #FFFFFF;
    line-height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}


table td img[class=imgresponsive] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-height: 130px;
    max-width: 186px;
}

table td img[class=imgresponsive1] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-height: 110px;
    max-width: 110px;
}

table td img[class=imgresponsive2] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

table td img[class=imgresponsive3] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-height: 36px;
    max-width: 36px;
}

table td img[class=imgresponsive4] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-height: 120px;
    max-width: 120px;
    min-height: 80px;
    min-width: 80px;
}

@media only screen and (max-width: 800px) {
    body {
        width: auto !important;
    }

    table[class=full] {
        width: 100% !important;
    }

    table[class=devicewidth] {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    table td img.responsiveimg {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

@media only screen and (max-width: 840px) {
    table[class=devicewidth] {
        width: 100% !important;
    }

    table[class=inner] {
        width: 100% !important;
        text-align: center !important;
        clear: both;
    }

    table td a[class=top-button] {
        width: 160px !important;
        font-size: 14px !important;
        line-height: 37px !important;
    }

    table td[class=readmore-button] {
        text-align: center !important;
    }

        table td[class=readmore-button] a {
            float: none !important;
            display: inline-block !important;
        }

    .hide {
        display: none !important;
    }

    table td[class=smallfont] {
        border: none !important;
        font-size: 20px !important;
    }

    table td[class=sidespace] {
        width: 20px !important;
    }
}

@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 580px) {

    table {
        border-collapse: collapse;
    }

        table td[class=template-img] img {
            width: 100% !important;
            display: block !important;
        }
}

@media only screen and (max-width: 220px) {
}


.auto-style1 {
    height: 26px;
}

/*-------------------------------------------------*/

.backgroundArea {
    /*background-color: #FFECF2;*/
    
    background: linear-gradient(white, lightgrey);
}


.backgroundAreaRose {
    background: linear-gradient(#ff6ab5, #ffecf2);
}


.backgroundAreaRose2 {
    background: linear-gradient(#ffecf2, #ff6ab5);
}

.backgroundAreaLightGray {
    background: linear-gradient(white, #f2f2f2);
}

.backgroundAreaMonoRose {
    /*background-color: #FFECF2;*/
    /* background: linear-gradient(#ffecf2, #ffecf2); #ECE4F3  #E2CBF5 */
    background: linear-gradient(#FFFFFF, #FFFFFF);
}

/* ********* LOGIN ************ */
.welc1 {
    font-size: 1.6em;
    color: #000;
    padding: 20px 15px 0 15px;
    margin: 0 0 25px 0;
}

.welc2 {
    color: #000;
    padding: 15px 10px 15px 15px;
}

.inputs_login {
    border: inset 1px #000088;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    border-radius: 4px;
    box-shadow: 3px 3px 4px #888888;
    height: 21px;
}

.inputs_login2 {
    filter: 0;
    -moz-opacity: 0.75;
    opacity: 0.75;
    border-radius: 4px;
    box-shadow: 3px 3px 4px #888888;
    height: 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
}

.inputs_login3 {
    filter: 0;
    -moz-opacity: 0.75;
    opacity: 0.75;
    border-radius: 4px;
    box-shadow: 3px 3px 4px #888888;
    height: 23px; 
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
}

.inputs_login4 {
    filter: 0;
    -moz-opacity: 0.75;
    opacity: 0.75;
    border-radius: 4px;
    box-shadow: 3px 3px 4px #888888;
    height: 21px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
}

.input_login_btn {
    background-color: deeppink;
    color: white;
    border: none;
    padding: 5px;
    border-radius: 4px;
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); */
    box-shadow: 3px 3px 4px #888888;
    background: -webkit-linear-gradient(deeppink, darkred);
    background: -moz-linear-gradient(deeppink, darkred);
    background: linear-gradient(deeppink, darkred);
}

    .input_login_btn:hover {
        background-color: black;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }



.img_onhover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    .img_onhover:hover {
        opacity: 0.6;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }

.img_onhover2 {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    
}

    .img_onhover2:hover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%) brightness(90%) contrast(80%);
        -ms-filter: grayscale(100%) brightness(90%) contrast(80%);
        /* opacity: 0.6; */
        /* filter: alpha(opacity=50);*/ /* For IE8 and earlier */
    }


    /*---------------------------------------*/
    /*--------------PopUp--------------------*/
    /*---------------------------------------*/
    .modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.modalBackgroundPesquisa {
    background-color: White;
    filter: alpha(opacity=0);
    opacity: 0.0;
    -moz-opacity: 0.00;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 0px;
    width: 250px;
    font-family: Trebuchet MS,Arial,Helvetica;
    font-size: 11px;
}

.modalPopupHeader {
    background: black; /*url(../Images/bg/Cabecalho/bg-header-blue-popup.png) repeat-x left top;*/
    position: static;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 22px;
}

.modalPopupToolbar {
    text-align: right;
    vertical-align: middle;
    border-bottom: solid 1px #475aa2;
    border-top: solid 1px #475aa2;
    padding: 4px;
    background-color: #ECF3F6;
}

td.ClosePopup {
    width: 22px;
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
}

    td.ClosePopup input[type=image] {
        cursor: pointer;
        cursor: hand;
        background-color: Transparent;
        border: none 0px;
    }


.modalPopupContent_Dialog {
    width: 99%;
    /*max-height:180px;*/
    display:block;
    
}

/* Formatações dos paineis com o conteúdo do Popup */
/* Documents */
.divContentDocumentos {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    height: expression(this.scrollHeight >= "300" ? "300" : "auto");
}

.Assunto {
    color: Black;
    font-size: 11px;
    text-align: center;
    font-family: Trebuchet MS,Arial,Helvetica;
    font-weight: bold;
    text-decoration: underline;
}

.DescricaoNoticia {
    color: Black;
    font-family: Trebuchet MS,Arial,Helvetica;
    font-size: 11px;
    height: 100%;
    max-height: 350px;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.modalPopupContent_Documents {
    width: 99%;
}

    .modalPopupContent_Documents ul.Item, ul.Item li {
        margin-left: 10px;
        list-style-type: Circle;
        background-image: none;
        padding-left: 4px;
        padding-top: 8px;
        color: #333333;
    }

    .modalPopupContent_Documents ul.subItem, ul.subItem li {
        color: #666666;
        margin-left: 5px;
        list-style-type: Disc;
        background-image: none;
        padding-left: 4px;
        padding-top: 1px;
    }

/* WorkFlow */
.modalPopupContent_WorkFlow {
    padding-top: 25px;
    border-top: solid 1px #475aa2;
}
/* ************ Hover Menu *********** */
.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: White;
}

.popupMenuBorder {
    border: 1px outset white;
    padding: 2px;
    text-align: left;
}

.popupHover {
    background-color: White;
}

.popupMenuLine {
    padding-bottom: 3px;
    width: 90px;
}

.popupMenuLink {
    color: Black;
    text-decoration: none;
    padding-bottom: 3px;
}

.popupMenuLink:hover {
    font-weight: bold;
}


.New_border {
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-image-source: linear-gradient(to right, rgb(127,40,196) -6%, rgb(226,25,124) 62%, rgb(229,35,27) 100%);
    border-image-slice: 1;
    border-image-width: 0 0 5px 0;
    /*margin-top: 2.6rem;*/
}

.New_border2 {
    border: 10px solid;
    border-image-source: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66));
    border-image-slice: 1;
}

/* GrodView Standard */
.gvRowSTD {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
    color: #666;
}


    .gvRowSTD:hover {
        /*background-color: #fff5f9;*/
        /*
        -moz-box-shadow: 0 0 10px #ff3385 inset;
        -webkit-box-shadow: 0 0 10px #ff3385 inset;
        box-shadow: 0 0 10px #ff3385 inset;
        border-collapse: collapse;
            */
        /*
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=135, Strength=3);
        
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
         */
    }

.gvRowSTDsub {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
    color: #e5004b; /* #7f28c4;  #666 */
}
    .gvRowSTDsub:hover {
        /*background-color: #fff5f9;*/
        /*
        -moz-box-shadow: 0 0 10px #ffffff inset;
        -webkit-box-shadow: 0 0 10px #ffffff inset;
        box-shadow: 0 0 10px #ffffff inset;
        border-collapse: collapse;
        */
        /*
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=135, Strength=3);
        
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
            -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
            zoom: 1;
             */
    }

.gvRow2STD{
    border-collapse: collapse; 
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 15px; 
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
    color: #666;
}

    .gvRow2STD:hover {
        /*background-color: #fff2fb;*/
        /* background-color: #FFECF2; */
        /*
        -moz-box-shadow: inset 0 0 10px #ff3385;
        -webkit-box-shadow: inset 0 0 10px #ff3385;
        box-shadow: inset 0 0 10px #ff3385;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=135, Strength=3);
        */
        /*
        -moz-box-shadow: inset 0 0 10px #ff3385;
        -webkit-box-shadow: inset 0 0 10px #ff3385;
        box-shadow: inset 0 0 10px #ff3385;
        border-collapse: separate;
        */
    }

.gvRow2STD_Highl {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    /*color: #666;*/
    color: deeppink;
    /*
    -moz-box-shadow: inset 0 0 10px #ff3385;
    -webkit-box-shadow: inset 0 0 10px #ff3385;
    box-shadow: inset 0 0 10px #ff3385;
    border-collapse: separate;
    */
}

.gvRow2STD_Highl0 {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    color: deeppink;
}

.gvRow2STD_Highl01 {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: black;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
    font-style: italic;
    color: deeppink;
}


.gvRow2STDsub {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: white;
    font-family: Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
    color: #666;
}

    .gvRow2STDsub:hover {
        /*
        -moz-box-shadow: inset 0 0 10px #ff3385;
        -webkit-box-shadow: inset 0 0 10px #ff3385;
        box-shadow: inset 0 0 10px #ff3385;
        border-collapse: separate;
        */
    }


.gvRow3STD {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #f3f3f3; /*white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}

.gvRow3STD_M {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #f3f3f3; /*white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: Ubuntu;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}

.gvRow3STD_Highl {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #bbbbbb; /* #F2F2F2;   white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}

.gvRow3STD_Highl_M {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #bbbbbb; /* #F2F2F2;   white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: Ubuntu;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}

.gvRow4STD {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #f3f3f3; /*white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}

.gvRow4STD_Highl {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border: 0;
    background-color: #bbbbbb; /* #F2F2F2;   white;*/
    /*
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif; 
    font-style: italic; 
    */
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    /*color: #666;*/
    color: black;
    /*min-height: 90px;*/
}


.gvHeaderSTD {
    background-color: #e5004b;  /* #7f28c4;  #FF6AB5 */
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: #FFF;
    height: 42px;
    /*
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
     */
    font-family: Montserrat,Arial;
    font-size: 18px;
    text-align: left;
}

.gvHeader2STD {
    background-color: #e5004b; /* #7f28c4;  #FF6AB5 */
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: #FFF;
    height: 42px;
    /*
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
    */
    font-family: Montserrat,Arial;
    font-size: 16px;
    text-align: left;
    font-style: italic;
}

.gvHeader3STD {
    background-color: #e5004b; /* #7f28c4;  #FF6AB5 */
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: #FFF;
    height: 42px;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: italic;
    font-variant: normal;
    font-weight: 100;
    line-height: 20px;
}

.gvHeader3STD_M {
    background-color: #FF6AB5;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: #FFF;
    height: 40px;
    font-family: Ubuntu;
    font-size: 11px;
    font-style: italic;
    font-variant: normal;
    font-weight: 100;
    line-height: 16px;
}

.gvHeader4STD {
    background-color: #FF6AB5;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: #FFF;
    height: 42px;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: italic;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
}

.gvRow99STD {
    background-color: white;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: darkblue;
    height: 30px;
    font-family: Ubuntu;
    font-size: 11px;
    font-style: italic;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
}

    .gvRow99STD:hover {
        background-color: pink;
    }

.gvRow99STD_alt {
    background-color: lavender;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: darkblue;
    height: 30px;
    font-family: Ubuntu;
    font-size: 11px;
    font-style: italic;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
}

    .gvRow99STD_alt:hover {
        background-color: pink;
    }

.gvHeader99STD {
    background-color: #e5004b; /*darkmagenta; */
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: white;
    height: 42px;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
    text-align: left;
    font-style: italic;
}


.gvRow5STD {
    background-color: white;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: darkblue;
    height: 30px;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
}

    .gvRow5STD:hover {
        background-color: #007bf7;
    }

.gvRow5STD_alt {
    background-color: lightgray;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: darkblue;
    height: 30px;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
}

    .gvRow5STD_alt:hover {
        background-color: #007bf7;
    }

.gvHeader5STD {
    background-color: black;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: white;
    height: 42px;
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    font-style: normal;
}


.divGridArea {
    width: 99%;
    max-height: 220px;
    display: block;
    overflow-y: scroll;
}

.buttonHighLight{
    
}

    .buttonHighLight:hover {
        -moz-box-shadow: inset 0 0 10px #ff3385;
        -webkit-box-shadow: inset 0 0 10px #ff3385;
        box-shadow: inset 0 0 10px #ff3385;
        border-collapse: separate;
    }


.buttonhover {
    cursor: pointer;   
}

    .buttonhover:hover {
        cursor: pointer;
    }
 


/* GridView*/
.rnd1 {
    background-color: white;
    border: 0px none;
    padding: 3px 3px 3px 3px;
    border-radius: 15px;
    margin-bottom: 10px;
    
}


.gvRow {
    margin-bottom: 10px;
    
}

.gvHeader {
    background-color: black;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    border-radius: 16px;
    color: white;
    height:auto;
}


.rndcellBTN {
    background-color: #e5004b /* #7f28c4; */
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 16px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }

.rndcellBTN2 {
    background-color: #e5004b; /* #7f28c4; */
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 4px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN2:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }


.rndcellBTN_smooth {
    background-color: #e5004b; /* #7f28c4; deeppink; */
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN_smooth:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }


.rndcellBTN_disabled_smooth {
    background-color: dimgrey;
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN_disabled_smooth:hover {
        background-color: grey;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }

    /**/
.rndcellBTN_NEW_smooth {
    background-color: #e5004b; /* #7f28c4; #7f28c4;*/
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN_NEW_smooth:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }


.rndcellBTN_NEW_disabled_smooth {
    background-color: dimgrey;
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: white;
    width: inherit;
}

    .rndcellBTN_NEW_disabled_smooth:hover {
        background-color: grey;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }
    /**/

    .rndcellBTN2_smooth {
        background-color: #4a4a4a;
        border: 0px none;
        padding: 3px 10px 4px 10px;
        border-radius: 6px;
        height: auto;
        color: white;
        width: inherit;
    }

    .rndcellBTN2_smooth:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
    }



.rndcellBTN3 {
    background-color: white;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: #e5004b;     /* #7f28c4; */
    width: 100%;
}

    .rndcellBTN3:hover {
        background-color: black;
        background: -webkit-linear-gradient(darkgrey, black);
        background: -moz-linear-gradient(darkgrey, black);
        background: linear-gradient(darkgrey, black);
        color: white;
    }



.rndcell1 {
    background-color: deeppink;
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 16px;
    height: auto;
    color: white;
    width: inherit;
}

.rndcell2 {
    background-color: black;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 13px;
    height: auto;
    color: white;
    width: 100%;
   
}

.rndcell3 {
    background-color: white;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 13px;
    height: auto;
    color: deeppink;
    width: 100%;
}

.rndcell4 {
    background-color: #d9d9d9;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 13px;
    height: auto;
    color: #ff4d88;
    width: 100%;
}


.rndcell5 {
    background-color: #f2f2f2;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 13px;
    height: auto;
    color: deeppink;
    width: 100%;
    font-family: 'Segoe UI';
    font-size: 11px;
    font-weight: bolder;
}

.rndcell5_1 {
    background-color: #f2f2f2;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 13px;
    height: auto;
    color: deeppink;
    width: 100%;
    font-family: 'Segoe UI';
    font-size: 11px;
    font-weight: bolder;
}

.rndcell5_1_smooth {
    background-color: #f2f2f2; /*#f2f2f2  #7f28c4*/
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    height: auto;
    color: deeppink;
    width: 100%;
    font-family: 'Segoe UI';
    font-size: 11px;
    font-weight: bolder;
}


.rndcell6 {
    background-color: #f2f2f2;
    border: 0px none;
    padding: 3px 10px 4px 10px;
    border-radius: 6px;
    color: #e5004b;     /* #7f28c4;  deeppink */
    font-family: 'Segoe UI';
    font-size: 13px;
    font-weight: bolder;
}

.rndTextBox1 { 
    background-color: black;
    border: 0px none;
    padding: 3px 9px 4px 10px;
    border-radius: 16px;
    height: auto;
    color: white;
    width: 100%;
}

.defaulttextbox {
    color: black;
    font-family: 'Segoe UI';
    font-size: 16px;
    background-color: white;
}

.defaulttextboxEdit {
    color: red;
    font-family: 'Segoe UI';
    font-size: 16px;
    background-color: white;
}


.gv1 {
    width: 100%;
    border: 0px none;
    border-collapse: collapse;
    text-align: left;
}

.gv0 {
    width: 100%;
    border: 0px none;
    border-collapse: collapse;
}

.bottomBorder td {
    border-color: White;
    border-style: solid;
    border-bottom-width: 100px
}


.UbuntuTextNormal {
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    line-height: 20px;
    color: black;
    /*min-height: 90px;*/
}

.upper .dxeEditAreaSys {
    text-transform: uppercase  !important; 
}


.textLabels {
    color: rgb(229, 0, 75);
    font-family: montserrat;
}

/* -- clock - */

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 16px; 
}

    #clockdiv > div {
        padding: 05px;
        border-radius: 3px;
        background: #e5004b; /* #7f28c4;  deeppink */
        display: inline-block;
    }

    #clockdiv div > span {
        padding: 05px;
        border-radius: 3px;
        background: #000000;
        display: inline-block;
    }

.smalltext {
    padding-top: 05px; 
    font-size: 12px;
}


/* -- clock II - */
.time {
    padding-top: 03px;
    padding-right: 13px;
    display: inline-block;
    height: 48px; 
    /*width: 65px; */
    perspective: 800px;
    backface-visibility: hidden;
    transform: translateZ(0);
    transform: translate3d(0,0,0);
    text-align: center;
    
}

.count {
    /*background: #202020;*/
    /*color: #f8f8f8;*/
    /*display: block;*/
    font-size: 19px;
    line-height: 2.4em; 
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 11%;
    bottom: 5%;
    left: 10%;
    width: 60%;
}


.top {
    height: 26%;
    line-height: 1.0em;
    transform-origin: 50% 100%;
}

.bottom {
    line-height: 0;
    height: 20%;
    top: 25%;
    transform-origin: 50% 0;
}

@keyframes flipTop {
    from {
        transform: rotateX(0deg);
    }
    to {
        transform: rotateX(-90deg);
    }
}

@keyframes flipBottom {
    from {
        transform: rotateX(90deg);
    }
    to {
        transform: rotateX(0deg);
    }
}

.flipTop {
    animation-name: flipTop;
    animation-duration: 0.25s;
    animation-fill-mode: both;
    z-index: 1;
}

.flipBottom {
    animation-name: flipBottom;
    animation-duration: 0.25s;
    animation-delay: 0.25s;
    animation-fill-mode: both;
    z-index: 1;
}