﻿.loadingImageDiv {
    background: url(../images/smallAjax.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 1001;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.FreezePaneOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 1110;
    filter: alpha(opacity=50);
    opacity: 0.5;
    padding-top: 20%;
    position: fixed;
    background: url("../images/smallAjax.gif") no-repeat 50% 30% #666666;
}

.bar {
    display: block;
    height: 20px;
    position: absolute;
    /*top: 0;*/
    width: 80%;
    z-index: 0;
}

    .bar div {
        background-color: #1275b7;
        display: block;
        height: 20px;
        position: absolute;
        /*top: 0;*/
        width: 0;
        z-index: 0;
    }

    .progressbar
    {
        width:100%; 
        color:brown; 
        margin-left:10px;
    }

    
    
    .PreviewProgressbar
    {
        width:100%; 
        color:brown; 
        margin-left:10px;
    }

    .errorMsg
    {
        font-weight: normal;
        font-size: small;
        color:red !important;
    }

     .errorMessageDetails
    {
        font-weight: normal;
        font-size: small;
        color: #36c !important;
    }

    .successMsg
    {
        font-weight: normal;
        font-size: small;
        color:green !important;
    }


     .lableHeading
    {
        font-weight: normal;
        font-size: small;
        
    }
/* width usied in advance search page*/
    .width550
    {
        width:550px;
    }

.lbl {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 255px;
}
.lbl-success {
    color: #fff;
    background-color: #51be71;
    border-color: #3db05c;
}

.lbl-not-started {   
    color: #fff;
    background-color: #fc9824;/* orange*/
    border-color: #fa7914;
}
.lbl-Initiated 
{
    color: #fff;
    background-color: #5cb85c; /* green*/
    border-color: #4cae4c;
}
.lbl-Initiation-Workflow-Completed
{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.lbl-Draft
{
    color: #fff;
    background-color:  #116493;
    border-color:  #116493;
   
}
.lbl-Prepare-Draft
{
    color: #fff;
    background-color:#e0beff;
    border-color:  #e0beff;
   
}
.lbl-Prepare-Draft-for-Comments
{
     color: #fff;
    background-color:#1ca589;
    border-color:#1ca589;
    
}
.lbl-Experts-and-timeframe-assigned
{
     color: #fff;
    background-color:#FFB6C1;
    border-color:#FFB6C1;   
    
}
.lbl-Wait-for-timeframe
{
     color: #fff;
    background-color:#FFCC00;
    border-color:#FFCC00;   
   
}
.lbl-Resume-after-timeframe
{
    color: #fff;
    background-color:#B0C4DE;
    border-color:#B0C4DE;   
   
}
.lbl-Draft-Workflow-Completed
{
     color: #fff;
    background-color:#660099;
    border-color:#660099;   
    
}
.lbl-Closure
{
     color: #fff;
    background-color:#c1073f;
    border-color:#c1073f;  
    
}
.lbl-Clouser-Complete
{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.lbl-Ready-For-Feedback
{
    color: #fff;
    background-color:#1ca589;
    border-color:#1ca589;
}
.lbl-Error
{
    color: #fff;
    background-color: red;
    border-color: red;
}
.active-lbl
{  
    display: table-cell;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 10px;

}
.active-lbl label{
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.deactivate-btn
{
   display: table-cell;
   vertical-align: middle;
}
.activateDeactivateColumn
{
    min-width:200px;
    vertical-align: middle !important;
}

.lbl-Experts-and-timeframe-assigned {
    color: #fff;
    background-color: #FFB6C1;
    border-color: #FFB6C1;
}


.lbl-MS-Timeframe-Assigned {
    color: #fff;
    background-color: #FFB6C1;
    border-color: #FFB6C1;
}

.lbl-Waiting-For-MS-Timeframe {
    color: #fff;
    background-color: #FFCC00;
    border-color: #FFCC00;
}

.lbl-Resume-After-MS-Timeframe {
    color: #fff;
    background-color: #B0C4DE;
    border-color: #B0C4DE;
}
 
/*/ Guruling- css start /*/
.paddingTop35{
 padding-Top:35px;
}
.paddingLeft10{
 padding-left:10px;
}

.paddingRight10{
 padding-right:10px;
}

.paddingTop10{
 padding-Top:10px;
}

.paddingBottom10{
 padding-bottom:10px;
}

.marginLeft10{
 margin-left:10px;
}

.marginRight10{
 margin-right:10px;
}

.marginTop10{
 margin-Top:10px;
}

.marginBottom10{
 margin-bottom:10px;
}



.marginLeft20{
 margin-left:20px;
}

.marginRight20{
 margin-right:20px;
}

.marginTop20{
 margin-Top:20px;
}

.marginBottom20{
 margin-bottom:20px;
}

.paddingZero{
 padding:0px;
}

.paddingTopZero{
 padding-top:0px;
}

.paddingRightZero{
 padding-right:0px;
}

.paddingBottomZero{
 padding-bottom:0px;
}

.paddingLeftZero{
 padding-left:0px;
}

.paddingLeft5{
 padding-left:5px;
}

.paddingRight5{
 padding-right:5px;
}

.paddingTop5{
 padding-Top:5px;
}

.paddingBottom5{
 padding-bottom:5px;
}

.marginZero{
 margin:0px;
 padding-left: 0px;
}

.marginTopZero{
 margin-top:0px;
}

.marginRightZero{
 margin-right:0px;
}

.marginBottomZero{
 margin-bottom:0px;
}

.marginLeftZero{
 margin-left:0px;
}

.marginLeft5{
 margin-left:5px;
}

.marginRight5{
 margin-right:5px;
}

.marginTop5{
 margin-Top:5px;
}

.marginBottom5{
 margin-bottom:5px;
}

#selectCollectionForm .modal-body{
 overflow:auto;
 height:80%;
}

sup
{
    color:red;
}


.progressDetailsBtnWithInfoDiv {
    display:table;
}

.progressDetailsBtnDiv {
    display:table-cell;
    vertical-align: middle;
    width:200px;
}

.progressDetailsInfoDiv {
    display:table-cell;
}

@media (max-width: 767px){
 .form-horizontal .control-label {
  padding-top: 7px;
  padding-bottom: 2px;
  margin-bottom: 0px;
 }

 

    textarea#conceptInsertDescription {
        height:125px;
    }

    i.publishedYear, i.projectNumber {
        display:block;
    }

    .itemRow .panel-heading .accordion-toggle:after, 
    .itemRow .panel-heading .accordion-toggle.collapsed:after {
    display: block;
    position: absolute;
    right: -5px;
    bottom: 0px;
    float: none;
    bottom: 0px;
}

  .itemRow .panel-title a strong{
        margin-bottom:10px;
    }

}


@media (max-width: 640px){
 .errorMsg {
  clear:both!important;
 }

 
.progressDetailsBtnWithInfoDiv {
    display:block;
}

.progressDetailsBtnDiv {
    display:block;
    width:200px;
}

.progressDetailsInfoDiv {
    display:block;
}

}

.navbar-brand.navbar-without-irea-logo {
    background-image:none;
    padding: 12.5px 15px 10.5px 12.5px;
}

.custom-navbar-for-table-filter {
    margin-bottom: 0px;
    background-color:#fff;
}

.tooltip-wide .tooltip {min-width:150px;}


/*changes after new css integration 30122015*/
body {
    overflow-y:auto !important;
}

.container {
    width: 100%;
    max-width: 1270px;
}
 

/*/ Guruling- css end /*/

.ms-srch-item-highlightedText {
    background-color: #ffecb6;
}


a{
    color: #36c ;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
    text-decoration: none;
}

a:focus, a:hover {
    color: #2952a3;
    background-color: transparent;
}


.anchor{
    color: #36c !important;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
    text-decoration: none;
}

.table-no-border td{
    border:none !important;
}





section {
  position: relative;
  border: 1px solid #d9d9d9;
  padding-top: 55px;
  background: transparent;
}
section.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
}
.tbcontainer {
  overflow-y: auto;
  height: 200px;
  border-top: 1px solid #d9d9d9;
}
.tbcontainer table {
  border-spacing: 0;
  width:100%;
  border: none !important;
}
.tbcontainer td + td {
 
}
.tbcontainer td, th {
 border: none;
  background: #fff;
  color: #000;
  padding: 10px 25px;
}
.tbcontainer th {
  height: 0px !important;
  line-height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color:  transparent ;
  border: none;
  white-space: nowrap;
}
.tbcontainer th div{
  position: absolute;
  background: transparent;
  color: #000;
  padding: 9px 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
 border: none;
}
.tbcontainer th:first-child div{
  border: none;
}

.tooltip, .tooltip > * {
    text-align:left !important;
}

.PublicationNumber {
    max-width:200px;
    /*word-break:break-all;*/
}

.ProjectTitle  {
    max-width:300px;
    /*word-break:break-all;*/
}



.itemRow .panel-heading {
    padding-left:8px;
}

.itemRow .panel-title {
    position:relative;
        padding-left: 8px;
}

.itemRow .panel-title a
 {
    padding-left: 20px;
    padding-right: 0px;
    display:block;
}

.itemRow .panel-title a strong {
       
       display: inline-block;
    }

.itemRow .panel-title .tdheight {
    position:absolute;
    float:none;
    top: 0px;
    left: 0px;
    height:100% !important;
}
/*
.itemRow .panel-heading .accordion-toggle:after,
.itemRow .panel-heading .accordion-toggle.collapsed:after {
    display: block;
    position: absolute;
    right: -3px;
    float: none;
    bottom: 0px;
}
 */


.ui-autocomplete-multiselect.ui-state-default {
    display: block;
    background: #fff;
    border: none;
    padding: 3px 3px;
    padding-bottom: 0px;
    overflow: hidden;
    cursor: text;
}


.ui-autocomplete-multiselect .ui-autocomplete-input {
    border:1px solid #ccc !important;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png") !important;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon {
    float: right;
    cursor: pointer;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1px 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    color: #333;
    background-color: #f6f6f6;
    font-size: 12px;
        font-weight: normal;
}

.ui-autocomplete-multiselect input {
    display: inline-block;
    border: none;
    outline: none;
    height: auto;
    overflow: visible;
    margin-bottom: 5px;
    text-align: left;
}


.ui-autocomplete-multiselect.ui-state-active {
    outline: none;
    border: 1px solid #7ea4c7;
    -moz-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -webkit-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -khtml-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    box-shadow: 0 0 5px rgba(50,150,255,0.5);
}

.ui-autocomplete {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.wrapper{
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    
 }
 .wrapper .selection{
   width:150px;
   border:1px solid
 }

 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: normal  !important;
}

.ui-autocomplete li.ui-menu-item {
    list-style:none;
    font-size:15px !important;
}

.ui-autocomplete{
    padding-left:10px;
    display:table;
}

#RepairStatusPanel .glyphicon {
    font-size: 10px;
}
#RepairStatusPanel .successMsg, #RepairStatusPanel .errorMsg {
    list-style: none;
    line-height: 20px;
}

#RepairStatusPanel {
    margin-left: 0px;
}

.itemRow .panel-title a strong{
        display: block;
}

.ORChunksRow .panel-title a{
    position:relative;
    display:block;
}

.ORChunksRow .panel-title a strong
 {
    padding-right: 30px;
    display:block;
}

.ORChunksRow .panel-heading .accordion-toggle:after
 {
    position:absolute;
    right:0px;
    top:0px;
}

.PreviewOrPublished {
    margin-right: 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
}




@media (min-width: 768px) {

.PreviewOrPublished {
    margin-right: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

 


    .itemRow .panel-title a {
        position: relative;
        padding-right: 170px;
    }
  
        .itemRow .panel-title a i.publicationDate {
            position: absolute;
            right: 35px;
            top: 0px;
        }
   

    .itemRow .panel-heading .accordion-toggle:after,
    .itemRow .panel-heading .accordion-toggle.collapsed:after {
        display: block;
        position: absolute;
        right: -5px;
        top: 0px;
        float: none;
        bottom: 0px;
    }

      .itemRow .panel-title a strong{
    margin-bottom:10px;
    display: block;
    padding-right: 150px;
}

    .itemRow .panel-title a {
            padding-right: 30px;
        }
}

.tableContainer {
    width:100%;
    overflow:auto;
}


.active-lbl label{
    color: #4f80e4;
}

.tree.noborder {
    border:none;
}

.tree.noPadding {
    padding:0px;
}



.main-sidebar-right {
    width:100% !important;
    position: relative !important;
    float: left !important;
    padding-left: 15px !important;
    padding-right: 20px !important;
}


.main-sidebar-left {
	width: 210px !important;
    position: relative !important;
    float: left !important;
    padding-left: 15px !important;
    padding-right: 20px !important;
}


.header {
    color: #fff;
    position: static;
}

table.dataTable thead .sorting {
    background:  no-repeat center right;
}

table.dataTable thead .sorting_asc {
    background:  no-repeat center right;
}

table.dataTable thead .sorting_desc {
    background: no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
    background:  no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background:  no-repeat center right;
}

/* Added By Dinesh On 14/02/2017 after adding columns  -start 
@media only screen and (min-width: 992px){
    .rightmain-content {
        width: 83%;
    }
	
	.leftmain-content {
        width: auto;
    }
}
 Added By Dinesh On 14/02/2017 after adding columns -end */


@media print {
   .main  .rightmain-content {
        width: 100%;
    }

    a[href]:after {
    content: none !important;
  }
   
    /*.pagination {
        display: none;
    }*/
}

.QuickActions {
    width: 350px;
}


/*Notification alert*/
.not-box {
    min-height: 40px;
    height: auto;
    width: 100%;
    border: solid 1px #d4edda;
    background-color: #d4edda;
    margin-bottom: 20px;
    color: #3266cc;
    line-height: 35px;
    /*font-family: segoeui-normal;*/

    font-size: 14px;
    padding-left: 10px;
    word-break: break-all;
    white-space: normal;
}

.not-access .not-box {
    border: solid 1px #e5afaf;
    background-color: #ffdada;
    color: #cb2222;
}

.not-error .not-box {
    border: solid 1px #e5afaf;
    background-color: #f7dcc7;
    color: #cb2222;
    border-radius: 4px;
}

.not-success .not-box {
    border: solid 1px #a5cd99;
    background-color: #d2f7c7;
    color: #22740f;
    border-radius: 4px;
}

.not-warning .not-box {
    background-color: #ffecb6;
    border-color: #fed56b;
    color: #f15d06;
    border-radius: 4px;
}

.not-box .not-close {
    float: right;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

.not-img {
    margin-right: 5px;
}

.note-information {
    background-color: #d2f4db;
    border-color: #a5e9b8;
    color: #248f3e;
    min-height: 40px;
    height: auto;
    width: 100%;
    border: solid 1px #95aedf;
    margin-bottom: 20px;
    line-height: 35px;
    font-size: 14px;
    padding-left: 10px;
    word-break: break-all;
    white-space: normal;
}

.tableWidth98Percent{
    width:98% !important;
}