/* Main Body Styles */

    body
    {
	    padding:0px;
	    margin:0px;
	    background-color:#FFFFFF;
        background:url(../images/bg.jpg) no-repeat top center fixed;
        background-size:cover;
	    height:100%;
	    min-height:100%;
        font-family:"Open Sans", arial, sans-serif;
        font-size:13px;
    }

/* Header Styles */

    #header_bg
    {
        height:88px;
        width:100%;
    }

    #header_logo{
        
        background-image:url(../images/header_logo_riskmatics.png);
        background-repeat:no-repeat;
        background-size:contain;
        width:322px;
        height:50px;
        margin-left:10px;
        margin-top:0px;
    }
    
        #header_logo h1 
        {
            float:right;
            margin:6px -76px 0px 0px;            
            color:#ffffff;
            font-size:24px;
            font-weight:400;
            display:none;
        }
    
        #header_logo .logoSpacer 
        {
            background-image:url(../images/logospacer.png);
            float:right;
            height:50px;
            width:3px;
            margin-top:-4px;
            margin-right:-5px;
            display:none;
        }
    
    #header_clock
    {
        height: 88px;
        margin-right: 10px;
        float: right;
    }
        #header_clock tr         
        {
    
        }


/* Navigation Styles */

    #nav_bg
    {
        height:36px;    
        width:100%;   
        background:none repeat scroll 0 0 rgba(0,0,0,.1);
    }

    .nav_wrapper
    {
        padding:5px 0px 5px 15px;        
        float:left;
        color:#FFFFFF;
        font-family:"Open Sans", Arial, Verdana;
        font-size:10.5pt;        
    }

         .nav_wrapper:hover 
        {
            background-color:rgba(0, 0, 0, 0.2);
        }

    .nav_wrapper A
    {
        color:#FFFFFF;
        font-family:"Open Sans", Arial, Verdana;
        font-size:10.5pt;
        text-decoration:none;
    }

    .nav_wrapper A:HOVER
    {
        color:#FFFFFF;
        font-family:"Open Sans", Arial, Verdana;
        font-size:10.5pt;
        text-decoration:none;
    }

    .navitemactive_left
    {
       width:0px;
       height:26px;
       float:left;
       border-left: 0px solid white;
    }

    .navitemactive_bg
    {
        height:22px;
        display:table;
        padding-left:5px;
        padding-right:5px;
        padding-top:4px;
        float:left;
    }

    .navitemactive_right
    {
        width:4px;
        height:26px;
        float:left;

    }

    .navitem_left
    {
       width:0px;
       height:26px;
       float:left;
       border-left: 0px solid white;
    }

    .nav_wrapper .link 
    {
        height:22px !important;
        display:table !important;
        padding-left:5px !important;
        padding-right:5px !important;
        padding-top:4px !important;
        float:left !important;
    }

    .navitem_bg
    {
        height:22px;
        display:table;
        padding-left:5px;
        padding-right:5px;
        padding-top:4px;
        float:left;
    }



    .navitem_right
    {
        
        width:4px;
        height:26px;
        float:left;

    }
    
    #navCompSelect
    {
        float:right;
        margin-right:0px;
        height:26px;
        color:#ffffff;
        color:#FFFFFF;
        padding-top:10px;
        padding-left:25px;
        background-position:top;
        background-repeat:no-repeat;
        cursor:pointer;
        font-size:11pt;
    }
    
    #navCompSelect div
    {
        color:#ffffff;
        padding-right:7px;
        font-family:"Open Sans", Arial, Verdana;
        font-size:11pt;
    }

    #navCompSelect:HOVER
    {
        float:right;
        margin-right:0px;
        color:#ffffff;
        color:#FFFFFF;
        font-family:"Open Sans", Arial, Verdana;

        padding-top:10px;
        padding-left:25px;
        background-position:bottom;
        background-repeat:no-repeat;
    }


/* Content and Sidebar Styles */

    #content,#sidebar
    {
	    text-align: left;
    }

    #sidebar
    {
	    display: none;
	    background-repeat:repeat-x;
	    background-position:top;
    }

    #content
    {
	    background-color: #FFFFFF;
	    width: 99%;
	    background-repeat:repeat-x;
	    background-position:top;
	
    }

    #content_shadow
    {
        background-image:url(../images/shadow.png);
        background-position:top left;
        background-repeat:repeat-x;
        height:0px;
        width:100%;
        position:absolute;
        float:left;
        z-index:99;
        
    }
    
    #content_scroll
    {
	    background-color: #FFFFFF;
	    width: 100%;
	    padding:0px;
	    margin:auto;
	    overflow:auto;	
    }

    #content_padder
    {
        padding:10px;
    }
	
	#content_padder.withScroll
	{
		overflow: auto;
	}

    .use-sidebar #content
    {
        width: 79%;
    }

    .use-sidebar #sidebar
    {
	    display: block;
	    width: 20%;
    }

    .sidebar-at-left #sidebar
    {
        margin-right: 0%;
    }

    .sidebar-at-right #sidebar
    {
        margin-left: 0%;
    }

    .sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator
    {
        float: right;
    }

    .sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator
    {
        float: left;
    }

    #separator
    {
	    display: block;
	    outline: none;
        width: 1%;
	    cursor:w-resize;
	    background-repeat:repeat-x;
	    background-position:top;

	 } 

    .ie7 #separator
    {
	    display: block;
	    outline: none;
        width: 10px;
	    cursor:w-resize;
	    background-repeat:repeat-x;
	    background-position:top;
	 } 
    
    #separatorinner
    {
	    display: block;
	    outline: none;
	    width: 100%;
	    cursor:w-resize;
    }

    .use-sidebar #separator
    {
	    border-style:solid;
	    border-width:0px;
	    border-color:#515151;
    }

    /* 
    #separator:hover
    {
	    background-image:url(../images/hidebar-bg-hover.png);
    }
    */

/* Panel Styles */

    #panel
    {
       /* height:158px;*/
        height:110px;
        background-image:url(../images/panelWhite.png);
        background-position:bottom;
        display:none;
        position:absolute;
        width:100%;
        z-index:100;
    }
    
/* Login Box */

    #loginArea
    {
        padding-bottom:20px;
    }

    #loginBox
    {
        width:486px;
        /* height:201px; */
        /* background-image:url(../images/login_box.png); */
        margin:auto;
        margin-top:120px;
        padding:30px;
        background-color:#f4f4f4;
        border:#ddd;
    }

    #loginBoxCaptcha
    {
        width:486px;
        height:400px;
        background-image:url(../images/login_boxCapcha.png);
        margin:auto;
        margin-top:120px;
        padding:30px;
    }
    
    #loginBox h1
    {
        color:#333333;
	    font-family:"Open Sans", arial, sans-serif;
	    text-decoration:none;
	    padding:14pt;
	    font-weight:lighter;
	    margin:0px;
	    padding:0px;
	    float:left;
    }
    
    #loginBox #line
    {
        width:100%;
        height:1px;
        float:left;
        background-color:Gray;
        margin-top:10px;
    }
    
    #loginBox #box
    {
        width:100%;
        /* height:146px; */
        /* background-image:url(../images/login_boxBlueCapcha.png); */
        background-color: #2c4665;
        /* float:left; */
        margin-top:55px;
        color:White;
        border-radius:8px;
    }
    
    #loginBoxCaptcha #box
    {
        width:100%;
        height:332px;
        /*background-image:url(../images/login_boxBlueCapcha.png);*/
        background-color: #2c4665;
        float:left;
        margin-top:15px;
        padding-top:15px;
        /*color:White;*/
        color:White;
        border-radius:8px;

    }

    #loginBox #box span, #loginBoxCaptcha #box span
    {
        color:White;
    }

    #loginBox #box div, #loginBoxCaptcha #box div
    {
        color:White;
    }
    
    #loginBox #forgot
    {
        float:right;
        margin-top:7px;
        font-size:9pt;
        width:50%;
        text-align:right;
    }
    
    #loginBox #invalid
    {
        float:left;
        margin-top:7px;
        font-size:9pt;
        width:50%;
        color:Red;
    }
    
    #loginBox #pushBox
    {
        height:17px;
    }
    
    #loginBox #userLabelHolder
    {
        float:left;
        padding-left:70px;
        padding-right:20px;
        padding-top:4px;
    }
    
    #loginBox #passwordLabelHolder
    {
        float:left;
        padding-left:73px;
        padding-right:20px;
        padding-top:4px;
    }
    
    /* Side Box */
    
   .sbSpacer
   {
       float:left;
       height:20px;
       clear:both;
       width:100%;
   }
   
   #sbWrap
   {
       width:100%;
       float:left;
   }
   
    .sbHeader
    {
        height:25px;
        background-color:Black;
        color:White;
        background-image:url(../images/sidearea_top.png);
        float:left;
        font-size:9pt;
        padding-left:5px;
        padding-top:4px;
        margin-left:0px;
        margin-top:5px;
        border-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-style:solid;
        border-color:#323232;
    }
    
        .sbHeader .label
        {
            font-size:11pt;
            font-family:"Open Sans", Arial, Verdana;
        }
    .sbContent
    {
        min-height: 60px;
        background-image:url(../images/sidearea_content.png);
        float:left;
        padding:5px;
        padding-bottom:0px;
        color:#333333;
    }
    
    
    .sbFooter
    {
        float:left;
        height:21px;
        background-image:url(../images/sidearea_footer.png);
        margin-left:0px;
    }
    
    .grid
    {
        width:100%;
        
    }
    
 
    .gridFull
    {
        width:100%;
        
    }
    
    .mapHolder
    {
        width:100%;
        height:400px;
        float:left;
        z-index:0;

    }
    
     .mapHolderGeoAdmin
    {
        width:100%;
        height:400px;
        float:left;
        z-index:0;
        margin-bottom:10px;

    }
    
    #panelUp
    {
        float:right;
        height:20px;
        padding-right:22px;
        padding-top:10px;
    }
    
    .panelClose
    {
        padding-right:5px;
        float:left;
        cursor:hand;
        font-size:11px;
        padding-top:1px;
        text-decoration:underline;
    }
    
    .panelCloseIco
    {
        float:left;
        cursor:hand;
    }
    
    .panelContent
    {
        clear:both;
        margin:auto;
        text-align:center;
        padding-top:7px;
    }
    
    .list1
    {
        width:270px;
       
        color:Black;
        clear:both;
        background-image:url(../images/button_bg_bluelight.png);
        height:24px;
        padding-top:5px;
        padding-left:7px;
        font-size:10pt;

        border-style:solid;
        border-color:Black;
        border-width:1px;
        border-bottom:0px;
    }
    
        .list2
    {
        width:270px;
     
        color:white;
        clear:both;
        background-image:url(../images/button_bg_blue.png);
        height:24px;
        padding-top:5px;
        padding-left:7px;
        font-size:10pt;

        border-style:solid;
        border-color:Black;
        border-width:1px;
        border-bottom:0px;
    }
    
    .loginbox
    {
        padding:5px;
        margin:5px;
        float:left;
    }
    
    
   .tblDetailHeader .rowHeader
    {
        height:18px;
    }
    .rowHeader
    {
        height:22px;
        background-image:url(../images/row_bg.png);
        background-repeat:repeat-x;
        color:White;
        font-size:10pt;
        /*text-shadow: 1px 1px 1px #000; <- Must Wait for IE support */
        text-align:center;
    }
  .rowHeaderuu
  {
    background-image:url(../images/header-bg.png);
    background-repeat:repeat-x;
    height:26px;
    width:100%;
    padding:0px;
    margin:0px;
  }
    
    .tableFormatHeading
    {
        padding-left:5px;
        padding-top:5px;
        padding-bottom:5px;
        font-size:8pt;
        font-weight:bold;
    }
    
    .tableFormat
    {
        padding-left:7px;
        padding-top:7px;
        padding-bottom:7px;
        font-size:8pt;
        background-color:White;
    }
    
    .tableFormatAlt
    {
        padding-left:7px;
        padding-top:7px;
        padding-bottom:7px;
        font-size:8pt;
        background-color:#D0D8E1;
        font-weight:bold;
    }
   
    .devExpressDropDown
    {
       z-index:0;
    }
  
  
  .box
  {   
      /*background-image:url(../images/bg-rule.png);*/
      background-repeat:repeat;
      padding:15px;
      color:White;
      background-color: #2c4665;
      border-radius: 8px;
  }
  
  .boxTitle
  {
      font-size:13px;
      float:left;
  }
  
  .boxLine
  {
      clear:both;
      height:8px;
      width:100%;

  }
      
  
  .boxHolder
  {
      width:100%;
      padding:0px;
      margin:0px;
      float:left;
  }
  
  .boxHeaderLeft
  {
      width:15px;
      height:14px;
      background-image:url(../images/box/boxHeaderLeft.png);
  }
  
  .boxHeader
  {
      width:100%;
      height:14px;
      background-image:url(../images/box/boxHeader.png);
      background-repeat:repeat-x;
  }
  
  .boxHeaderRight
  {
      width:15px;
      height:14px;
      background-image:url(../images/box/boxHeaderRight.png);
  }
  
  .boxMainLeft
  {
      width:15px;
      background-image:url(../images/box/boxMainLeft.png);
      background-repeat:repeat-y;
  }
  
  .boxMain
  {
      width:100%;
      background-image:url(../images/box/boxMain.png);
      background-repeat:repeat;
      background-position:top;
  }
  
  .boxMainRight
  {
      width:15px;
      background-image:url(../images/box/boxMainRight.png);
      background-repeat:repeat-y;
  }
  
  .boxFooterLeft
  {
      width:15px;
      height:15px;
      background-image:url(../images/box/boxFooterLeft.png);
  }
  
  .boxFooter
  {
      width:100%;
      height:15px;
      background-image:url(../images/box/boxFooter.png);
  }
  
  .boxFooterRight
  {
      width:15px;
      height:15px;
      background-image:url(../images/box/boxFooterRight.png);
  }
  
  .forgottenLink
  {
      color:White;
      text-decoration:none;
  }
  
  #sidebarPoweredBy
  { 
      height:50px;
      background-image:url(https://cdn.anvilgroup.com/AAAAAAAA-1111-AAAA-1111-AAAAAAAAAAAA/Shared/assets/v1/css/img/PoweredBy2.png);
      color:white;
      background-repeat:no-repeat;
      margin-left:12px;
      margin-top:6px;
      font-style:italic;
      font-size:10px;
  }

  .commToolbar
  {
    padding-top:5px;
    padding-left:2px;
    cursor:pointer;
  }
  
  .commButtons
  {
    padding-bottom:3px;
    padding-right:3px;
    cursor:pointer;
  }

  .commButtonSpacer
  {
    padding-bottom:3px;
    width:100%;  
    height: 10px;  
  }
  
  .mapListHolder
  {
    background-image:url(../images/mapSpace.png);
    background-position:top;
    background-repeat:repeat-x;
    height:240px;
   }
   
   .deviceInfoRowTitle
   {
       font-size:11px;
       background-color:#ACACAC;
       padding:5px;
       padding-left:5px;
       color:white;
       width:50%;
   }
   
    .deviceInfoRowTitleGPS
   {
       font-size:11px;
       background-color:#ACACAC;
       padding:5px;
       padding-left:5px;
       color:white;
       width:20%;
   }
   
   .deviceInfoRowTextGPS
   {
    font-size:11px;
    padding-left:6px;
    width:14%;
   }
   
   .deviceInfoRowText
   {
    font-size:11px;
    padding-left:6px;
    height:25px;
   }
   
   .deviceInfoRowHeader
   {
       font-size:11px;
       background-color:#808080;
       padding:5px;
       padding-left:5px;
       color:white;
       font-weight:bold;
   }


.GeofenceInfoWindow
{
   overflow:auto;
   width:100%;  
   height:100% ;
   
}

.GeofenceInfoWindow h3,p
{
    float:left;
}

.markerPOI
{
 
  min-width:140px;
   width:100%;  
   height:100%;
}

.markerPOI p
{
   float:left;
}

.required
{
    font-weight:bold;
    color:Red;
}

.requiredMessage
{
    font-size:8pt !important;
}



#LblSOSAL 
{
    border-left:0px solid white;
    padding-right:10px !important;
    padding-left:4px !important;
}


.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-top:6px;
}


#nav_bg .nav_wrapper:first-of-type .navitem_left
{
    border-left:0px solid red !important;
}



#nav_text_Adminicon > .navitem_icon
{
    font-family:"entypo";
    margin-top:2px;
}

.navitem_icon {
    float:left;
    font-family:"dripicons";
    font-size:18px;
    color:white;
}

.poweredByWrap 
{
    float:left;
    width:361px;
    margin-top:20px;
    margin-bottom:20px;
}

.poweredByWrapHr 
{
    background-color:#758494;
    border-bottom:1px solid #55677b;
}

.poweredByWrapLogo{
    background-image:url(https://cdn.anvilgroup.com/AAAAAAAA-1111-AAAA-1111-AAAAAAAAAAAA/Shared/assets/v1/css/img/PoweredBy.png);
    width:136px;
    height:47px;
    margin-top:25px;
}

.dxsplPaneuu, .dxsplPaneCollapseduu {
    border-width:0px;
}


#ContentPlaceHolder_MainArea_ChangePassword {
    width:486px;
    margin:auto;
    margin-top:120px;

}


#ContentPlaceHolder_SideBar_rdoListDataSource {
    width:100%;
}

#ContentPlaceHolder_SideBar_rdoListDataSource2 {
    width:100%;
    padding-top:0px;
}

#ContentPlaceHolder_SideBar_rdoListDataSource input, #ContentPlaceHolder_SideBar_rdoListDataSource2 input {
    float:left;
}

#ContentPlaceHolder_SideBar_rdoListDataSource td label, #ContentPlaceHolder_SideBar_rdoListDataSource2 td label {
    margin-top:2px;
    float:left;
}


#ContentPlaceHolder_MainArea_pnlSuccess {
    background:url(../images/login_box.png);
    border:solid 1px #ddd;
}


/* SAML Error Page */


#samlErrorBoxArea
{
    margin: 0 5px;
    text-align: center;
}

#samlErrorMsg
{
    padding-bottom: 5px;
    font-weight: bold;
}


#samlErrorTryAgain{
    margin-top: 10px;
}



#loggedOutBoxArea
{
    margin: 0 5px;
    text-align: center;
}

#loggedOutMsg
{
    padding-bottom: 5px;
    font-weight: bold;
}


#loggedOutLogBackIn{
    margin-top: 10px;
}

#devExCaptcha_TB_ET .dxeEditArea {
    background-image: url(../Images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    color: #333333;
    padding: 4px;

    font-family: "Open Sans", arial, sans-serif;
}

/* View Email Online */
.no-email-message {
    margin: 0 auto;
    min-height: 200px;
    padding: 50px 0 0 0;
    width: 600px;
    text-align: center;
}
.content-no-margin {
    margin-right: 0;
}
.view-email-background {
	background-color: #FFFFFF;
	background-image: none;
}