/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Non-Mobile First Method  ==========*/

/*=======================LOGO STYLE STARTS===================*/
.main-header .logo .logo-lg
{
    color: #4E85C6 !important;
    font-family: 'Arial';
    font-size: xx-large;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini
{
    font-size: 13pt !important;
    color: #4E85C6 !important;
    font-family: 'Arial';
}
/*=======================LOGO STYLE ENDS===================*/





/*=======================HR TAG STARTS===================*/
.hr-midnight-blue
{
    background-color: #2c3e50;
    border-color: #2c3e50;
    color: #2c3e50;
    height: 5px;
}

.hr-green-sea
{
    background-color: #16a085;
    border-color: #16a085;
    color: #16a085;
    height: 2px;
}

.hr-belize-hole
{
    background-color: #34495E;
    border-color: #34495E;
    color: #34495E;
    height: 1px;
}

/*=======================HR TAG ENDS===================*/

/*=======================PANEL SECTION STARTS===================*/
.panel-pomegranate-header
{
    color: White !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

.panel-pomegranate-border
{
    border-color: #e74c3c !important;
}

.panel-green-sea-header
{
    color: White !important;
    background-color: #16a085 !important;
    border-color: #16a085 !important;
}

.panel-green-sea-border
{
    border-color: #16a085 !important;
}

.panel-turquoise-header
{
    color: White !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}

.panel-turquoise-border
{
    border-color: #1abc9c !important;
}

.panel-belizehole-header
{
    color: White !important;
    background-color: #34495E !important;
    border-color: #34495E !important;
}

.panel-belizehole-border
{
    border-color: #34495E !important;
}

.panel-midnightblue-header
{
    color: White !important;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
}

.panel-midnightblue-border
{
    border-color: #2c3e50 !important;
}

.panel-carrot-header
{
    color: White !important;
    background-color: #e67e22 !important;
    border-color: #e67e22 !important;
}

.panel-carrot-border
{
    border-color: #e67e22 !important;
}

.panel-amethyst-header
{
    color: White !important;
    background-color: #9b59b6 !important;
    border-color: #9b59b6 !important;
}

.panel-amethyst-border
{
    border-color: #9b59b6 !important;
}

/*=======================PANEL SECTION ENDS===================*/

.minHeightFirstRow
{
    min-height: 190px;
    max-height: 200px;
    overflow: auto;
}

/*=======================TEXT COLORS STARTS===================*/
.text-amethyst
{
    color: #9b59b6;
}

.text-carrot
{
    color: #e67e22;
}

.text-midnightblue
{
    color: #2c3e50;
}

.text-belizehole
{
    color: #34495E;
}

.text-turquoise
{
    color: #1abc9c;
}

/*=======================TEXT COLORS ENDS===================*/

#spanMessageLinks a
{
    color: White;
}

.divLnkToOldEnsafe
{
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: White !important;
    line-height: 2;
    z-index: 9999 !important;
}

.divLnkToOldEnsafe a
{
    color: White !important;
    text-decoration: none;
}

/*=======================ALERT MSG STARTS===================*/
.alert-safety-message-info
{
    background-color: #16a085;
    border-color: #1abc9c;
    color: White;
}

.alert-safety-message-alert
{
    background-color: #c0392b;
    border-color: #e74c3c;
    color: White;
}

.alert-safety-message-link
{
    background-color: #34495E;
    border-color: #3498db;
    color: White;
}

/*=======================ALERT MSG ENDS===================*/

/*Start of change done by Anup*/
.modal-header .close_popup
{
    margin-top: -2px;
}

.close_popup
{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #388FC9;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close_popup:hover, .close_popup:focus
{
    color: #388FC9;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
button.close_popup
{
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
/*End of change done by Anup*/

#searchMenu::-ms-clear
{
    display: none;
}

.input:focus
{
    outline: none !important;
    border: 1px solid #34495E;
    box-shadow: 0 0 10px #719ECE;
}

.form-control:focus
{
    outline: none !important;
    border: 1px solid #34495E !important;
    box-shadow: 0 0 10px #719ECE !important;
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label
{
    color: #34495E;
}

.cursor-pointer:hover
{
    cursor: pointer;
}

.bg-primary
{
    color: #fff !important;
    background-color: #337ab7 !important;
}




body
{
   
    /*background-color: #34495E !important;*/
    /**cahnged 20-03-2024 nk**/
     background-color: #8c2b9f !important;
}

.modal
{
    overflow: hidden;
}

.hr-margin-5px
{
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.content-wrapper
{
    min-height: 600px !important;
    height: auto !important;
}


.text-wrap
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.treeview-menu
{
    display: block;
    max-height: 230px;
    overflow-x: wrap;
    overflow-y: auto;
    border: 1px solid #b7b7b7;
}

.text-danger label
{
    color: White !important;
}

.bootstrap-dialog-title #infoHeader
{
    color: White;
}

.close
{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1.0 !important;
    filter: alpha(opacity=20);
}

.menuSubCat
{
    font-size: 10pt; /*padding-top: 12px !important;*/
}

.FRCPMenuItem .treeview-menu, .FRCPMenuItem a
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.FRCPMenuItem .treeview-menu :hover
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.CSMMenuItem .treeview-menu, .CSMMenuItem a
{
    background-color: #34495e !important;
    color: White !important;
}

.CSMMenuItem .treeview-menu :hover
{
    background-color: #34495e !important;
    color: White !important;
}

.IncidentMenuItem .treeview-menu, .IncidentMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.IncidentMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}

.ObservationMenuItem .treeview-menu, .ObservationMenuItem a
{
    background-color: #34495e !important;
    color: White !important;
}

.ObservationMenuItem .treeview-menu :hover
{
    background-color: #34495e !important;
    color: White !important;
}

.OrgUnitMenuItem .treeview-menu, .OrgUnitMenuItem a
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.OrgUnitMenuItem .treeview-menu :hover
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.OHSMenuItem .treeview-menu, .OHSMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.OHSMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}

/* Praveen Kumar Singh 15-05-2019*/
.ENVMenuItem .treeview-menu, .ENVMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.ENVMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}


/* Change as per CMR No. 2016/01/41/J1/T15 - Starts */
.SOPMenuItem .treeview-menu, .SOPMenuItem a
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.SOPMenuItem .treeview-menu :hover
{
    background-color: #5A5A5A !important;
    color: White !important;
}


.MOCMenuItem .treeview-menu, .MOCMenuItem a
{
    background-color: #34495e !important;
    color: White !important;
}

.MOCMenuItem .treeview-menu :hover
{
    background-color: #34495e !important;
    color: White !important;
}
.SHDMenuItem .treeview-menu, .SHDMenuItem a
{
    background-color: #34495e !important;
    color: White !important;
}

.SHDMenuItem .treeview-menu :hover
{
    background-color: #34495e !important;
    color: White !important;
}

.MyDataMenuItem .treeview-menu, .MyDataMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.MyDataMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}


.RNRMenuItem .treeview-menu, .RNRMenuItem a
{
    background-color: #808000 !important;
    color: White !important;
}

.RNRMenuItem .treeview-menu :hover
{
    background-color: #808000 !important;
    color: White !important;
}

.MRECOMenuItem .treeview-menu, .MRECOMenuItem a
{
    background-color: #34495e !important;
    color: White !important;
}

.MRECOMenuItem .treeview-menu :hover
{
    background-color: #34495e !important;
    color: White !important;
}

.PSSRMenuItem .treeview-menu, .PSSRMenuItem a
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.PSSRMenuItem .treeview-menu :hover
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.OSHMSMenuItem .treeview-menu, .OSHMSMenuItem a
{
    background-color: #5A5A5A !important;
    color: White !important;
}

.OSHMSMenuItem .treeview-menu :hover
{
    background-color: #5A5A5A !important;
    color: White !important;
}
/* Change as per CMR No. 2016/01/41/J1/T15 - Ends */

.CustomerReqMenuItem .treeview-menu, .CustomerReqMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.CustomerReqMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}

.PSAPMenuItem .treeview-menu, .PSAPMenuItem a
{
    background-color: #3498db !important;
    color: White !important;
}

.PSAPMenuItem .treeview-menu :hover
{
    background-color: #3498db !important;
    color: White !important;
}

ul.treeview-menu {
    min-width: 233px !important;
    background-color: #34495E
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > .ap, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > .ap, .page-sidebar .page-sidebar-menu > li:hover > .ap, .page-sidebar .page-sidebar-menu > li.open > .ap, .page-sidebar .page-sidebar-menu .apsub-menu
{
    background: #34495E !important;
    color: #fff;
}

.sidebar-toggle
{
    color: White !important;
}

.sidebar-toggle:hover
{
    color: Gray !important;
}

.treeview-menu
{
    width: auto !important;
    overflow-x: hidden !important;
}


/*=======================LOADER STYLE STARTS===================*/
.divWaiting
{
    position: fixed;
    background-color: #FAFAFA;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10000;
}
/*=======================LOADER STYLE ENDS===================*/

/*=======================BUTTON COLOR STARTS===================*/
.btn-midnight-blue
{
    color: white;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.btn-midnight-blue:hover
{
    color: white;
    background-color: #34495e;
    border-color: #34495e;
}

.btn-midnight-blue:focus
{
    color: white;
       background-color: #34495e;
    border-color: #34495e;
}

.btn-green-sea
{
    color: white;
 
     /*background-color: #16a085;
    border-color: #16a085;*/
    background-color: #8c2b9f;
    border-color: #8c2b9f;
}

.btn-green-sea:hover
{
    color: white;
   
     /*background-color: #1abc9c;
        border-color: #1abc9c;
        */
       background-color: #8c2b9f;
    border-color: #8c2b9f;
}

.btn-green-sea:focus
{
    color: white;
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.btn-pumpkin
{
    color: white;
    background-color: #d35400;
    border-color: #d35400;
}

.btn-pumpkin:hover
{
    color: white;
    background-color: #e67e22;
    border-color: #e67e22;
}

.btn-pumpkin:focus
{
    color: white;
    background-color: #e67e22;
    border-color: #e67e22;
}

.btn-pomegranate
{
    color: white;
    background-color: #c0392b;
    border-color: #c0392b;
}

.btn-pomegranate:hover
{
    color: white;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.btn-pomegranate:focus
{
    color: white;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.btn-belize-hole
{
    color: white;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-belize-hole:hover
{
    color: white;
    background-color: #3498db;
    border-color: #3498db;
}

.btn-belize-hole:focus
{
    color: white;
    background-color: #3498db;
    border-color: #3498db;
}

/*=======================BUTTON COLOR ENDS===================*/

/*=======================AUTOCOMPLETE STARTS=================*/
.ui-autocomplete
{
    max-height: 250px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 99999 !important;
}
/*=======================AUTOCOMPLETE ENDS===================*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
{
    .logo
    {
        background-color: White !important;
    }

    .logo-lg
    {
        color: #34495E !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
{
    .logo
    {
        background-color: White !important;
    }

    .logo-lg
    {
        color: #34495E !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px)
{
    .logo
    {
        background-color: #34495E !important;
    }

    .logo-lg
    {
        color: White !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px)
{
    .logo
    {
        background-color: #34495E !important;
    }

    .logo-lg
    {
        color: White !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px)
{
    .logo
    {
        background-color: #34495E !important;
    }

    .logo-lg
    {
        color: White !important;
    }
}