body {
    margin: 0 auto;
    width: 1320px;
    /*background-image: url('/images/bodyBG.png');
    background-repeat: repeat-x;
    background-color: #eaf0f5;*/
    background-color: rgba(96,125,139,0.23);
}



.root {
    float: left;
}

.rootleft {
    float: left;
    /* background-image: url('/images/LShadow.png');

    height: 737px;
    width: 30px;*/
}

.main {
    float: left;
    background-color: white;
    width: 1320px;
    position: relative;
    z-index: 10000;
    box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 50px 5px rgba(0,0,0,0.35);
}

.rootright {
    float: left;
    width: 30px;
    /*
    background-image: url('/images/RShadow.png');
    float: left;
    height: 737px;
    width: 30px;*/
}

.PageHeader {
    /* background-image: url('/images/Header2.jpg');*/
    height: 125px;
    width: 1320px;
    float: left;
    padding-top: 20px;
    text-align: right;
    font-family: Teko,Tahoma;
    /*color: gray;*/
}

    .PageHeader .companyLogo {
        padding: 10px;
        padding-left: 20px;
        /*background-color: white;
        border: 1px solid Dimray;
        box-shadow: 3px 3px 3px Black;
        -moz-box-shadow: 3px 3px 3px Black;
        -webkit-box-shadow: 3px 3px 3px Black;
        -khtml-box-shadow: 3px 3px 3px Black;*/
        height: 70px;
    }

    .PageHeader #loginData {
        position: relative;
        padding-top: 5px;
        padding-left: 30px;
    }

        .PageHeader #loginData a {
            color: Black;
        }

            .PageHeader #loginData a:hover {
                color: white;
            }

    .PageHeader #ProcessBar {
        margin-right: 60px;
        margin-top: 200px;
        z-index: -1;
    }

.headerLogo {
    width: 205px;
    height: 80px;
    float: left;
}

.headerDsp {
    width: 742px;
    height: 80px;
    float: left;
}

    .headerDsp table td {
        vertical-align: top;
    }

.headerBtm {
    background-image: url('/images/headerBtm.png');
    background-repeat: repeat-x;
    height: 4px;
    width: 1320px;
    float: left;
    min-height: 5px;
}

.PageFooter {
    /*background-image: url('/images/Header2.jpg');*/
    height: 80px;
    width: 1320px;
    float: left;
}

    .PageFooter .text {
        float: right;
        font-family: Teko, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        color: black;
        padding-top: 50px;
        font-size: 16px;
        text-shadow: 1px 1px 1px #eaf0f5;
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

    .PageFooter .summary {
        float: left;
        font-family: Teko, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        color: black;
        padding-top: 20px;
        padding-left: 20px;
        font-size: 40px;
        text-shadow: 1px 1px 1px #eaf0f5;
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

    .PageFooter .allogo {
        float: right;
        padding: 25px;
        padding-top: 17px;
        image-shadow: 1px 1px 1px White;
    }

        .PageFooter .allogo img {
            opacity: 0.8;
            filter: alpha(opacity=80); /* For IE8 and earlier */
            width: 50px;
        }

.PageBody_Normal {
    width: 1310px;
    float: left;
    margin-top: 4px;
    min-height: 400px;
    padding: 5px;
    background-color: #c5c5c5;
    /*background-image: url('../images/albg2.jpg');*/
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    z-index: 10000;
}

.PageBody_Normal_Fullscreen {
    width: 1310px;
    float: left;
    margin-top: 4px;
    min-height: 400px;
    padding: 5px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    z-index: 10000;
}

.Menu {
}

.PageContent {
    width: 1310px;
    padding-top: 10px;
}

.loginDivBody {
    margin: 0 auto;
    margin: 0 auto;
    -moz-margin-top: -10px;
    margin-top: -10px !important;
    padding-top: 200px;
    height: 400px;
    background-image: url(/images/albg.jpg);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding-left: 400px;
}

.loginHeaderDiv {
    width: auto;
    float: right;
    font-family: Teko,Tahoma;
    font-size: 14pt;
}

.AdminBody {
    -moz-margin-top: 3px; /* For Firefox*/
    margin-top: 4px; /*for other*/
    margin-top: 8px !important; /* For Internet Explorer*/
    min-height: 400px;
    width: 1280px;
}

.admDealerCaption {
    min-width: 30px;
    width: 30px;
    vertical-align: top;
}

.MonitorBody {
    margin: 0 auto;
    margin: 0 auto;
    -moz-margin-top: 3px; /* For Firefox*/
    margin-top: 4px; /*for other*/
    margin-top: 8px !important; /* For Internet Explorer*/
    min-height: 400px;
    width: 800px;
}

.UserAdd {
    float: left;
    margin-left: 50px;
    margin-top: 30px;
}

    .UserAdd input {
        width: 200px;
        border-style: solid;
        border-width: 1px;
    }

.TransferOrderCaption {
    font-size: 13px;
    width: 70px !important;
    color: Red !important;
    text-align: left !important;
}

.TransferOrderEditFormCell {
    width: 150px !important;
    color: Red !important;
    text-align: left !important;
}

.TransferOrderEditFormTable {
    width: 500px !important;
}

.DealerCaption {
    font-size: 13px;
    width: 50px !important;
    color: Red !important;
    text-align: left !important;
}

.DealerEditFormCell {
    width: 220px !important;
    color: Red !important;
    text-align: left !important;
    vertical-align: top;
}

.DealerEditFormTable {
    width: 900px !important;
}

.TankerCaption {
    font-size: 13px;
    width: 70px !important;
    font-size: 13px;
    color: Red !important;
    text-align: right !important;
}

.TankerEditFormCell {
    width: 150px !important;
    color: Red !important;
    text-align: left !important;
    vertical-align: top;
}

.TankerFormTable {
    width: 300px !important;
}

.DriverCaption {
    font-size: 13px;
    width: 70px !important;
    vertical-align: bottom;
    font-size: 13px;
    color: Red !important;
    text-align: right !important;
}

.DriverEditFormCell {
    width: 150px !important;
    color: Red !important;
    text-align: left !important;
    vertical-align: top;
}

.DriverFormTable {
    width: 300px !important;
}

.ProductTypeCaption {
    width: 80px !important;
    vertical-align: bottom;
    font-size: 13px;
    color: Red !important;
    text-align: right !important;
}

.ProductTypeEditFormCell {
    width: 150px !important;
    color: Red !important;
    text-align: left !important;
    vertical-align: top;
}

.ProductTypeFormTable {
    width: 400px !important;
}

.FirmFullName {
    width: 500px;
}

/* ----------------------------Pano--------------------------------*/

.PanoPlayerRoot {
    width: 918px;
    float: none !important;
    text-align: center !important;
}

    .PanoPlayerRoot Table {
        width: 100%;
        border-style: none;
    }

    .PanoPlayerRoot .DealerMeta {
        border: 1px dotted #000000;
        text-align: left;
        height: 305px;
        width: 230px;
        background-color: #FFFFCC;
    }

.Title {
    background-color: #3399FF;
    color: #FFFFFF;
}

.TitleH1 {
    background-color: #FE833F;
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
}

.PanoPlayerRoot .PanoValues {
    border: 1px dotted #000000;
    width: 250px;
    height: 300px;
}

    .PanoPlayerRoot .PanoValues td {
        background-color: #FFFFCC;
    }

.PanoValues #PanoHeader {
    background-color: #3399FF;
    color: #FFFFFF;
}

.chart {
    width: 595px;
    text-align: center;
    height: 280px;
    padding-left: 20;
}

.PanoPlayerRoot #HeaderTable {
    border-width: 0;
    border-style: none;
    vertical-align: top;
    height: 308px;
}

.PanoPlayerRoot .CommandTable td {
    text-align: center;
    width: 200px;
}

    .PanoPlayerRoot .CommandTable td A:hover {
        text-decoration: none;
        color: red;
        font-weight: normal;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    }

    .PanoPlayerRoot .CommandTable td A:link {
        text-decoration: none;
    }

    .PanoPlayerRoot .CommandTable td A:visited {
        text-decoration: none;
    }

    .PanoPlayerRoot .CommandTable td A:active {
        text-decoration: none;
    }

    .PanoPlayerRoot .CommandTable td img {
        border-style: none;
    }

.PanoPlayerRoot .PanoActivePasive {
    width: 850px;
    text-align: left;
    font-size: 15px;
}

.PanoPlayerRoot .ParameterTable {
    padding-left: 250px;
    width: 550px;
}

    .PanoPlayerRoot .ParameterTable td {
        text-align: left;
        background-color: #FFFFCC;
    }

.PanoPlayer {
    position: relative;
    background-image: url('/images/pano/bg680.png');
    width: 680px !important;
    height: 305px;
}

    .PanoPlayer #Soundoff {
        position: absolute;
        top: 280px;
        left: 10px;
        width: 150px;
        height: 25px;
        color: White;
    }

    .PanoPlayer #alert {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 8px;
        left: 512px;
        width: 41px;
        height: 41px;
        background-image: url('/images/pano/alert.png');
    }

    .PanoPlayer #lidR {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 7px;
        left: 563px;
        width: 29px;
        height: 44px;
        background-image: url('/images/pano/lidR.png');
    }

    .PanoPlayer #lidG {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 7px;
        left: 563px;
        width: 29px;
        height: 44px;
        background-image: url('/images/pano/lidG.png');
    }

    .PanoPlayer #service {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 9px;
        left: 603px;
        width: 42px;
        height: 42px;
        background-image: url('/images/pano/service.png');
    }

    .PanoPlayer #valveMotor {
        opacity: 0.0;
        filter: alpha(opacity=0);
        display: inline;
        position: absolute;
        top: 187px;
        left: 187px;
        width: 24px;
        height: 22px;
        background-image: url('/images/pano/valve.png');
    }

    .PanoPlayer #valveTanker {
        opacity: 0.0;
        filter: alpha(opacity=0);
        display: inline;
        position: absolute;
        top: 200px;
        left: 331px;
        width: 24px;
        height: 22px;
        background-image: url('/images/pano/valve.png');
    }

    .PanoPlayer #motor {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 198px;
        left: 215px;
        width: 40px;
        height: 17px;
        background-image: url('/images/pano/motor.png');
    }

    .PanoPlayer #tankLeft {
        position: absolute;
        top: 240px;
        left: 182px;
        width: 82px;
        height: 55px;
        overflow: hidden;
        height: 53px;
    }

    .PanoPlayer #tankRight {
        position: absolute;
        top: 240px;
        left: 263px;
        width: 82px;
        height: 55px;
        overflow: hidden;
        height: 53px;
    }

    .PanoPlayer #tanker {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 135px;
        left: 442px;
        width: 211px;
        height: 98px;
        background-image: url('/images/pano/tanker.png');
    }

    .PanoPlayer #tankmeter1 {
        position: absolute;
        top: 233px;
        left: 400px;
    }

    .PanoPlayer #disp1Lel table {
        width: 145px;
    }

    .PanoPlayer #gasflow {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 202px;
        left: 53px;
        width: 171px;
        height: 86px;
        background-image: url('/images/pano/gasflow.gif');
    }

    .PanoPlayer #sbStation {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 65px;
        left: 217px;
        width: 25px;
        height: 24px;
        background-image: url('/images/pano/stopbutton.png');
    }

    .PanoPlayer #sbPano {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 68px;
        left: 30px;
        width: 25px;
        height: 24px;
        background-image: url('/images/pano/stopbutton.png');
    }

    .PanoPlayer #sbDispenser {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 164px;
        left: 8px;
        width: 25px;
        height: 24px;
        background-image: url('/images/pano/stopbutton.png');
    }

    .PanoPlayer #sbTankSahasi {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 164px;
        left: 129px;
        width: 25px;
        height: 24px;
        background-image: url('/images/pano/stopbutton.png');
    }

    .PanoPlayer #gsDispensser {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 194px;
        left: 8px;
        width: 24px;
        height: 27px;
        background-image: url('/images/pano/gassensor.png');
    }

    .PanoPlayer #gsTankSahasi {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 194px;
        left: 129px;
        width: 24px;
        height: 27px;
        background-image: url('/images/pano/gassensor.png');
    }

    .PanoPlayer #tankerflow {
        opacity: 0.0;
        filter: alpha(opacity=0);
        position: absolute;
        top: 215px;
        left: 300px;
        width: 116px;
        height: 38px;
        background-image: url('/images/pano/tankflow.gif');
    }

    .PanoPlayer #Lel {
        position: absolute;
        top: 260px;
        left: 5px;
        width: 250px;
        float: left;
    }

    .PanoPlayer #disp1Lel {
        float: left;
        font-size: 13px;
        color: White;
    }

        .PanoPlayer #disp1Lel table {
            color: Black;
            font-size: 11px;
            width: 80px;
            text-align: left;
            border-style: none;
            text-align: center;
        }

    .PanoPlayer #tank1Lel {
        font-size: 13px;
        color: White;
    }

        .PanoPlayer #tank1Lel table {
            color: Black;
            font-size: 11px;
            width: 80px;
            text-align: left;
            border-style: none;
            text-align: center;
        }

    .PanoPlayer #cotrakoRoot {
        width: 300px;
        height: 73px;
        position: absolute;
        top: 235px;
        left: 360px;
    }

        .PanoPlayer #cotrakoRoot #cotrako1 {
            float: left;
            margin-top: -4px;
            width: 90px;
            opacity: 0.0;
            filter: alpha(opacity=0);
            height: 76px;
        }

        .PanoPlayer #cotrakoRoot #cotrako2 {
            margin-top: -4px;
            float: left;
            padding-left: 0px;
            width: 80px;
            opacity: 0.0;
            height: 76px;
            filter: alpha(opacity=0);
        }

.CommandTable {
}

    .CommandTable table img {
        border-style: none;
    }

    .CommandTable a {
        color: Black;
    }

        .CommandTable a:hover {
            font-weight: bold;
        }

    .CommandTable tr {
        vertical-align: top;
    }

    .CommandTable input {
    }

    .CommandTable .SensorTable {
        height: 300px !important;
        width: 300px;
        border: 0;
    }

        .CommandTable .SensorTable td {
            text-align: left;
        }

#mainViewerRootrightcontent {
    width: 220px;
    height: 500px;
    margin-left: -190px;
    margin-top: 102px;
    float: left;
    z-index: -100 !important;
}

#mainViewerRootleftcontent {
    width: 220px;
    height: 500px;
    margin-left: 20px;
    margin-top: 102px;
    float: left;
}

.ExpCol a:active {
    color: Black;
    background-color: White;
}

.ExpCol a:hover {
    background-color: White;
}

#LeftPartTreeDiv {
    overflow: scroll;
    margin-bottom: -25px;
    background-color: Gray;
    height: 200px;
    width: 180px;
}

    #LeftPartTreeDiv table {
        background-color: Gray;
    }

        #LeftPartTreeDiv table td {
            background-color: Gray;
        }

    #LeftPartTreeDiv a {
        color: White;
        text-decoration: none;
    }

        #LeftPartTreeDiv a:hover {
            color: White;
            text-decoration: none;
            border-bottom-style: dotted;
            border-bottom-color: White;
            border-bottom-width: 1px;
        }

        #LeftPartTreeDiv a:active {
            color: White;
            text-decoration: none;
            border-bottom-style: solid;
            border-bottom-color: White;
            border-bottom-width: 1px;
        }

/*Right*/
#RightPartTreeDiv {
    overflow: scroll;
    margin-bottom: -25px;
    background-color: Gray;
    height: 220px;
    width: 180px;
}

    #RightPartTreeDiv table {
        background-color: Gray;
    }

        #RightPartTreeDiv table td {
            background-color: Gray;
        }

    #RightPartTreeDiv a {
        color: White;
        text-decoration: none;
    }

        #RightPartTreeDiv a:hover {
            color: White;
            text-decoration: none;
            border-bottom-style: dotted;
            border-bottom-color: White;
            border-bottom-width: 1px;
        }

        #RightPartTreeDiv a:active {
            color: White;
            text-decoration: none;
            border-bottom-style: solid;
            border-bottom-color: White;
            border-bottom-width: 1px;
        }

#RightPartUsersDiv {
    overflow: scroll;
    margin-bottom: -25px;
    background-color: black;
    height: 150px;
    width: 180px;
    font-family: Tahoma;
    font-size: 12px;
    color: White;
}

.LastLogLabel {
    width: 180px;
    margin-top: -3px;
    background-color: lightgray;
}

#LeftPartLastLog {
    margin-top: -5px;
    width: 180px;
    height: 180px;
    color: White;
    border: 1px solid gray;
    font-size: 11px;
    color: Green;
    background-color: Black;
    font-family: Consolas;
    overflow: hidden;
}

.PasSen {
    text-decoration: line-through;
    color: Red;
}

.ActSen {
    text-decoration: none;
    color: Green;
}

.dxgvCommandColumn a {
    font-size: 14px !important;
    color: green;
}

#MProcessBar {
    height: 45px;
}

.MainViewerPopUp .lblCaption {
    color: #8d8d8d;
    width: 90px !important;
    display: inline-block;
}

#bottominfo {
    margin-bottom: 0px;
    margin-left: -16px;
    height: 100px;
    position: fixed;
    bottom: 0%;
    width: 100%;
    background-color: white;
    opacity: 1;
    width: 1051px;
    display:none;
}




iframe {
width:1000px !important;
}

.circle {
    width: 180px;
    height: 180px;
    border-radius: 200px;
    font-size: 20px;
    color: #c5c5c5;
    line-height: 180px;
    text-align:center;
    background: #c5c5c5;
}

.previewRowAlt {
    background: #f4f4f4;
}

.PreviewRow {

    padding-left:120px;

}

.btnIcon {
    background-color: cadetblue;
    border: none;
    color: white;
    padding: 4px 4px;
    text-align: center;
    margin: 2px 1px;
    opacity: 1;
    transition: 0.3s;
    border-radius: 8px
}

.btnIcon:hover {
    opacity: 0.6
}

.vertical-center-container {
    height: 600px;
    position: relative;
     loginbg
}

.vertical-center {
    font-family:Tahoma;
    padding:10px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.leftMenu {
    background-color:black;
    height:100%;
    width:100%;

}

.tankerDataPart {
    text-align:right;
    color:red;

}