.glyphicon-remove:before {
    color: #c43c35;
}

.glyphicon-plus:before {
    color: #46a546;
}
.glyphicon-user:before {
    color: #FFF;
}
/***********font-awesome***********/
@font-face {
    font-family: 'FontAwesome';
    src: url('../../fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="font-awesome-"],
[class*=" font-awesome-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    font-family: 'FontAwesome';
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}
.font-awesome-paperclip:before {
    content: "\f0c6";
    color: #faa937;
}
.font-awesome-copy:before {
    content: "\f0c5";
    font-style: normal
}
.font-awesome-ok:before {
    content: "\f00c";
    color: #46a546;
}
.font-awesome-phone:before {
    content: "\f095";
}
.black.font-awesome-ok:before {
    color: black;
}
/*make n/a checkmark orange color*/
.orange.font-awesome-ok:before {
    color: #f89406;
}
/*make n/a checkbox border orange color*/
input[type="checkbox"]:checked.orange {
    border-color: #f89406; 
}
/*make completed checkbox border green color*/
input[type="checkbox"]:checked.green {
    border-color: #46a546; 
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after{
    content:url(../../img/checkmark.png)
}
/*make checkbox and radio label bold when checked*/
:checked + label,
:checked + input[type='hidden'] + label,
:checked + span{
    font-weight: 600 !important;
}
:checked ~ span{
    font-weight: 600 !important;
}
/*make inside content font semi-bold*/
strong,
.strong{
    font-weight:600 !important
}
label{
    font-weight:normal
}


/***********body and header fonts,styles***********/
body{
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    background-color: #F5EFE6;
    overflow-x: visible !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: /*iOS*/"AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", 
        /*MacOSX*/HelveticaNeue-CondensedBold, /*Ubuntu*/ "Ubuntu Condensed", "Liberation Sans Narrow", 
        /*Windows*/"Arial Narrow", /*Android*/sans-serif-condensed, 
        /*Fallback*/Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-stretch: condensed;
    font-weight: bold;

}

h3{
    margin:10px 0px
}
.heading {
    margin: 5px 0 10px 10px;
}
.log_header h2 {
    display:inline-block
}
.log_header .new-log-div {
    /*margin-right: 50px;*/
    margin-top: 5px;
    margin-bottom: 5px;
}
.legend {
    display: block;
    /*    width: 100%;*/
    padding: 0;
    margin-bottom: 5px;
    font-size: 21px;
    line-height: 40px;
    border: 0;
    /* border-bottom: 1px solid #e5e5e5; */
    cursor: default;
}
.centerAlignText {
    text-align: center;
}
.leftAlignText {
    text-align: left; 
}
/*.marginFlex{
    margin-top: 43px;
}*/


/***********general styles************************/
/*data time block style*/


/*@media screen and (max-width: 479px){
    .dateControl{
        width:117px;
        padding-top:8px;
        padding-bottom: 8px;
    }
    
    .timeControl{
        width:83px;
        padding-top:8px;
        padding-bottom: 8px;
    }
}*/
/*make comment width 100% when screen < 479px*/
@media only screen and (max-width : 479px){
    .col-xxs{
        width:100%
    }
}
#_editLogForm_ label,
#_editLogForm_ .control-label,
#_LOG_EMAIL_ label,
#followUpTab label,
#editOutageForm label,
#accordion2 label,
.pagination label,
.control-label, .fontwieghtnormal{
    font-weight: normal
} 
/*#_viewLog_ label,*/
strong{
    font-weight: 600
}
/*label + label{
    font-weight:600 !important
}*/
/*fix dropdown list not shown menulist button*/
select.form-control{
    -webkit-appearance: menulist
}
/*float*/
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.form-inline .form-group.marginBottom5,
.marginBottom5{
    margin-bottom: 5px;
}

.paddingRight5{
    padding-right:5px
}
/*display as a line*/
.displayInlineBlock {
    display: inline-block;
}
.inlineBlock {
    display: inline-block;

}
.displayNone {
    display : none;
}
/*shift change badge color*/
.badge-info {
    background-color: #3a87ad;
}
.badge-warning {
    background-color: #f89406;
}
.badge-success {
    background-color: #468847;
}
.badge-error {
    background-color: #D9534F;
}
/*make delete button square*/
.btnDel{
    padding-top: 7px;
    border-bottom-width: 1px;
    padding-bottom: 8px;
    padding-right: 7px;
    padding-left: 8px;
    line-height: 13px;
}
.rowNoMar{
    margin-left: 0px;
    margin-right: 0px
}
@media (max-width:479px){
    .form-group{
        margin-bottom: 5px
    }
}
/*make select2 same height as input field*/
.select2-container .select2-choice ,
select {
    height: 30px !important;
}
.select2-container-multi .select2-choices{
    height: auto !important;
}
/*make all input border-radius:2px*/
.select2-container .select2-choice{
    box-shadow: none;
    border-radius: 2px
}
/*select2 picture redirect*/
.select2-container .select2-choice .select2-arrow b{
    background: url('../../img/select2.png') no-repeat -30px 2px;
    color:#111
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../../img/select2x2.png') !important;
    }
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices{
    color: #111;
    border-radius: 2px;
}
.input-group .form-control,
.table,
.input-sm,
.form-control{
    border-radius: 2px
}
hr {
    margin: 5px 0px 10px 0px;
    border-top: 1px solid #ddd;
}
.panel > hr {
    margin: 5px -15px;
    border-top: 1px solid #cfc5b1;
}
/*required field color*/
.required.select2-container .select2-choice,
.required .select2-container .select2-choice, 
.controls.required input, 
.required .control-group .controls .radio input, 
input.required, 
textarea.required, 
.required input, 
.required select,
.required .bootstrap-select .btn,
.required input[type="radio"],
.required input[type="checkbox"],
label.required {
    background-image: none;
    background-color: #E0FFFF;
}
/*.bootstrap-select:not([class*="span"]) {
    width: 210px; 
}*/


/**********login page fix**********/
.loginIconImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.form-signin {
    max-width: 350px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
    text-align: center;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    margin-bottom: 15px;
}
/*fix login page select2*/
.roleDiv .select2-container {
    margin-bottom:10px;
    height: 30px;
    width: 100%;
}


/**********home page image container**********/
#home_modules .well {
    margin: 10px 10px 1em;
    height: 130px;
    width: 130px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    color:black;
    cursor: pointer;
    float: left;
    border-radius: 10px;
    background-color: transparent;
    padding:17px 10px 10px;

}
@media (max-width:479px){
    .well{
        margin-top: 10px
    }
    .marginTop10{
        margin-top: 10px
    }
}
#home_modules .well:hover {
    background-color: #e6e6e6;
    border-color: #646464;
}
#home_modules label {
    font-weight: bold;
    width: 100%;
    margin-top: 13px;
}
.iconImage {
    vertical-align: middle;
    max-width: 100%;
    height: 60px;
    width: 60px;
}


/**********navbar menu.jsp fix**********/
/*.navbar{
    margin-bottom: 0px;
}
.navbar-right{
    font-size: 15px
}
.navbar-nav >li >a{
        padding-left:5px;
    padding-right:15px;
    font-size: 15px  
}
.navbar > .container-fluid .navbar-brand{
    padding-top:0px;
    padding-bottom: 0px;
    padding-right:0px
}

.nav.nav-pills > li > a {
    padding: 8px 10px;
}*/

ul{
    margin-bottom:0px
}
a{
    font-weight: normal
}
/*plus icon not change to green when hover*/
.glyphicon-plus:before {
    content: "\2b";
    color: #46a546;
}
.white:before{
    color: #fff;
}
/*make navbar fold at the specified position*/
/*@media (max-width: 1160px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .container-fluid > .navbar-collapse{
        margin-left:-15px;
        margin-right:-15px;
        padding-left:15px;
        padding-right: 15px
    }
    .navbar-collapse.in{
        overflow-y: auto !important
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}*/


/*********************alert and error message************************/
.alert{
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.alertMar{
    margin-left:15px;
    margin-right:15px
}
.fieldError {
    margin-left: 0;
    list-style-type: none;
}
.fieldError .error {
    color: #b94a48;
    padding-left:0px
}
.form-group.has-error .bootstrap-select .dropdown-toggle,
.form-group.has-error .select2-choice,
.form-group.has-error input[type="radio"]{
    border-color: #b94a48;
}

.has-error, .has-error .selectpicker, .has-error .select2-choice {
    border-color: #dd4b39 !important;
    color: #dd4b39 !important;
}
ul.inner >li>a{
    padding-left:13px
}
.fieldError.error {
    color: #b94a48;
}
.fieldError.error li {
    padding-top: 5px;
}

.voltage-select{
    margin-right: -6px !important;
    background-color: #EEE;
    padding-left: 1px;
    padding-right: 3px;
    padding-top:4px;
    height:30px;
    border:1px solid #D2D6DE;
}


.tooltip {

    min-width: 70px;

}

/***************tab styles and each tab content fix********************/
/*tab style*/
.tabbable .nav-tabs > li.active a{
    /*border-top: 2px #2C3E50 solid;*/
    /*border-bottom-width: 0px;*/
    border-bottom: 2px #2C3E50 solid
}
.nav-tabs > li > a {
    border-radius: 2px 2px 0 0;
    /*border: 2px #eeeeee solid;*/
    background-color: transparent;
}
.tabbable .nav-tabs > li:hover a {
    background-color: #d5d5d5;
    color: #ffffff;
}
.tabbable .nav-tabs > li.active:hover a {
    background-color: #ffffff;
    color: black;
}
.tabbable .nav-tabs.nav-tabs-google > li.active a {
    color: #dd4b39;
    border: 3px solid transparent;
    border-width: 3px 0;
    border-bottom-color: #dd4b39;
}
.nav-tabs{
    margin-bottom: 10px
}
/*attachment.jsp fix upload file button*/
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
/*emailTab preview*/
.emailPreview {
    background: white;
    overflow: auto;
    max-height: 250px;
    border: 1px solid #e5e5e5;
    /*max-width: 544px;*/
}
#emailSubject.input-xxlarge,
#emailAdditionalText.input-xxlarge{
    max-width: 544px
}
#emailLogEntryForm .form-group{
    margin-bottom: 10px;
}


/*****************input length**************************/
@media only screen and (max-width:479px){
    .input-medium {
        width: 210px;
    }
}
@media only screen and (max-width:767px){
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    /*    input[class*="span"],
        select[class*="span"],
        textarea[class*="span"],*/
    .uneditable-input {
        /*display: block;*/
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .equipment{
        display:block!important;
        width:100%;
        max-width: 300px;
    }

} 
@media only screen and (min-width:480px){
    .input-mini,
    .input-mini.form-control,
    .form-inline .input-group>.input-mini{
        width: 70px !important;
    }

    .input-small,
    .input-small.form-control,
    .form-inline .input-group>.input-small {
        max-width: 100px;
    }

    .input-medium,
    .input-medium.form-control,
    .form-inline .input-group>.input-medium {
        width: 150px;
    }

    .input-large,
    .input-large.form-control,
    .form-inline .input-group>.input-large {
        width: 210px;
    }



    .input-xlarge,
    .input-xlarge.form-control,
    .form-inline .input-group>.input-xlarge {
        width: 250px;
    }

    .input-xxlarge,
    .input-xxlarge.form-control,
    .form-inline .input-group>.input-xxlarge {
        /*max-width: 544px;*/
        width:100%
    }
}


/************company label fix************/
@media only screen and (max-width : 479px){
    .labelCom{padding:0px}
}
@media only screen and (min-width : 480px) and (max-width:991px){
    .labelCom{width:110px;text-align: right;padding:0px 15px}
}
@media only screen and (min-width : 992px){
    .labelCom{width:80px;text-align: right;padding:5px}
    .equipment{
        width:310px!important;
    }
}


/***********user_preferences.jsp***********/
@media only screen and (max-width : 479px){
    .label-lg{
        padding-left:5px
    }
}
@media only screen and (min-width : 480px){
    .label-lg{
        width:200px;
        text-align: right;
    }
}


/***********equipment trouble log view.jsp***********/
.labelET{font-weight: normal}
.labelTopMargin{font-weight: 600}
@media only screen and (min-width : 480px){
    .labelET{width:160px;text-align: right;padding-right: 10px;}
    .form-horizontal .formNoMar{
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px
    }      
}
@media only screen and (max-width : 479px){
    .labelET{width:90px;text-align: right;}
    .form-horizontal .formNoMar{
        margin-left: 0px;
        margin-right: 0px;
    }    
}
@media (min-width:480px) and (max-width:767px){
    .formNoMar{
        margin-bottom:0px
    }
}


/***********substation new checkIn***********/
.controlLabel{font-weight: normal}
@media only screen and (min-width : 400px){
    .controlLabel{width:70px;text-align: right;margin-right: 5px}   
}
@media only screen and (max-width : 399px){
    .controlLabel{width:170px;}   
}
/*fix the attachment checkbox in the email tab*/
.checkbox input[type="checkbox"].emailAtt {
    margin-left: 0px;
    margin-right: 2px;
    margin-bottom: -2px;
}


/***********Protection Analysis Entry***********/
@media (min-width:768px) and (max-width : 991px){
    .formWidth{width:160px}
}
@media (max-width:767px){
    .formWidth{margin-bottom: 0px}
}
@media only screen and (min-width : 480px){
    .labelMisop{width:170px;text-align: right;padding:5px}
}
@media only screen and (max-width : 479px){
    .labelMisop{padding:0px}
}


/***********OE summary***********/
@media only screen and (min-width : 768px){
    .date_padding{padding:0px}
}
@media only screen and (max-width : 479px){
    .labelOE{padding:0px}
}
@media only screen and (min-width : 480px){
    .labelOE{width:160px;text-align: right;padding:5px}
}


/***********Equipment trouble***********/
@media only screen and (min-width : 752px) and (max-width : 768px){
    .panel_sm{width:718px}   
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .marginTop15{margin-top: -15px}   
}


/***********shift change***********/
@media only screen and (min-width : 768px){
    .labelSC{width:155px;}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .labelSC{width:130px; text-align:right}
}
@media only screen and (max-width : 479px) {
    .labelSC{padding-left: 0px}
}
@media only screen and (min-width : 768px) and (max-width : 991px){
    .containerSC{padding-left:0px}
}
@media only screen and (max-width : 991px){
    .containerSC{width:100%}
}
@media (min-width: 992px){
    .containerSC {width: 970px;}
}
@media (min-width: 1200px){
    .containerSC {width: 1170px;}
}


/***********note entry***********/
.gen_unit,.gen_equipment,.gen_station{
    margin-bottom: 10px;
    /*vertical-align: top;*/
}
@media only screen and (min-width : 480px) {  
    .labelNote{
        width:106px; text-align: right
    }
}
@media only screen and (max-width : 479px) {
    .labelNote{padding-left: 0px}
}

/***********Difference in Limits***********/
@media only screen and (min-width : 480px) {
    .paddingTop12{
        padding-top: 12px
    }
}

/***********Load_Transfer***********/
@media only screen and (min-width : 480px) {
    .paddingTop24{
        padding-top: 24px
    }
}

/***********generation_voltage, station_alarm***********/
@media only screen and (min-width : 768px) {
    .paddingTop6{
        padding-top: 0px
    }
    .adjust_left{text-align: right;}

}
@media only screen and (max-width : 768px) {
    .paddingTop6{
        padding-top: 6px
    }
    .adjust_left{text-align: left;}
}
@media only screen and (min-width : 480px) {
    .adjust_label{width:120px; text-align: right;}
}
@media only screen and (max-width : 479px) {
    .adjust_label{padding-left: 0px;width:100%}
    /*    .adjust_row{padding: 0 15px 10px;}*/
}


/***********load transfer***********/
@media only screen and (max-width : 479px){
    .labelLT{padding-left: 0px}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .labelLT{width:180px; text-align:right}
}
@media only screen and (min-width : 768px) and (max-width : 1199px){
    .labelLT{width:130px;}
}
@media only screen and (min-width : 1200px){
    .labelLT{width:163px;}
}


/***********TSS jsp***********/
@media only screen and (min-width : 480px){
    .labelTSS{width:150px;text-align:right}
}
@media only screen and (max-width : 479px){
    .labelTSS{padding-left: 0px}
}


/***********TLR log entry fix comment position***********/
/*.form-group .dateTLR{
    margin-left: 0px;
    padding-right: 0px
}*/
@media only screen and (min-width : 1200px){
    .labelTLR{width:155px;;padding-left:0px}
}
@media only screen and (min-width : 992px) and (max-width : 1200px){
    .labelTLR{width:155px;;padding-left:0px}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
    .labelTLR{width:105px;padding-left:0px}
}  
@media only screen and (min-width : 480px) and (max-width : 767px){
    .labelTLR{width:155px;text-align: right}
    /*    .form-group .dateTLR{margin-left: -15px}*/
}
@media only screen and (max-width : 479px) {
    .labelTLR{padding-left:0px}
}


/***********Time Error Entry***********/
@media only screen and (min-width : 1200px){
    .labelTEE{width:180px;}
}
@media only screen and (min-width : 992px) and (max-width : 1199px){
    .labelTEE{width:150px;}
}
@media only screen and (min-width : 768px) and (max-width : 991px){
    .labelTEE{width:150px; text-align:right}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .labelTEE{width:220px; text-align:right}
}
@media only screen and (max-width : 479px){
    .labelTEE{padding-left:0px}
}
@media only screen and (min-width : 480px) and (max-width: 768px) {
    .date_alignment{padding-left:0px}
}
.time_alignment{
    padding-left:0px;
}
@media only screen and (min-width : 768px) and (max-width: 1199px) {
    .time_alignment{
        padding-left:150px;
        margin-top:5px
    }
}


/***********disturbance entry***********/
.groupInline{
    display:inline-block;
    margin-bottom: 5px
}
.grouplg{
    margin-bottom: 5px
}
@media (min-width:768px){
    .grouplg{display:inline-block}
}


/***********Interuption entry***********/
.form-inline .label_sm{
    padding-top:0px;
}
.panel .select2-container,
.auto_outage_relays .select2-container{
    vertical-align: middle
}
@media (min-width : 480px) and (max-width:767px){
    .auto_outage_relays .int_equipment{
        width:90%
    }
}
@media (max-width : 479px){
    .auto_outage_relays .int_equipment{
        width:100%
    }
}
@media only screen and (max-width : 479px){
    .label_sm{width:100%}   
}


/***********Transmisson,disturbance,substation, equipment trouble log***********/
.marginTop5{
    margin-top: 5px;
}
#filterTextLabel {
    display: inline;
}
/*make link hover in black*/
a:hover {
    color: black;
    text-decoration: none;
}
/*refresh botton*/
.switch {
    margin-top: 5px;
    margin-bottom: 5px;
}

.inline-datetimepicker{
    display: inline-block !important;
    vertical-align: middle !important;
}

.inline-datetimepicker-input{
    width: 150px !important;
}
.inline-datetimepicker-btn{
    width: 30px !important;
    height: 30px !important;
}
/*fix search button in list filter*/
.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control .input-medium{
    width: auto;
}
/*filter text block collapse*/
.accordion {
    margin-bottom: 0px;
}
.accordion-body.in { 
    overflow:visible; 
}
.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.accordion-heading .accordion-toggle {
    padding : 4px 15px;
    display: inline;
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-heading {
    border-bottom: 0;
}
.accordion-inner {
    padding: 5px 5px;
    border-top: 1px solid #e5e5e5;
}


/***********Transmisson,disturbance,substation, equipment trouble view***********/
/*well container*/
.well.wellCus{
    margin-bottom: 10px;
    margin-top: 10px;
    padding:5px;
    background-color: transparent;
}
.well{
    margin-bottom: 5px;
    background-color: #fff;

}
/*.well > ul.list-inline{
    margin-bottom:5px
    }*/
.well > label{
    margin-bottom: 0px;
}
/*panel style*/



/*************dataTable fix**********************/
table.dataTable.no-footer{
    border-bottom: 1px solid #ddd;
}
.table tbody tr.error td {
    background-color: #f2dede;
}
.table tbody tr.success td {
    background-color: #d0e9c6;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: top;
}
table.dataTable tr.odd {
    background-color: white;
}
table.dataTable.no-strip-color tr.odd {
    background-color: white;
}
table.dataTable >tbody>tr>td{
    padding: 3px 10px !important;
    border-left-width: 0;
    border-bottom-width: 0;
}
table.dataTable thead th,
table.dataTable tfoot th{
    padding:5px;
    border-left-width: 0;
}
td.extraDetails {
    background-color: white;
}

.dataTables_scrollHeadInner{
    padding-right:0px
}
/*For DataTables column filter plugin*/
.text_filter {
    width : 100% !important;
}
/*datatable show/hide columns button*/
div.ColVis{
    float:none;
    margin:5px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
ul.ColVis_collection{
    background-color: #f3f3f3;
    width:180px
}
ul.ColVis_collection li{
    font-size: 13px;
    padding:5px;
    margin-right:0px;
    margin-bottom: 2px;
    box-shadow: none;
}
ul.ColVis_collection li label{
    margin-bottom:0px;
}
ul.ColVis_collection li span{
    padding-left:3px
}
ul.ColVis_collection li label input[type="checkbox"]{
    vertical-align: middle;
    margin-top: 0px
}

ul.ColVis_collection{
    background-color: #f3f3f3;
    width:auto
}
ul.ColVis_collection li{
    font-size: 13px;
    padding:5px;
    margin-right:0px;
    margin-bottom: 2px;
    box-shadow: none;
}
ul.ColVis_collection li label{
    margin-bottom:0px;
}
ul.ColVis_collection li span{
    padding-left:3px
}
ul.ColVis_collection li label input[type="checkbox"]{
    vertical-align: middle;
    margin-top: 0px
}

/*make paging like bootstrap style*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
    margin-left: 0px;
    border:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border:none;
    background: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border:none
}
.pagination>.active>a, .pagination>.active>a:hover{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.dataTables_wrapper .dataTables_paginate{
    padding-top:0px;
    margin-top: 0px;
    float:right
}
.pagination{
    margin:0px;
}
.pagination > li > a{
    color:#428bca
}

/***************scroll to top button*****************/
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 40px;
    height: 40px;
    line-height: 48px;
    right: 0px;
    bottom: 20px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*for IE 10+*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .scroll-top-wrapper{
        right: 20px;
    }
}

.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}
.glyphicon-circle-arrow-up{
    font-size: 2em;
    margin-top: 5px
}
/*@media only screen and (max-width:479px){
    .log_header .new-log-div {
        margin-right: 0px;
    }

    .log_header div.btn-group {
        margin-right: 0px;
    }

    .log_header .new-log-button {
        padding-left: 0px;
        padding-right: 0px;
    }

    .log_header .new-log-div,
    .log_header .new-log-button {
        width: 100%;
    }

    .log_header div.btn-group {
        width: 60%;
        margin-right: 0px;
    }
    .log_header h2 {
        font-size: 21.5px;
    }
}*/

/**************the bottom page button form-actions style*****************/
.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*background-color: #f0f0e5;*/
    background-color: #ECE8E0;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}
.form-actions:before,
.form-actions:after {
    display: table;
    line-height: 0;
    content: "";
}
.form-actions:after {
    clear: both;
}


#s2id_editedLog\.dispatcherIn\.userId,
#s2id_editedLog\.dispatcherOut\.userId{
    margin-right: 5px
}

.control-label{
    padding-left: 0px;
    padding-right:5px;
}

@media (min-width:768px){
    .form-horizontal .control-label{
        padding-left:0px;
        padding-right:5px;
        padding-top: 0px;
    }
}

@media (min-width:768px){
    .labelAVR{
        width:150px;
        text-align: right;
    }
}
@media (min-width:480px) and (max-width:767px){
    .labelAVR{
        width:180px;
        text-align: right;
    }
    .form-horizontal .control-label{
        clear:both;
    }
}        

/******************request entry*****************/
.control-label-small{
    width:60px
}
.control-label-medium{
    width:100px
}
.form-horizontal .control-label.control-label-small,
.form-horizontal .control-label.control-label-medium{
    text-align: right;
}


@media (max-width:479px){
    .form-horizontal .control-label.control-label-small,
    .form-horizontal .control-label.control-label-medium{padding-left:0px;text-align: left}
}
@media (min-width:480px){
    .form-horizontal .control-label.control-label-small{width: 60px;padding:6px 5px 0 0}
    .form-horizontal .control-label.control-label-medium{width: 105px;padding:6px 5px 0 0}
}
@media (max-width:1200px) and (min-width:768px){
    .form-horizontal .control-label.control-label-small{width: 105px;text-align: left}
    .form-horizontal .control-label.control-label-medium{width: 105px;text-align: left}
}
@media (max-width:767px) and (min-width:480px){
    .form-horizontal .control-label.control-label-small{width: 105px}
    .form-horizontal .control-label.control-label-medium{width: 105px}
}

@media (max-width:1201px) and (min-width:1090px){
    .request_type_wrap{
        width: 285px;
    }
}

.form-inline{
    margin-bottom: 0px   /*it was 5px, small testing change*/
}

/*For DataTables column filter plugin*/
.text_filter {
    width : 100% !important;
}

.bootstrap-select .btn {
    background-color: white;
    background-image: none;
}

.label {
    border-radius: 3px;
    webkit-border-radius: 3px;
    margin-bottom: 5px;
    font-size: 12.5px;
}
.form-actions-top {
    /*background:#f1f1f1;*/ 
    background-color: #ECE8E0;
    border:none; 
    outline:none; 
    border:solid 1px #e3e5e7; 
    margin-bottom:5px; 
    padding:10px 10px
}
/*to add the spell check icon image to the spell check button*/
.spellchecker-button-icon {
    background-image: url(../../img/spell_check_icon.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 14px;
}
.btnSpell{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: -4px;
}
/*fix the image import*/
table.dataTable thead .sorting {
    background: url("../../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
    background: url("../../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background: url("../../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
    background: url("../../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
    background: url("../../images/sort_desc_disabled.png") no-repeat center right;
}
/*bootstrap-select fix*/
ul.selectpicker > li > a > span{
    padding-left: 15px
}

.fc-content {
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.nav-pills{
    margin-bottom:5px
}
.nav.nav-pills > li > a{
    padding:8px 10px
}

label.green {
    color: #78AB46;
}

/**************refresh button****************/
.glyphicon.glyphicon-refresh{ 
    padding-bottom: 0px;
    padding-top: 0px;
}
#refresh label{
    top:1.5px
}
#refresh .switch-right,#refresh .switch-left{
    bottom:0.5px
}

/****************table row hover*************/
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #c4e3f3;
}

/*****outage list select and select2 dropdown button background **********/
#filterList .select2-container .select2-choice .select2-arrow,
#filterList .bootstrap-select .btn,
#autoOutageForm .select2-container .select2-choice .select2-arrow{
    background-color: #f5f5f5
}
.statusSelect2{
    width: 220px !important;
}

/*****************add scroll bar to switching steps table**********/
@media (min-width:600px) and (max-width:1090px){
    div#removalTable_wrapper{overflow-x: scroll}   
}
@media (min-width:600px) and (max-width:935px){
    div.respWrapper_removalTable{overflow-x: scroll}   
}
@media (min-width:600px) and (max-width:1070px){
    div#returnTable_wrapper{overflow-x: scroll}   
}
@media (min-width:600px) and (max-width:851px){
    div.respWrapper_returnTable{overflow-x: scroll}   
}
@media (max-width:599px){
    div.respWrapper_removalTable,
    div.respWrapper_returnTable{
        overflow-x: hidden
    }
}

@media (min-width:601px){
    .paddingLeft50{
        padding-left: 50px !important
    }
}

.form-inline .control-label{
    vertical-align:inherit

}

input[type="radio"]{
    vertical-align: text-top
}

@media (max-width:767px){
    .alignTop{vertical-align: top}
}

/****Resources Needed label alignment****/
@media (min-width: 309px){
    #resourcesNeeded .control-label-medium{
        text-align: right
    }
}

/********fix when tabs contains a badge, the height increases**************/
ul.nav-tabs > li >a{
    height:40px
}

/*fix the image import*/
table.dataTable thead .sorting {
    background: url("../../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
    background: url("../../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background: url("../../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
    background: url("../../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
    background: url("../../images/sort_desc_disabled.png") no-repeat center right;
}

/******List Filter style****************/
#accordion .panel-heading{
    font-family: 'Segoe UI', sans-serif;
    padding: 5px 0 0 0;
}
#accordion .panel-heading .panel-title{
    font-size: 13px;
}
#accordion .accordion-toggle {
    padding: 4px 10px;
}
/******List Filter style****************/
#accordionFilter .panel-heading{
    font-family: 'Segoe UI', sans-serif;
    padding: 5px 0 0 0;
}
#accordionFilter .panel-heading .panel-title{
    font-size: 13px;
}
#accordionFilter .accordion-toggle {
    padding: 4px 10px;
}

/*.qbWidth{
    width:400px
}*/

input[type='radio']:focus, .radio input[type='radio']:focus, .radio-inline input[type='radio']:focus, 
input[type='checkbox']:focus, .checkbox input[type='checkbox']:focus, .checkbox-inline input[type='checkbox']:focus{
    outline: thin dotted;
}

/******IE 10, 11 radio checkbox background color fix*****/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    div.requiredCheckBox{
        background-color: #E0FFFF
    }
}*/
.required input[type=radio]::-ms-check,
.required input[type=checkbox]::-ms-check,
input.required[type=radio]::-ms-check,
input.required[type=checkbox]::-ms-check {
    background-image: none;
    background-color: #E0FFFF;
}
.affix{
    top:43px;
    position:fixed !important;
    z-index: 1
}

/***********notification tab***********/
@media only screen and (min-width : 480px) {
    .labelNotification{width:65px; text-align: right}
}
@media only screen and (max-width : 479px) {
    .labelNotification{padding-left: 0px}
}

/***********task filter button**********/
.btn-bootstrap-default {
    color: #111;
    background-color: #fff !important;
    border-color: #ccc !important;
    background-image: none !important;
}
.btn-bootstrap-default.active{
    color: #111;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}
.scheTbl .td{

    height: 50px;
    width: 100px;

}
.round-button {
    display:inline-block;
    width:15px;
    height:15px;
    line-height:10px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #464646;
    /*    box-shadow: 0 0 3px gray;*/
    font-size:7px;
    font-style:initial;
    font-weight:bold;
}

/***********TO OP Note Entry***********/
@media only screen and (max-width : 1200px){

    .type_name_wrapup {
        margin-top: 15px;
        margin-left: -8px;
    }
}

/*.round-button:hover {
    background: #262626;
}*/

/*********Data Table duplicate control********/
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.27em;
    margin-right:20px
}

label.red{
    color:red;
}

label.bold{
    font-weight:bold !important;
}

/***fix header background color***/
table.fixedHeader-floating th,
table.fixedHeader-floating td {
    background-color: #F5EFE6 !important;
}
table.fixedHeader-floating{
    z-index: 999
}

/***********Discription width in pjm note***********/
@media only screen and (max-width : 479px){
    .discriptionWidth{width:300px;}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .discriptionWidth{width:480px;}
}
@media only screen and (min-width : 768px) and (max-width : 1200px){
    .discriptionWidth{width:480px;}
}
@media only screen and (min-width : 1201px) {
    .discriptionWidth{width:645px;}
}

/***********subcategoryWidth in PJM Note***********/
@media only screen and (max-width : 479px){
    .subcategoryWidth{width:220px !important;}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .subcategoryWidth{width:400px !important;}
}
@media only screen and (min-width : 769px) {
    .subcategoryWidth{width:400px !important;}
}

.labelMiso_large{
    width:140px;
    text-align: right
}
@media (max-width:479px){
    .labelMiso_large{
        width:100%;
        text-align: left
    }
}

.labelMiso_medium{
    width:100px;
    text-align: right
}
@media (min-width:991px){
    .labelMiso_medium{
        width:140px;
        text-align: left
    }
}
@media (max-width:767px){
    .labelMiso_medium{
        width:140px;
        text-align: right
    }
}
@media (max-width:479px){
    .labelMiso_medium{
        width:100%;
        text-align: left
    }
}

.labelCos_medium{
    width:100px;
    text-align: right
}
@media (min-width:991px){
    .labelCos_medium{
        width:140px;
        text-align: left
    }
}
@media (max-width:767px){
    .labelCos_medium{
        width:140px;
        text-align: right
    }
}
@media (max-width:479px){
    .labelCos_medium{
        width:100%;
        text-align: left
    }
}

/*ars activation*/
@media only screen and (max-width : 479px){
    .mobileLabel{width: 120px; text-align: right}
    .timeAdjust{padding-left: 0}
}
@media only screen and (min-width : 480px) and (max-width : 767px){
    .mobileLabel{width: 120px; text-align: right}
}
@media only screen and (min-width : 769px) {
    .mobileLabel{width: none; text-align: right}
    .timeAdjust{margin-left: -3px}
    .timeLabelAdjust{padding-left: 50px}
}

.export-button .dropdown-menu {
    z-index: 10000;
}
.wordBreak {
    word-wrap: break-word;
}

.description label{
    display: block !important;
}

@media screen and (max-width: 767px){
    /*    #sub-category{
            margin-top: 10px;
        } */
}
#sub-category{
    width: 90px;
    text-align: right;
}

.vertical-align{
    padding-top:5px !important;
    padding-bottom: 5px;
}

.edit-label{
    width: 72px;
    text-align: right;
}

@media screen and (max-width: 670px) and (min-width:356px){
    .edit-label{
        width: 90px;
    }
}

.dropdown-list{
    margin: 0 auto;
    width: 160px;
}

.phrase-width{
    width:400px;
}

#description{
    display:block;
}
.description-box{
    width:300px;
}

/*===================================================================
            Generic CSS for multiple log
====================================================================*/

.loggingLabel{
    width: 97px;
    vertical-align: middle;
}


.genericRow{
    margin: 5px auto;
    padding: 0;
}


.genericLabel{
    min-width:100px;
    padding: 6px 0;
    text-align: center;
    margin:0;
}
.genericRightLabel {
    text-align: left;
    min-width: 200px;
    padding: 6px 0;
    margin: 0;
}

.genericControl{
    padding-left:0px;
    padding-right:0px;
    margin-left: 0px;
    min-width:120px;
}

.statusControl{
    padding-left:0px;
    padding-right:0px;
    margin-left: 0px;
    min-width:215px;
}

@media screen and (max-width: 767px){
    .genericLabel{
        text-align:left;
        padding-left:20px;
    }
    .genericControl{
        margin-left:20px;
    }
    .statusControl{
        margin-left:20px;
    }
    
}

@media screen and (max-width: 767px){
    .marginBottom10-xs{
        margin-bottom:10px !important;
    }
}

/*=========================
    Date and time control
===========================*/

.timeControl{
    padding-left:0px;
    padding-right:0px;
    width:85px;
}
.dateControl{
    width:120px;
    padding-left:0px;
    padding-right:0px;

}
.dateTimeControl{
    padding-left:0px;
    padding-right:0px;
    min-width:223px;
    height:30px;
}

@media screen and (max-width: 767px){
    .dateTimeControl{
        padding-left:20px;
        padding-right:0px;
        min-width:223px;
        height:30px;
    }
    
}
@media screen and (max-width: 1200px){
    .reportDate{
        width:120px;
        padding-left:0px;
        padding-right:0px;
        margin-bottom: 5px;
    }
}


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

    /*    .dateControl{
            padding-left: 0 px;
            padding-right: 0px;
            margin-left: -15px;
            box-sizing: content-box; 
        }
        
        .timeControl{
            
            padding-left: 0px;
            padding-right: 0px;
            box-sizing: content-box;
        }*/



}

/*=======================
    detailRow row
=========================*/
.detailRow{
    margin: 0 auto;
}

/*=======================
    requestRow row
=========================*/
.requestRow{
    margin: 0 auto;
}
.requestRow label{
    padding: 0;
}

/*=======================
    disturbanceRow row
=========================*/
.disturbanceRow{
    margin: 0 auto;
}
.disturbanceRow label{
    padding: 0;
}


/*Positioning helper*/
.margin0{
    margin: 0;
}

.marginLeft0{
    margin-left:0 !important;
}

.marginTop8{
    margin-top: 8px;
}

.marginBottom0{
    margin-bottom: 0;
}

.marginBottom5{
    margin-bottom: 5px;
}
.marginBottom10{
    margin-bottom: 10px;
}

.marginRight5{
    margin-right: 5px;
}
.marginRight10{
    margin-right: 10px;
}
.marginRight20{
    margin-right: 20px;
}

.marginTop11{
    margin-top:11px;
}

.paddingLeft0{
    padding-left:0;
}

.paddingLeft10{
    padding-left:10px !important;
}

.paddingRight0{
    padding-right:0;
}

.min-width-350{
    min-width: 650px;
}

.genAwl{
    padding-top: 8px;
}

@media screen and (max-width: 480px){
    .full-width-xxs{
        width: 100% !important;
    }
}

@media screen and (min-width: 481px){
    .textAlignRight-xs{
        text-align:right;
    }
    
    .marginRight50-xs{
        margin-right: 50px ;
    }
}


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

    .small-hidden{
        display: none;
    }

    .marginBottom5-xs{
        margin-bottom: 5px !important;
    }
}

@media screen and (min-width: 768px){
    .paddingLeft0-sm{
        padding-left:0;
    }

    .paddingRight0-sm{
        padding-right:0;
    }

    .textAlignRight-sm{
        text-align:right;
    }

    .marginRight50-sm{
        margin-right: 50px ;
    }

}
@media screen and (min-width: 992px){
    .textAlignRight-md{
        text-align:right;
    }
    .paddingLeft0-md{
        padding-left:0;
    }

    .paddingRight0-md{
        padding-right:0;
    }
    .pr-0-992{padding:0;}
}

@media screen and (max-width:991px){
    .full-width-sm{
        width:100% !important;
    }
}

@media screen and (max-width:767px){
    .full-width-xs{
        width:100% !important;
    }
}

@media screen and (min-width:768px){
    .textAlignCenter-sm{
        text-align: center;
    }
    .paddingRight0-sm{
        padding-right:0;
    }
    
    .paddingLeft0-sm{
        padding-left:0;
    }
    
    .textAlignRight-sm{
        text-align: right;
    }
}

@media screen and (max-width:480px){
    .full-width-xxs{
        width:100% !important;
    }
    
    .xs-hidden{
        display:none;
    }
    
    .displayNone-xxs{
        display: none;
    }
    
    .paddingLeft20-xxs{
        padding-left: 20px;
    }
}

@media screen and (min-width:481px){
    .textAlignRight-xs{
        text-align: right;
    }
    .textAlignCenter-xs{
        text-align: center;
    }
    
    .width100-xs{
        width:100px;
    }
    
    .marginRight50-xs{
        margin-right:50px;
    }
}




/*End of positioning helper*/

/*=======================
    new panel style
=========================*/


.panel.childPanel{
    border-color: #bce8f1;
}
.parentPanel-heading{
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px 0;
}
.panel-default> .panel-heading.heading-style{
    background-color: #d9edf7;
    color: #fff;
    font-size:15px;
}

.heading-style{
    background-color: #d9edf7;
    color: #fff;
}

.collapse-link{
    color: #31708f;
}

.collapse-link:active, .collapse-link:hover, .collapse-link:focus {
    color: #0099FF !important;
}


.arrow_down{
    float: right;
}

.thead-style{
    background-color:#fff;
}

.margin_top_10{
    margin-top: 10px;

}
.padding-left-right-0{
    padding-left: 0;
    padding-right: 0;
}

.padding-left-0 {
    padding-left: 0px;
}


/*Tech Analysis*/

.fix_label{
    width:120px;
    text-align: right;
    margin: 0;
    padding-right:5px;
}

.maximoNum_control{
    padding: 4px 0;

}


.editPageTopWell{
    margin-left: 15px;
    margin-right:15px;
}

/*==========================
    remarklist table style
============================*/
#remarkList thead tr th{
    color: #888;
    font-family: /*iOS*/"AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", /*MacOSX*/HelveticaNeue-CondensedBold, /*Ubuntu*/ "Ubuntu Condensed", "Liberation Sans Narrow", /*Windows*/ "Arial Narrow", /*Android*/sans-serif-condensed, /*Fallback*/Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-stretch: condensed;
    font-weight: bold;
}

.padding0{
    padding:0;
}
.padding5 {
    padding: 5px;
}


/*=========================================
    Progress Tracker for Request
==========================================*/
.progress-tracker {
    margin: 0 auto;
}

.progress-meter {
    padding: 0;
}

ol.progress-meter {
    padding-bottom: 9.5px;
    list-style-type: none;
}
ol.progress-meter li {
    display: inline-block;
    text-align: center;
    text-indent: -19px;
    height: 36px;
    width: 10%;
    font-size: 12px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
ol.progress-meter li:before {
    position: relative;
    float: left;
    text-indent: 0;
    left: -webkit-calc(50% - 9.5px);
    left: -moz-calc(50% - 9.5px);
    left: -ms-calc(50% - 9.5px);
    left: -o-calc(50% - 9.5px);
    left: calc(50% - 9.5px);
}
ol.progress-meter li.done {
    color: black;
    border-bottom-color: yellowgreen;
    font-size: 12px;
}
ol.progress-meter li.done:before {

    content: "\2713";
    height: 20px;
    width: 20px;
    line-height: 21.85px;
    border: none;
    border-radius: 20px;
    top:25px;
    color: white;
    background-color: yellowgreen;

}
ol.progress-meter li.todo {
    font-size: 12px;
    color: silver;
    border-bottom-color: silver;

}
ol.progress-meter li.todo:before {
    content: "\2B24";
    height: 20px;
    width: 20px;
    border-radius: 20px;
    font-size: 17.1px;
    top: 25px;
    line-height: 18.05px;
    color: silver;

}

/*Request Checklist collapse*/
.collapseRequestChecklist:active, .collapseRequestChecklist:hover, .collapseRequestChecklist:focus{
    color: #000 !important;
}

tr.voided td,
tr.voided td label{
    text-decoration: line-through;
}
tr.voided td{
    background-color: #f9f9f9;
}

/*Disturbance entry edit Weather panel*/

@media screen and (min-width: 768px){
    #causeLabel{
        width:51px;
    }

    #sustainedCauseLabel{
        width:111px;
    }
}

#glyphiconToggle{
    float:right; 
}


@media screen and (min-width: 768px){
    #typeOfInter{
        height:48px !important;
        line-height:48px !important;
    }
}

/*Switching Order Entry: toggle Generic Switching Panel*/
#GenericSw{
    display:none;
}
.div-6-line{
    max-height: 110px;
    overflow: auto;
}
.genericRightLabel {
    text-align: left;
    min-width: 200px;
    margin: 0;
}

.voltageSelector{
    width:100px;
}

/*Event modal width control*/
.width71{
    width: 71% !important
}

.collapsed span.glyphicon.glyphicon-chevron-down.arrow_down {
    transform: rotate(-90deg) !important;
}

.progress{
    margin-bottom: 0 !important;
    height: 5px;
    border: none; 
}
.paddingLeft5{
    padding-left: 5px;
}

/*Log Entry View*/
/*#_viewExtendedLog_ {
    font-size: 15px;
}

#_viewExtendedLog_ > .panel.panel-default {
    background-color: #ffffff;
}*/

.block {
    display: block !important;
}

/*.info-panel-row {
    margin: auto;
    padding: 24px 0;
    border-bottom: 2px solid #e5e5e4;
}*/

label.required-star::after {
    content: " *";
    color: red;
}

    
@media (max-width: 767px ) {
 .forStatus {
    float: right;
    margin-right: 65px;
  }
}

@media (min-width: 768px) {
  .forStatus {
     float: right;
 }
}

@media (max-width: 767px ) {
    .forStatusTag {
       float: left;
     }
   }
@media (min-width: 768px) {
    .forStatusTag {
       float: right;
     }
    }
    
.minWidth200 {
    min-width: 200px
}

.minWidth400 {
    min-width: 400px
}
/* anb styles */
.text-black{color:#000000 !important;}
.mr-8px{margin-right:8px !important;}
.my-0{margin-top:0px !important; margin-bottom:0px !important;}
.my-5{margin-top:5px !important; margin-bottom:5px !important;}
.my-15{margin-top:15px !important; margin-bottom:15px !important;}
.mx-10{margin-right: 10px !important; margin-left: 10px !important;}
.mob-mr-5{margin-right:5px !important;}
.pannel-body-p0{padding:0px !important}
.ml-2{margin-left: 2px !important;} 
.ml-4{margin-left: 4px !important;} 
.ml-15{margin-left: 15px !important;} 
.ml-25{margin-left:25px !important;}
.mr-20{margin-right: 20px !important;}
.mr-15{margin-right: 15px !important;}
.mr-5{margin-right: 5px !important;}
.mr-7{margin-right: 7px !important;}
.text-left{text-align:left !important;}
.p-15{padding:15px !important;}
.px-20{padding-left:20px !important; padding-right: 20px !important; }
.px-10{padding-left:10px !important; padding-right: 10px !important; }
.px-15{padding-left:15px !important; padding-right: 15px !important; }
.pl-0{padding-left:0px !important;}
.pl-10{padding-left:10px !important;}
.pr-10{padding-right: 10px !important;}
.py-5{padding-top:5px !important; padding-bottom: 5px !important;}
.py-4px{padding-top:4px; padding-bottom:4px;}
.desk-px-0{padding-left: 0 !important; padding-right: 0 !important;}
.px-0{padding-left: 0 !important; padding-right: 0 !important;}
.py-0{padding-top: 0 !important; padding-bottom: 0 !important;}
.p-0{padding:0px !important;}
.mb-0{margin-bottom: 0 !important;}
.pt-5{padding-top:5px !important;}
.pb-0{padding-bottom: 0px !important;}
.pb-4{padding-bottom: 4px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-8{padding-bottom: 8px !important;}
.pb-20{padding-bottom: 20px !important;}
.w-190{width:190px !important}
.w-215{width:215px !important}
.w-350{width:350px !important;}
.w-210px{width:210px !important}
.w-250px{width:250px;}
.w-100per{width:100% !important}
.mt-4{margin-top:4px;}
.mt-6{margin-top:6px !important;}
.mt-10{margin-top:10px !important;}
.emailPreview table td {padding:2px 6px !important;}
.pl-15{padding-left:15px !important;}

.clear{clear:both;}
.mb-1 {margin-bottom: 1px !important;}
.mb-4, .mb-4px {margin-bottom: 4px !important;}
.mb-6, .mb-6px {margin-bottom: 6px !important;}
.mb-2, .mb-2px {margin-bottom: 2px !important;}
.mb-10 {margin-bottom: 10px !important;}
.hr-white{border-color:#ffffff !important;}
.float-left{float:left !important;}
.mt-0{margin-top: 0px !important;}
.small .btn{padding-bottom: 3px !important; padding-top: 3px !important; font-size: 11px !important;}
.small .dropdown-menu {font-size: 11px !important;}
.mt-m-5px{margin-top: -5px !important;}
@media (min-width:992px) and (max-width:1890px){
    .desk-px-0{padding-left: 0 !important; padding-right: 0 !important;}
    .desk-pl-0{padding-left: 0 !important;}
    pt-0{padding-top:0px !important;}
    .ml-15{margin-left:15px !important;}
    .ml-10{margin-left:15px !important;}
    .ml-8{margin-left:8px !important;}
    .ml-4{margin-left:4px !important;}
    .w400px{width:400px !important;}
    .desk-w250px{width:250px;}
    .top-24px .arrow_down {top:6px !important}
}
@media (min-width:768px) and (max-width:991px){
    .mob-brk{display:block; float:left; width:100%;}
}
@media only screen and (max-width: 767px){
    .top-24px .arrow_down {top:-24px !important}
    .mob-brk{display:block; float:left; width:100%;}
    .mob-pl-15{padding-left: 15px !important;}
    .mob-pl-0{padding-left: 0px !important;}
    .mob-prpl-15{padding-left: 15px !important; padding-right:15px !important;}
    .mob-mt-1{margin-top: 2px !important;}
    .mob-mt-2{margin-top: 8px !important;}
    .mob-mt-5{margin-top: 5px !important;}
    .mob-mt-10{margin-top: 10px !important;}
    .mob-mt-15{margin-top: 15px !important;}
    .mob-mt-20{margin-top: 20px !important;}
    .mob-mt-50{margin-top: 50px !important;}
    .mob-mb-5{margin-bottom: 5px !important;}
    .mob-mb-20{margin-bottom: 20px !important;}
    .mob-ml-0{margin-left: 0px !important;}
    .mob-ml-3{margin-left: 3px !important;}
    .mob-ml-10{margin-left: 10px !important;}
    .mob-mx-0{margin-left: 0 !important; margin-right: 0 !important;}
    .mob-mx-15{margin-left: 15px !important; margin-right: 15px !important;}
    .mob-px-0{padding-left: 0 !important; padding-right: 0 !important;}
    .mob-pr-0{padding-right: 0 !important;}
    .mob-px-5{padding-left: 5px !important; padding-right: 5px !important;}
    .mob-px-10{padding-left: 10px !important; padding-right: 10px !important;}
    .mob-px-15{padding-left: 15px !important; padding-right: 15px !important;}
    .mob-pl-20{padding-left:20px !important;}
    .mob-pl-10{padding-left:10px !important;}
    .mob-pt-5{padding-top:5px !important;}
    .mob-pr-5{padding-right:5px !important;}
    .mob-pr-10{padding-right:10px !important;}
    .mob-pr-20{padding-right:20px !important;}
    .mob-pr-30{padding-right:30px !important;}
    .mob-text-left{text-align: left !important;}
    .mob-w-100{width:100% !important; display:block !important;}
    .mob-w-90{min-width:90% !important; display:block !important;}
    .mob-w-80{width:80% !important; display:block !important;}
    .mob-w-40{width:40px !important;}
    .mob-w-150{width:150px !important; display:block !important;}
    .mob-w-100{width:100px !important; display:block !important;}
    .mob-w-100per{width:100% !important; display:block !important;}
    .mob-w-300{width:300px !important; display:block !important;}
    .mob-dblock{display:block;}
    .mob-Inblock{display:inline-block !important;}
    .mob-float-left{float:left;}
    .reporting_flags {padding:5px; border:1px solid #ddd !important;}
}

/*****Caiso Tab****/
@media screen and (max-width: 500px){
    .caiso_checkGroup2{
        margin-left: -15px !important;
    }
    .start-label, .end-label, .discovery-label{
        width: 80px !important;
    }
    
    .planned-label{
        width:85px !important;
    }
}
@media screen and (min-width: 768px){
    .caiso-resource{
        min-height: 40px;
    }
}
@media screen and (max-width: 768px){
    .caiso_checkGroup1{
        margin-left: -15px;
    }
    .caiso_checkGroup2{
        margin-left: 15px;
    }
    
    .start-label, .end-label, .discovery-label, .planned-label{
        width: 113px;
    }
    
    .create-label{
        margin-left: -15px;
    }
}

@media screen and (max-width: 1024px){
    .caiso-panel2{
        margin-left: 0;
    }
    .start-label, .end-label, .discovery-label{
    width: 73px;
    }
    .planned-label{
        width:85px;
    }
    .create-label{
        margin-left: 30px;
    }
}

@media screen and (min-width: 1025px){
    .start-label, .end-label, .discovery-label{
    width: 65px;
    }
    .caiso-dateSelection{
        padding-left: 45px;
    }
    .planned-label{
        width:85px;
    }
    .create-label{
        margin-left: 30px;
    }
}

.emerygency-label, .natureWork-label{
    width: 122px;
}

.primaryCode-label, .secondaryCode-label{
    width: 113px;
}

.caiso-container{
    padding-left: 3%;
}
#projectList tbody tr td{vertical-align: top !important; overflow: auto;}
.btnDel{line-height: 0.75}
.valignmiddle{vertical-align: middle !important;}
/* Remarks Child Table start */
#child-table table tbody tr td, #operationsView tbody tr td{background: #f3f3f3 !important;}
#child-table table thead tr th, #operationsView thead tr th{color: #111 !important; background-color: #ddd !important; border: 1px solid #999 !important;}
#child-table table tbody tr td, #operationsView tbody tr td, #operationsView thead tr th, #child-table table thead tr th{text-align: left !important;}
#child-table #operationsView {width:1300px !important;}
.substation-table  table thead tr th .resp-info, .substation-table table tbody tr td .resp-info{text-align: left !important;}
.table-format table.dataTable thead th, .table-format .panel table thead th{background-color: #f7f7f7 !important;} 
/*.table-format table.dataTable thead th, .table-format table.dataTable >tbody>tr>td{border: 1px solid #ddd;}*/
.disable-link input[type="submit"]
#parentprojectpanel1 tbody tr td {padding: 3px 8px !important;}
.input-del .input-group-btn {vertical-align:top !important;}
.mx-10{margin-left: 10px !important; margin-right:10px !important;}
.wrRow1 .br-radius0 input, .br-radius0 input{border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;}
#child-ui-none thead th {color: #888 !important; background-color: #f7f7f7 !important; border: 1px solid #ddd !important;}
#child-ui-none tbody td{background: #ffffff !important;}
.auto_outage_relays .well{background: #ffffff !important;}
.th-br thead tr th{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.wrRow1 input{text-align: left;}
.font-600 {font-weight:600 !important;}
.badge-success{margin-left:2px;}
.resp-attach{min-width:100px !important; max-width:125px !important;}
.s2-table-text{
    word-break: break-word;
    white-space: pre-wrap;
    vertical-align: top;
}