html {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;

}

body {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}

div {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

form {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}

fieldset {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

input {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
}

select {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    background-color: white;
}

table {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0px;
    border-width: 2px;
}

a {

}

    .input {
        font-size: 10px;
        line-height: normal;
    }

    .realsmall {
        font-size: 8px;
    }

    .sTexts {
        font-weight: bold;
    }

    .hTexts {
    }


    .sSTexts {
    }

    .sWTexts {
       color: white;
     }

      .bWTexts {
      }

      .RequiredField {
        font-weight: bold;
      }

      .tinyWTexts {
        font-size: 7px;
        font-weight: bold;
        }

      .Button1 {
        border: 1px solid Black;
        font-size: 12px;
        font-weight: bold;
        width: 100px;
        text-transform: capitalize;
        }

      .bsWTexts {
        font-size: 10px;
	    color: white;
        }


    .sText {

    }

    .smallCaption {
        font-size: 10px;
    }

    .DataHeader{
    width: 50px;
}


    .smallBoldCaption {
        font-size: 12px;
    }

    .ledWText {
        font-size: 10px;
	    color: white;
    }


    .BigCaption {
	    font-size: 12px;
	    font-weight: bold;
	    color: red;
	    font-style: italic;
    }

    .yText {
	    font-size: 8px;
	    font-weight: bold;
    }

    .buWText {
	    font-size: 12px;
	    font-weight: bold;
	    text-decoration: underline;
	    color: red;
    }

    .buText {
	    font-size: 12px;
	    font-weight: bold;
	    text-decoration: underline;
    }

    .sSText {
        font-size: 11px;
    }

    .bText {
	    font-size: 12px;
	    font-weight: bold;
    }

    .cText {
	    font-size: 15px;
	    font-weight: bold;
    }

    .H1Text {
    font-size: 18px;
    font-weight: bold;
    }
    .H2Text {
    font-size: 16px;
    font-weight: bold;
    }
    .H3Text {
    font-size: 12px;
    font-weight: bold;
    }
    .HugeText {
    font-size: 34px;
    font-weight: bold;
    }
    .H1RedText {
    font-size: 18px;
    font-weight: bold;
    color: Red;
    }
    .H2RedText {
    font-size: 16px;
    font-weight: bold;
    color: Red;
    font-family: "Times New Roman";
    }
    .H3RedText {
    font-size: 8px;
    font-weight: bold;
    color: Red;
    }
        .H4RedText {
        font-size: 8px;
        color: red;
        }

       .H2BluesText {
        font-size: 32px;
        font-weight: bold;
        color: #bfbfff ;

        }

        .H2BlueText {
    font-size: 16px;
    font-weight: bold;
    color: blue;
    }

        .PageNameText {
        font-size: 16px;
        font-weight: bold;
        color: #FDE57A;
        font-weight: bold;
        }

    .RepText {
    font-size: 9px;
    }
    .RepLText {
    font-size: 10px;
    }
    .RepHText {
    font-size: 9px;
    }
    .NumBText {
    font-size: 8px;
    font-weight: bold;
    }
    .NumText {
    font-size: 8px;
    }
    .NumTotalText {
    font-size: 8px;
    border-top-style: solid;
    border-top-width: thin;
}
.NumGrandTotalText {
    font-size: 8px;
    font-weight: bold;
    border-top-style: double;
    border-top-width: medium;
}
    .HugeRedText {
    font-weight: bold;
    font-size: 24px;
    color: Red;
}
.Red14TextBold
{
  font-size: 14px;
  font-weight: bold;
  color: Red;
}
.Red14Text
{
  font-size: 14px;
  font-weight: normal;
  color: Red;
}
.B14Text
{
  font-size: 14px;
  font-weight: bold;
}
.B14TextNormal
{
  font-size: 13px;
  font-weight: normal;
}
 .VBText {
        font-size: 20px;
        font-weight: bold;
    font-family: monospace;
}

 .ButtonText {
    font-size: 10px;
    font-family: monospace;
}

.LButtonText {
    font-size: 10px;
    font-family: monospace;
}

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

.GgridHeader {
 BORDER-RIGHT: 2px outset;
    BORDER-TOP: 2px outset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: 2px outset;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: 2px outset;
    BACKGROUND-COLOR: #d4d0c8;
 }


.grid_hover {
    background-color:#e9e7e1;
    font-size:20px;
}

/* ============================================================== */
/* ================= Facelift by Barry Bazini =================== */
/* ============================================================== */

/* GENERAL */
.calendar{
    z-index:100000;
}


div[disabled]
{
  color: rgba(10, 10, 10, 0.425);
  background-color: #EBEBEB;
  background: #ccc;
  pointer-events: none;
  cursor: default;
}

div[disabled]
{
  color:rgb(138, 135, 135);
  background: #ccc;
}
input:disabled {
  background: #ccc;
}
select:disabled {
  background: #dbdbdb;
}

.btn
{
	min-width: 100px;
	max-width: 160px;
}


.odd_strip
{
	background-color: #E9E7E7;
	border: solid 1px #E9E7E7 !important;
	height: 20px;
}
.even_strip
{
	background-color: #F6F4F4;
	border: solid 1px #F6F4F4 !important;
	height: 20px;
}

.pumpnet-body{
    background-color: #E9E7E1; /*f0f3f4*/
}

.carousel_control{
    font-size: 24px;
    margin-left: 20px;
}

.legend{
	padding-top: 2px;
	padding-left: 4px;
	font-size:14px;
	font-weight: bold;
}

 .buttons-bar{
    position: relative;
    width: 98%
}
#collapseMenuButtons{
    float: right;
    padding: 20px 10px 0px 0px;
    font-size: 18px;
    cursor: pointer;
}

.setup_grid
{
	background-color: #4F8FC7;
	color: #FFFFFF;
	height: 30px;
}

 #left_menu_nav #btn_close{
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #ffffff;
    font-size: 1.5em;
    display: none;
}

#login-page .btn-danger{
	max-width: 400px !important;
	color: #ffffff !important;
	background-color: #7266ba;
	border-color: #7266ba;
}

.pump-header
{
	background-color: #E9E7E1;
}

.pump-icon
	{
		background-image: url('../images/pumpnet/PumpIcon.png');
		background-repeat: no-repeat;
		width: 78px;
		height: 78px;
		z-index: 100000000;
	}

.odd_siteomat
{
	 background: #589AD3;
}

.ev_siteomat
{
	background: #64ACEB;
}

/* END GENERAL */
/* ==================================================== */
/* wet_price page */
#wet_price .buttons-bar1
{
    position: relative;
    top: 80px;
    left: 300px;
}

#wet_price .buttons-bar1 .btn
{
    margin: 10px;
}

#wet_price .buttons-bar2
{
    position: relative;
    top: 560px;
    width: 99%;
    margin-left: 10px;
}

#wet_price .buttons-bar2 .btn
{
    margin: 10px;

}

#wet_price #new_price_date_img{
    margin-left: 10px;
}
/* end wet_price page */
/* ==================================================== */
/* pump_status page */
#pump_status body{
    background: #E9E7E1;

}
#pump_status .pumpnetContainer{
    position: absolute;
    z-index: 95000;
    width: 100%;
    height: auto;
    background-color: #E9E7E1;
    top: 0px;
    left: 0px;

}

#pump_status .pumpnetBtn{
    position: absolute;
    z-index: 10000000;
    width: 100% !important;
    height: 100%;
    background-color: #FFFFFF;

}
#pump_status .pumpnet{
    z-index: 1000000000;
    width: 24% !important;
    max-width: 385px;
    min-width: 230px;
    height: 320px;
    float: left;
    visibility: hidden;
    display: none;
    margin: 4px !important;
    padding: 0px !important;

}




/* end pump_status page */
/* ==================================================== */
/* tank_status */
#tank_status body{
    background: #E9E7E1;
}
#tank_status .pumpnetContainer{
    position: absolute;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    top: 0px;
    left: 0px;



}
#tank_status .pumpnetBtn{
    position: absolute;
    z-index: 10000000;
    width: 100% !importent;
    height: 100%;
    background-color: #FFFFFF;

}
#tank_status .pumpnet{
    z-index: 1000000000;
    width: 48% !importent;
    height: 290px;
    max-width: 540px;
    min-width: 320px;
    background-color: #FFFFFF;
    float: left;
    margin: 2px;
    visibility: hidden;
    display: none;

}
/* end tank_status */
/* ==================================================== */
/* admin_archive */

    #admin_archive .btn
    {
	    margin: 10px;

    }

    #admin_archive .buttons-bar
    {
	    position: relative;
	    top: 530px;

    }
/* end admin_archive */
/* ==================================================== */
/* admin_policy */

    #admin_policy .buttons-bar .btn
    {
	    margin: 10px;

    }

    #admin_policy .buttons-bar
    {
	    position: relative;
	    top: 500px;
	    margin: 10px;

    }
/* end admin_policy */
/* ==================================================== */
/* tabs */
    .tabs_body .menuButtomStrip{
        background-color: #F6F8F8;
        height: 70px;
        margin: 0px;
        padding: 0px;
    }

    .tabs_body .navMenu{
       float: left;
       height: 70px;
       cursor: pointer;
       min-width: 80px;
       display:inline-block;
       text-align: center;
       margin: 0px;
       padding-top: 10px;
    }

    .tabs_body .navMenu:hover{
        background-color: #FFFFFF !important;
    }
 .tabs_body .navMenu:active{
        background: #CCCCCC !important;
    }

    .tabs_body{
		margin: 0px;
		padding: 0px;
	}

/* end tabs */
/* ==================================================== */
/* alarms_main */

    #alarms_main .buttons-bar .btn
    {
	    margin: 10px;
    }

    #alarms_main .buttons-bar
    {
        margin: 10px;
	    position: relative;
	    top: 520px;
    }
/* end alarms_main */
/* ==================================================== */
/*  alarm_page */
    .alarm_page{
        background-color: #F6F8F8;
    }
    .alarm_container{
        border: solid 2px #ffffff;
        margin-top: 40px;
        text-align: center;
        width: 100%;
        background-color: #ffffff;
        padding: 10px;
    }
    .alarm_page .alarm_item{
        text-align: left;
        padding-left: 10px;
    }
    .alarm_page #btn_close{
        cursor: pointer;
        position: absolute;
        right: 12px;
        top: 12px;
    }
    .alarm_page #Alarms{
        margin-left:120px;
        margin-top: 180px;
    }
/* end alarm_page */
/* ==================================================== */
/* manual_totalizers */

    .buttons-bar .btn
    {
	    margin: 10px;
    }

    .buttons-bar
    {
	    position: absolute;
	    top: 485px;
	    margin: 10px;

    }
/* end manual_totalizers */
/* ==================================================== */
/* events_viewer */


    #events_log .buttons-bar .btn
    {
        display: block;
	    margin: 15px;
	    width: 130px;
	    clear: both;

    }

    #events_log .buttons-bar
    {
        position: absolute;
        top: 0px;
        left: 390px;
	    margin: 10px;
	    width: 150px;
	    height: 300px;
    }
/* end events_log */
/* ==================================================== */
/* reports_obligo */


    #reports_obligo .buttons-bar .btn
    {
	    margin: 10px;
    }

    #reports_obligo .buttons-bar
    {

	    position: relative;
	    top: 430px;
    }
/* end reports_obligo */
/* ==================================================== */
/* report_export */


    #report_export .buttons-bar .btn
    {
	    margin: 10px;
    }

    #report_export .buttons-bar
    {
        margin: 10px;
	    position: relative;
	    top: 520px;
    }
/* end report_export */
/* ==================================================== */
/* main-page */
#main-page body, html {
  height: 100%;
}

#main-page .frameContainer{
    display : block;
    width : 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;

}
#main-page .leftColumn{
    float : left;
    clear : none;
    width : 15%;
    height: 100%;
    min-height: 100%;
}

#main-page .mainContent{
    float : left;
    clear : none;
    width : 85%;
    height: 100%;
    min-height: 100%;
}

@media (max-width: 480px) {
    #main-page .leftColumn{
		width : 0px;
	}

	#main-page .mainContent{
		width : 100%;
	}
}

#main-page .topColumn{
    height : 60px;
    width : 100%;
}
#main-page .mainColumn{
    width : 100%;
    height: 90%;
    min-height: 80%;

}
#main-page .alarmColumn{
    position: absolute;
    bottom:2px;
    width : 85%;
    height: 35px;
}

.menuTopStrip{
    background-color: #FFFFFF;
    height: 40px;
}

.Expand{
   float: left;
   height: 40px;
   cursor: pointer;
   display:inline-block;
   text-align: center;
   margin: 0px;
   padding-top: 10px;
   color: #cccccc !important;
   width: 40px;
}
.menuIcon{
    color: #62666F;
    font-size: 18px;
    margin:10px;
    display: none;
}
#alarmIcon{
    font-size: 18px;
    margin:4px 30px 4px 4px;
    background-image: url("../images/pumpnet/bell_blue.png");
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: none;
}
#alarmPanel{
    height: 400px;
    display: none;
    position:absolute;
    top:0;
    right:0;
    width: 320px;
    z-index: 9000;
    background-color: #d5e6ea;
    border: solid 1px #cccccc;

}

 @media (max-width: 360px) {
    #alarmPanel{
		 width: 100%;
	}
}


#alarmIcon .badge {
    height: 20px;
    width: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%; /* may require vendor prefixes */

    color: #ffffff;
    margin-left: 25px;
    background-color: red;
    display: none;
}

#hello .badge1 {
    height: 50px;
    width: 100px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;

    margin-left: 150px;
}

#hello .badge2 {
    height: 50px;
    width: 70px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    text-decoration: underline;

    margin-left: 150px;
}
/* end main-page */
/* ==================================================== */
/* setup_main */
    #setup_main{
        margin: 0px;
        padding: 0px;
    }

    #setup_main .menuTopStrip{
        background-color: #FFFFFF;
        height: 50px;
    }

    #setup_main .menuButtomStrip{
        background-color: #cccccc;
        height: 50px;
        margin: 0px;
        padding: 0px;
    }

    #setup_main .navMenu{
       float: left;
       height: 50px;
       cursor: pointer;
       min-width: 100px;
       display:inline-block;
       text-align: center;
       margin: 0px;
       padding-top: 10px;
    }

    #setup_main .navMenu:hover{
        background-color: #FFFFFF !important;
    }



    #setup_main .menuIcon{
        color: #ffffff;
        font-size: 18px;
        margin:10px;
        display: none;
    }



     #setup_main .buttons-bar .btn
    {
	    margin: 10px;
    }

    #setup_main .buttons-bar
    {
	    margin: 10px;
	    position: relative;
	    top: 520px;
    }

/* end setup_main */
/* ==================================================== */
/* report_standard */


    #report_custom .buttons-bar .btn
    {
	    margin: 10px;
    }

    #report_custom .buttons-bar
    {
        margin: 10px;
	    position: relative;
	    top: 520px;
    }
/* end report_custom */
/* ==================================================== */
/* shift_admin */

	#shift_admin .buttons-bar .btn
	{
		display: block;
		margin: 15px;
		width: 130px;
		clear: both;

	}

	#shift_admin .buttons-bar
	{
		position: absolute;
		top: 0px;
		left: 390px;
		margin: 10px;
		width: 150px;
		height: 300px;
	}
/* end shift_admin */
/* ==================================================== */
/* shift_reports */


    #shift_reports .buttons-bar .btn
    {
	    margin: 10px;
    }

    #shift_reports .buttons-bar
    {
	    margin: 10px;
    }
/* end shift_reports */
/* ==================================================== */
/* report_standard */
    #report_standard .buttons-bar .btn
    {
	    margin: 10px;
    }

    #report_standard .buttons-bar
    {
        position: absolute;
        top: 0px;
        left: 390px;
	    margin: 10px;
	    width: 150px;
	    height: 300px;
    }
/* end report_standard */
/* ==================================================== */
/* local_fleets */
    #local_group_rules .buttons-bar .btn
    {
	    margin: 10px;
    }

    #local_group_rules .buttons-bar
    {
	    margin: 10px;
	    position: relative;
	    top: 530px;
    }
/* end local_group_rules */
/* ==================================================== */
/* local_fleets */
    #local_rules .buttons-bar .btn
    {
	    margin: 10px;
    }

    #local_rules .buttons-bar
    {
	    margin: 10px;
	    position: relative;
	    top: 530px;
    }
/* end local_rules */
/* ==================================================== */
/* local_fleets */
    #local_devices .buttons-bar .btn
    {
	    margin: 10px;
    }

    #local_devices .buttons-bar
    {
	    margin: 10px;
	    position: relative;
	    top: 530px;
    }
/* end local_devices */
/* ==================================================== */
/* admin_policy */
    #admin_sys .btn
    {
	    min-width: 130px;

    }

    #admin_sys .buttons-bar
    {
	    position: relative;
	    top: 500px;
	    margin: 10px;
    }

    .bump_left
    {
		left: 591px;
		/*position: absolute;*/
		text-align: left;
    }
/* end admin_sys */
/* ==================================================== */
/* wet_deliveries */
    #admin_wp .buttons-bar .btn
    {
	    margin: 10px;
    }

    #admin_wp .buttons-bar
    {
	    position: relative;
	    top: 500px;
	    margin: 10px;
    }
/* end admin_wp */
/* ==================================================== */
/* wet_forecast */
    .btnAdd
    {
        position: relative;
	    margin: 10px;
	    top: 430px;
	    left: 230px;
    }
/* end wet_forecast */
/* ==================================================== */
/* dialogFrame */
#dialogFrame {
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}

#dialogFrame iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}
/* end dialogFrame */
/* ==================================================== */
/* left_menu */

    #left_menu{
        /*background-color: #DDE6E9;*/
        background-color: #474E5D;
        color: #58ACD1;
    }
    #left_menu ul{
        list-style: none;
        padding-right: 0px;
        padding-left: 0px;
        margin:0;
        width: 100%;
    }
    #left_menu ul li{
        height: 40px;
        z-index: 100;
        position: relative;
        width: 100%;
        top: 120px;
        margin: 0px;
        padding-left: 30px;
        padding-top: 5px;
        cursor: pointer;

    }

    #left_menu ul li a{
       height: 40px;
       cursor: pointer;
       text-decoration: none;
       font-size: 15px;
       color: #58ACD1;
    }

    #left_menu ul li:hover{
        background: #F6F8F8;
        height: 40px;
        color: #000000;
    }

    #left_menu ul li a:hover{

        background: #F6F8F8;
        height: 40px;
        text-decoration: none;
        color: #000000;
    }


/* end left_menu */
/* ==================================================== */

/* ==================================================== */

/* ==================================================== */






/* local_fleets */

    #local_fleets .buttons-bar .btn
    {
	    margin: 10px;
    }

    #local_fleets .buttons-bar
    {
	    margin: 10px;
	    position: relative;
	    top: 530px;
    }
/* end local_fleets */
/* ==================================================== */
/* wet_deliveries */
    #admin_user .buttons-bar .btn
    {
	    margin: 10px;
    }

    #admin_user .buttons-bar
    {
	    position: relative;
	    top: 500px;
	    margin: 10px;
    }
/* end admin_user */
/* ==================================================== */
/* wet_deliveries */

    #wet_deliveries .buttons-bar .btn
    {
	    margin: 10px;

    }

    #wet_deliveries .buttons-bar
    {
	    position: relative;
	    top: 500px;
	    margin: 10px;

    }
/* end wet_deliveries */
/* ==================================================== */
/* events_viewer */
    #events_scratch_pad .buttons-bar .btn
    {
        margin: 10px;
    }

    #events_scratch_pad .buttons-bar
    {
	    position: relative;
	    top: 470px;
	    margin: 20px;
    }
/* end events_scratch_pad */
/* ==================================================== */
/* events_viewer */

    #events_viewer .buttons-bar .btn
    {
        display: block;
	    margin: 15px;
	    width: 130px;
	    clear: both;

    }

    #events_viewer .buttons-bar
    {
        position: absolute;
        top: 0px;
        left: 390px;
	    margin: 10px;
	    width: 150px;
	    height: 300px;
    }
/* end events_viewer */
/* ==================================================== */
/* main-page */
	#main-page #menuIconContainer{
        display: none;
        cursor: pointer;
    }

    #main-page #upperMenu{
        height: 400px;
        display: none;
        position:absolute;
        top:40px;
        right: 0;
        width: 320px;
        z-index: 9000;
        background-color: #d5e6ea;
        border: solid 1px #cccccc;
        padding-left: 0px;
    }

    @media (max-width: 360px) {
		#main-page #upperMenu{
			 width: 100%;
		}
	}

    #main-page ul{
        list-style: none;
        padding-left: 0px;
        margin:0;
    }

    #main-page ul li{
        height: 30px;
        z-index: 100;
        position: relative;
        width: 320px;
        top: 10px;
        cursor: pointer;
        padding-top: 2px;
        padding-left: 30px;
    }

    #main-page ul li a{
       height: 30px;
       cursor: pointer;
       text-decoration: none;
    }

    #main-page ul li:hover{
        background: #F6F8F8;
        height: 30px;
    }

    #main-page ul li a:hover{
        background: #F6F8F8;
        height: 30px;
        text-decoration: none;
    }
/* end main-page */
/* ==================================================== */
/* left_menu_nav*/

    #left_menu_nav{
        /*background-color: #DDE6E9;*/
        background-color: #474E5D;
        color: #58ACD1;
    }


    #left_menu_nav .app_icon
    {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		top: 20px;
        width: 100%;
        height: 80px;
        max-width:180px;
		background-image: url('../images/pumpnet/AppIcon.png');
		background-position-x: center;
		background-repeat: no-repeat;
		text-align: center;
}

#left_menu_nav .app_icon_gasboy
    {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		top: 20px;
        width: 100%;
        height: 80px;
        max-width:180px;
		background-image: url('../images/pumpnet/AppIcon_gasboy.png');
		background-position-x: center;
		background-repeat: no-repeat;
		text-align: center;
}


    #left_menu_nav .company_logo{
        position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 100px;
        width: 100%;
        height: 76px;
        max-width:180px;
		background-image: url('../images/pumpnet/ProviderLogo.png');
		background-position-x: center;

		background-repeat: no-repeat;
		text-align: center;
    }



    #left_menu_nav .status{
        position: absolute;
		left: 5%;
		bottom: 5px;
        width: 100%;
        height: 76px;
        max-width:240px;
		background-position-x: left;

		background-repeat: no-repeat;
		text-align: left;
		color: #BBBBBB;

    }


     .login_logo
     {
        width: 100%;
        height: 160px;
		background-image: url('../images/pumpnet/login_logo.png');
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: bottom;
		text-align: center;
    }

    .login_logo_gasboy
     {
        width: 100%;
        height: 160px;
		background-image: url('../images/pumpnet/login_logo_gasboy.png');
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: bottom;
		text-align: center;
    }


    #left_menu_nav .company_logo img{
        max-width:120px;
    }

     @media (max-width: 200px) {
        #left_menu_nav .sidebar-nav li {
            text-indent: 5px;
        }


    }

    /* Sidebar Styles */

    #left_menu_nav .sidebar-nav {
        position: absolute;
        top: 140px;
        width: 100%;
        min-width: 200px;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #474E5D;
        color: #58ACD1;
    }

    #left_menu_nav .sidebar-nav li {
		text-indent: 10px;
		line-height: 40px;
		display: list-item !important;
		background-color: #474E5D;
		color: #58ACD1 !important;
    }

    #left_menu_nav .sidebar-nav li a {
        display: block;
        text-decoration: none;
        background-color: #474E5D;
        color: #58ACD1 !important;
        font-size: 15px;
        /*border: solid 1px #3E4450;*/
    }

    #left_menu_nav .sidebar-nav li a:hover {
        text-decoration: none!important;
        color: #58ACD1 !important;
        background: #585F6D !important;
    }

    #left_menu_nav .sidebar-nav li a:active,
    #left_menu_nav .sidebar-nav li a:focus {
        text-decoration: none;



    }

    #left_menu_nav .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

    #left_menu_nav .sidebar-nav > .sidebar-brand a {
        color: #58ACD1;
    }

    #left_menu_nav .sidebar-nav > .sidebar-brand a:hover {
        color: #58ACD1;
        background: 474E5D;
    }

    #left_menu_nav .navbar-nav .open .dropdown-menu {
        background-color: #E9E7E1 !important;
        padding:1px;
    }
    #left_menu_nav .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border: solid 0px #000000;

    }

    #left_menu_nav .stay-open {display:block !important;}

    #left_menu_nav .navbar:after{
        height:0px !important;
    }
    #left_menu_nav .navbar:before{
        height:0px !important;
    }

    #left_menu_nav .dropdown-menu > LI > A{
        width:100% !important;
        background-color: #62666F !important;
        border: solid 1px #3E4450;
    }

    #left_menu_nav .navbar{
        position: static;
    }


/*====================================*/
/*RPS*/
/*====================================*/
	/*
	#login-page .btn-danger{
		max-width: 400px !important;
		color: #ffffff !important;
		background-color: #D52027;
		border-color: #D52027;
	}

	#PumpInnerContainer
	{
		background-color: #ffffff !important;
	}

	.panel-default
	{
		border: solid 1px #9FA2A8 !important;
		background-color: #F2F1F1 !important;
	}

	.btn-primary {
	  color: #ffffff !important;
	  background-color: #525867 !important;
	  border-color: #525867 !important;
	}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
	  color: #ffffff !important;
	  background-color: #D52027 !important;
	  border-color: #D52027 !important;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
	  background-image: none;
	}

	.btn-primary.disabled,
	.btn-primary[disabled],
	fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	fieldset[disabled] .btn-primary.active {
	  background-color: #8A8E9A !important;
	  border-color: #8A8E9A !important;
	}

	#left_menu_nav .sidebar-nav li {

        background-color: #474E5D;
        color: #ffffff !important;
    }

    #left_menu_nav .sidebar-nav li a {

        background-color: #474E5D;
        color: #ffffff !important;
    }

    #left_menu_nav .sidebar-nav li a:hover {
        color: #D52027 !important;
        background: #585F6D !important;
    }

    .text-info-dker {
	  color: #ffffff !important;
	}

	.app_icon{
		background-image: url('../images/pumpnet/AppIconRPS.png') !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 67px !important;
		text-align: center;
	}

	.company_logo{
		background-image: url('../images/pumpnet/ProviderLogoRPS.png') !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 120px !important;
		text-align: center;
	}

	.login_logo{
		background-image: url('../images/pumpnet/login_logoRPS.png') !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 160px !important;
		text-align: center;
	}

	#left_menu_nav .navbar-nav > li > a  {
        background: #525867 !important;
    }

	.odd_siteomat
    {
		 background: #8D9098 !important;
	}

	.ev_siteomat
	{
		background: #C4C4C5 !important;
	}

	.menuTopStrip {
		background-color: #ffffff !important;
	}


	.pumpnet-body{
		background-color: #9399AA !important;

	}


	.app:before {
		background: #474E5D !important;
	}

	#password_change
	{
		color: #ffffff;
		text-decoration: underline;
	}

	#pump_status .pumpnetContainer{

		background-color: #9399AA !important;

	}

	.pump-header{
		background-color: #9399AA;
	}

	.info-bar a{
		color: #ffffff !important;

	}

	.pump-icon
	{
		background-image: url('../images/pumpnet/PumpIconRPS.png') !important;
	}

	#alarmIcon{
		background-image: url("../images/pumpnet/bell_blueRPS.png");
	}

   */
/*====================================*/
/*RPS END*/
/*====================================*/

/*====================================*/
/*		left menu for microsffer	  */
/*====================================*/
	#left_menu_nav_microsffer #btn_close{
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #ffffff;
    font-size: 1.5em;
    display: none;
	}

	#left_menu_nav_microsffer{
        background-color: #003C6E;
        color: #FFFFFF;
    }


	#left_menu_nav_microsffer .app_icon
    {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		top: 20px;
        width: 100%;
        height: 80px;
        max-width:180px;
		background-image: url('../images/pumpnet/AppIcon.png');
		background-position-x: center;
		background-repeat: no-repeat;
		text-align: center;
	}
	#left_menu_nav_microsffer .company_logo{
        position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 100px;
        width: 100%;
        height: 76px;
        max-width:180px;
		background-image: url('../images/pumpnet/ProviderLogo.png');
		background-position-x: center;

		background-repeat: no-repeat;
		text-align: center;
    }
	#left_menu_nav_microsffer .company_logo_microsffer{
        position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 100px;
        width: 100%;
        height: 20%;
		background-image: url('../images/pumpnet/micosfferbyorpak.svg');
		background-position-x: center;

		background-repeat: no-repeat;
		text-align: center;
    }
	#left_menu_nav_microsffer .status{
        position: absolute;
		left: 5%;
		bottom: 5px;
        width: 100%;
        height: 76px;
        max-width:220px;
		background-position-x: left;

		background-repeat: no-repeat;
		text-align: left;
		color: #BBBBBB;

    }
    #left_menu_nav_microsffer .company_logo img{
        max-width:120px;
    }

    @media (max-width: 200px) {
        #left_menu_nav_microsffer .sidebar-nav li {
            text-indent: 5px;
        }


    }
    #left_menu_nav_microsffer .sidebar-nav {
        position: absolute;
        top: 140px;
        width: 100%;
        min-width: 200px;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #003C6E;
        color: #FFFFFF;
    }
    #left_menu_nav_microsffer .sidebar-nav li {
		text-indent: 10px;
		line-height: 40px;
		display: list-item !important;
		background-color: #003C6E;
		color: #FFFFFF !important;
    }
    #left_menu_nav_microsffer .sidebar-nav li a {
        display: block;
        text-decoration: none;
        background-color: #003C6E;
        color: #FFFFFF !important;
        font-size: 15px;
        /*border: solid 1px #3E4450;*/
    }
    #left_menu_nav_microsffer .sidebar-nav li a:hover {
        text-decoration: none!important;
        color: #FFFFFF !important;
        background: #1571BF !important;
    }

    #left_menu_nav_microsffer .sidebar-nav li a:active,
    #left_menu_nav_microsffer .sidebar-nav li a:focus {
        text-decoration: none;



    }
    #left_menu_nav_microsffer .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }
    #left_menu_nav_microsffer .sidebar-nav > .sidebar-brand a {
        color: #FFFFFF;
    }
    #left_menu_nav_microsffer .sidebar-nav > .sidebar-brand a:hover {
        color: #FFFFFF;
        background: 003C6E;
    }
    #left_menu_nav_microsffer .navbar-nav .open .dropdown-menu {
        background-color: #E9E7E1 !important;
        padding:1px;
    }
    #left_menu_nav_microsffer .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border: solid 0px #000000;

    }
    #left_menu_nav_microsffer .stay-open {display:block !important;}
    #left_menu_nav_microsffer .navbar:after{
        height:0px !important;
    }
    #left_menu_nav_microsffer .navbar:before{
        height:0px !important;
    }
    #left_menu_nav_microsffer .dropdown-menu > LI > A{
        width:100% !important;
        background-color: #1571bf !important;
        border: solid 1px #3E4450;
    }
    #left_menu_nav_microsffer .navbar{
        position: static;
    }
/*====================================*/
/*    END left menu for microsffer    */
/*====================================*/

/*====================================*/
/*    START pump status for microsffer*/
/*====================================*/


#pump_status_microsffer body{
    background: #E9E9EA;

}
#pump_status_microsffer   .pumpnetContainer{
    position: absolute;
    z-index: 95000;
    width: 100%;
    height: auto;
    background-color: #E9E9EA;
    top: 0px;
    left: 0px;

}

#pump_status_microsffer  .pumpnetBtn{
    position: absolute;
    z-index: 10000000;
    width: 100% !important;
    height: 100%;
    background-color: #FFFFFF;

}
#pump_status_microsffer .pumpnet{
    z-index: 1000000000;
    width: 24% !important;
    max-width: 385px;
    min-width: 230px;
    height: 320px;
    float: left;
    visibility: hidden;
    display: none;
    margin: 4px !important;
    padding: 0px !important;

}

/*====================================*/
/*    END pump status for microsffer*/
/*====================================*/



/*====================================*/
/*    START pump status for microsffer*/
/*====================================*/
#tank_status_microsffer body{
    background: #E9E9EA;
}
#tank_status_microsffer .pumpnetContainer{
    position: absolute;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    top: 0px;
    left: 0px;



}
#tank_status_microsffer .pumpnetBtn{
    position: absolute;
    z-index: 10000000;
    width: 100% !importent;
    height: 100%;
    background-color: #FFFFFF;

}
#tank_status_microsffer .pumpnet{
    z-index: 1000000000;
    width: 48% !importent;
    height: 290px;
    max-width: 540px;
    min-width: 320px;
    background-color: #FFFFFF;
    float: left;
    margin: 2px;
    visibility: hidden;
    display: none;

}
/*====================================*/
/*    END   pump status for microsffer*/
/*====================================*/

/*====================================*/
/*    START  login logo for microsffer*/
/*====================================*/

 .login_logo_microsffer
     {
        width: 100%;
        height: 160px;
		background-image: url('../images/pumpnet/micosfferbyorpak.svg');
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: bottom;
		text-align: center;
		margin-bottom : -100px;
    }


/*====================================*/
/*    END  login logo for microsffer*/
/*====================================*/