﻿
#searchHeader_value
{
    background: white url(../img/search.png) no-repeat;
    background-position: 98% 42%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    height: 30px;
    border: none;
    outline: none !important;
    padding-left: 10px;
}

.searchBox-angucomplete
{
    position: relative;
    margin-top: 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}


.contactsboxselected
{
    border: 1px solid #999999;
    background-color: #d2d7d3;
    cursor: pointer;
}

#headerBreadcrum div
{
    float: left;
}

#headerBreadcrum a:hover
{
    color: white;
}

#headerBreadcrum a:visited
{
    color: white;
}

.alabel
{
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
}

#searchHeader input[type="text"]
{
    width: 100%;
}

.nopaddingLeftOnly
{
    padding-left: 0px;
}

.spinner
{
    margin: 0px auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 2px solid rgba(0,174,239,.15);
    border-right: 2px solid rgba(0,174,239,.15);
    border-bottom: 2px solid rgba(0,174,239,.15);
    border-top: 2px solid rgba(0,174,239,.8);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.spinnerSmall
{
    margin: 0px auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 2px solid rgba(0,174,239,.15);
    border-right: 2px solid rgba(0,174,239,.15);
    border-bottom: 2px solid rgba(0,174,239,.15);
    border-top: 2px solid rgba(0,174,239,.8);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    width: 30px;
}

@-webkit-keyframes rotation
{
    from
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes rotation
{
    from
    {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes rotation
{
    from
    {
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -o-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes rotation
{
    from
    {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotation
{
    from
    {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.customDDInput
{
    cursor: pointer !important;
    background-color: white !important;
}

.modal-backdrop
{
    position: fixed !important;
    bottom: 0 !important;
}

.addressbook
{
    float: left;
}

#internalcontacts
{
    background: none;
    border: none;
    text-align: center;
    color: #00518C;
    float: left;
    padding-bottom: 10px;
    cursor: pointer;
}

.companyRank
{
    float: right;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    font-family: serif;
    display: inline-block;
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.Mandatory
{
    border: 1px solid red;
}

.directoryHeaderLaber
{
    background: none;
    border: none;
    text-align: center;
    color: #00518C;
    float: left;
    padding-bottom: 5px;
    padding-top: 10px;
    cursor: pointer;
}

.PHPanel
{
    min-height: 208px;
}

.animate-hide
{
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
    opacity: 1;
}

    .animate-hide.ng-hide
    {
        line-height: 0;
        opacity: 0;
        padding: 0 10px;
    }

.errorInput
{
    border-color: red;
}


.rectangle:before
{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    line-height: 2em;
    width: 10px;
    height: 10px;
    padding-bottom: 3%;
    overflow: hidden;
    border: 1px solid red;
}

.rightmenu2
{
    left: -100px !important;
}

.greydate
{
    float: none;
    font-size: 0.8em;
}

.showAll
{
    font-size: 0.9em;
}

.filterCb
{
    cursor: pointer;
}

.radio-inlinedir
{
    padding-left: 0px;
    padding-right: 10px;
}

/*#region consensus */

#bymodelgrid  {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background-color: #f9f9f9;
    display: block;
     line-height: 2.428571; 
}
 
body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    overflow-y:scroll;
}

.seledtedDpdItem { 
    background:!important; background-color: #999999 !important; }

.truncate {
    width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rating1 {
   color:#008000;
}
.rating2 {
    color:#FF0000;
}
.rating3 {
    color:#0000FF
}

div.k-grid-header th.k-header, tr.k-filter-row>th {/*Freez column Header Style*/
  border-bottom-width: 0;
  font-weight: 500!important;
    border-left: none;
}


.rowconsensus{
      margin-right: 2px;
  margin-left: 20px;
}

.gridHeader {
    font-weight:500 !important;
    font-size:14px !important;
    cursor:default;
  
}
    /*.gridHeader:hover {FOR future user to
        color:red;
          text-decoration:underline;    
    }*/

   th .subhead {
  display: block;
  font-weight: 400;
  line-height: 2em;
  font-size:14px !important;
}

   /*.tooltip.right .tooltip-arrow {
          border-bottom-color: #00518C;
       }  
   .tooltip .right .tooltip-inner {
    background-color:#00518C;
  }*/
.tooltip.bottom .tooltip-inner {
    background-color:#00518C;
   
  }
.tooltip.bottom .tooltip-arrow {
          border-bottom-color: #00518C;
          
       }  

#Span[role='tooltip']{
    position:fixed!important;
     z-index: 9999;
   
  }

 
   /*#footer {
  height: 40px;
  margin-top: 20px;
}*/

.cursorPointer {
    cursor:pointer !important;
}


.k-grid-Download, .k-grid-Download:active, 
.k-grid-Download, .k-grid-Download:active, 
.k-grid-Download, .k-grid-Download:active { 
    border: none !important; 
    display: table-row !important; 
}


 .docCell:hover {
        color:red;
          text-decoration:underline;    
    }	
	
	 .filter>.glyphicon-file {
  font-size: 30px;
  color: #428bca;
}
 /*#endregion consensus*/


/*#region Conference*/

 .header-search input.searchSubmit
{
    background: url("../img/search_button_12x12.png") no-repeat scroll center center #ffffff;
    border: 0 none;
    float: left;
    height: 20px;
    margin: 8px 0 0 -25px;
    outline: 0 none;
    padding: 0;
    width: 24px;
}

 .white-background
{
    background: #FFFFFF;
}

.calenderInputText
{
    width: 165px;
    float: left;
    padding: 0;
    cursor: pointer;
    border: medium none !important;
}

.date-range-picker
{
    -moz-box-shadow: inset 0px 0px 0px -50px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px -50px #ffffff;
    box-shadow: inset 0px 0px 0px -50px #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: table-cell;
    min-height: 28px;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #ffffff;
    text-shadow: 1px 1px 0px #ffffff;
    background-color: #FBFBFB;
}

.daterangeArrow_img
{
    background-image: url("../img/user_down_arrow_15x11.png");
    background-repeat: no-repeat;
    background-position: 187px;
    position: relative;
    top: 0px;
    width: 210px;
    cursor: pointer !important;
    text-align: left;
}

.daterangewidth
{
    border: medium none !important;
    margin-top: 10px;
    padding-left: 10px;
    width: 190px;
}

.disabled 
{
   display:none;
}

.event-icons {
    background-image: url("../img/events_icons.png");
    background-repeat: no-repeat;
}

.outlook-img{
    background-position: center -52px;
}

.outlookdis-img {
    background-position: center -70px;    
    cursor: default !important;
    }

.subscribe-img, .unsubscribe-img, .preview-img, .outlook-img, .outlookdis-img {
    display: inline-block;
    height: 20px;
    width: 60px;
    cursor: pointer;
}

 .eventleftdiv {
        float: left;
        width: 19%;
        text-align: left !important;
        padding-left: 8px;
    }

    .eventinfo {
        color: #333333;
        font-family: Calibri;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
         padding-left:10px;
    }

    .eventrightdiv {
        float: left;
        width: 70%;
        text-align: left !important;
    }

    .eventleftdivP {
        float: left;
        width: 100px;
        padding-left: 8px;
    }

    .eventrightdivP {
        float: left;
        text-align: left !important;
        width: 550px;
    }

    .eventhyp {        
        color: #25A0DB !important;
    }

    a.eventhyp:hover {
        text-decoration: underline !important;
        color: #25A0DB;
    }

     .error
    {
        color: red;
    }

     .font_normal {
        font-weight: normal;
    }

     .font_13 {
        font-size: 13px!important;
    }

     .font_italic {
        font-style: italic;
    }

     .font_bold {
        font-weight: bold;
    }

     .hidden-element {
        display: none;
    }

    .remove-icon-gray
    {
        background: white url('../img/close_icons_52x16.png') center center no-repeat;
        height: 20px;
        width: 20px;
    }

    .remove-icon-gray:hover
    {
        background-position: 2px center;
    }

    .divRemoveicon-search
    {
        margin-left: 4px;
        margin-bottom: -5px;
        display: inline-block;
        cursor: pointer;
        padding: 2px;
    }

    .textlineheight {
        line-height: 30px !important;
    }

    .gridDetailedContent {
        background-color: transparent !important;
        height: auto;
        overflow: hidden;
    }

    .gray-cccccc
    {
        color: #cccccc !important;
    }    
    
    .k-grid-addtoOutlook, .k-grid-addtoOutlook:active,
    .k-grid-SubscribePresenter, .k-grid-SubscribePresenter:active,
    .k-grid-SubscribeSponsor, .k-grid-SubscribeSponsor:active,
    .k-grid-SubscribeSector, .k-grid-SubscribeSector:active {
        border: none !important;
        display: table-row !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .subscribe-span, .unsubscribe-span {
    margin-left:90px;
    }

    .ui-daterangepicker
    {
        background-color: #FFF !important;
    }
/*#endregion Conference*/


.rightpanel .modal-dialog
{
    position: absolute;
    top: 27px;
    right: 15px;
    outline: none;
    width: 350px;
}
.notificmod {
  position: absolute;
  top: 15px;
  right: 15px;
  outline: none;
  width: 350px;
}

.notificationcount {
    display: inline;
    color: white;
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 3px;
    width: 20px;
    height: 20px;
    background: #ff8300;
    font-size: 0.8em;
    font-weight: 500;
    border-radius: 100%;
    text-align: center;    
}

.notificationcount_Blink {
    
    -webkit-animation: blinker 3s infinite;
    -moz-animation: blinker 3s infinite;
    -o-animation: blinker 3s infinite;
    animation: blinker 3s infinite;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

/*#region Notification*/

.alert-statusred {
    color: #8a6d3b;
    background-color: white;
    border-color: #faebcc;
}
/*#endregion Notification*/
