/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.loading_main_screen{
    display : block;
    vertical-align: middle;
    color : white;
    margin-left: auto;
    margin-right : auto;
    margin-top : 10%;
}

.href-no-style{
    text-decoration: none;
    color : white;
}

.href-no-style:hover{
    text-decoration: none;
    color : white;
}


.form-group {
        margin-bottom: 11px;

    }

    .modal-dialog{
        z-index : 99999;
        margin-top : 75px;
    }
    
// SAS TABLE
 

    .sas-table {
        width : 100%;
        -moz-user-select : none;
        -webkit-user-select: none;        
    }
    
    .sas-table thead tr {
        display : table-row;
        background : #ea6153;
        font-weight: 900;
        color : white;
        font-size : 14px;
        line-height: 20px;
    }
    
    .sas-table .darkblue {
        background-color : #2c3e50;
    }
    
    .sas-table thead tr td{
        cursor:  pointer;
    }
    
    .sas-table tbody tr:nth-of-type(even) {
        background : #f6f6f6;
        -moz-user-select : none;
        -webkit-user-select: none;        
    }
    
    .sas-table tbody tr:nth-of-type(odd) {
        background : #e9e9e9;
        -moz-user-select : none;
        -webkit-user-select: none;        

    }
    
    .sas-table td{
        padding : 6px 12px;
        line-height: 20px;
        cursor:  pointer;
    }
    
    .row-clicked{
        background : #bbbbbb !important;
    }
    
    .btn-separator{
        width : 2px;
        padding-top : 7px;
        padding-left : 0px;
        padding-right : 0px;
        border-left : 1px solid #999;
        border-right : 1px solid #eee;
    }
    
    .manager-label-disabled{
        color : red;
    }
    
    
    .user-row-active {
        background-color: #5bb75b;
        border : 1px solid white;
    }
    
    .user-row-inactive {
        background-color: #EDA31A;
        border : 1px solid white;
    }
    
    .user-row-online {
        background-color : #2e7af7;
        border : 1px solid white;
    }
    
    .user-label-disabled {
        color : red;
    }
    
    
    .price-default  {
        color : #333;
    }
    
    .price-inherited {
        color : blue;
    }
    
    .price-special{
        color : black;
        font-weight: bold;
    }
    
    .width-80 {
        width : 80px;
    }
    
    .width-90 {
        width : 90px;
    }
    
    .width-100 {
        width : 100px;
    }
    
    .width-120 {
        width : 120px;
    }
    
    .width-140 {
        width : 140px;
    }
    
    .width-150 {
        width : 150px;
    }
    
    .width-160 {
        width : 160px;
    }
    
    .width-180 {
        width : 180px;
    }
    
    .cards-suspended {
        background-color : #f5d89e  !important;
    }
    
    
    .profile-x-label{
        border-bottom: 1px blue dotted;
        cursor:  pointer;
    }
    
    .font-10px {
        font-size : 10px;
    }
    
    .font-11px {
        font-size : 11px;
    }
    
    .font-12px {
        font-size : 12px;
    }
    
    .log-warning {
        background-color : red;
        font-weight: bold;
    }
    
    .log-warning {
        background : red;
        font-weight: bold;
    }

    
    .ui-dialog {
        background-color : white;
        border : 1px solid #4b8df8;
        z-index: 99999;
        display : none;
        position: fixed;
        
    }
    
    .ui-dialog .ui-dialog-titlebar{
     background-color : #4b8df8;   
     height : 30px;
     padding-top : 5px;
    }
    
    .ui-dialog .ui-dialog-titlebar-close{
        float : right;
        margin-right : 10px;
        height : 18px;
        width : 18px;
        background-image: url('../../../../../../images/window-close.png');
        background-position:  center;
        opacity: 0.9;
        background-color: white;
        border : none;
    }
    
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title{
        color : white;
        font-weight: bold;
        padding-left : 10px;
        padding-right : 10px;
        height : 30px;
        box-sizing:  border-box;
    }
    
    .ui-dialog .ui-dialog-content{
        background: white;
        width : 500px;
        height : 400px;
        z-index : 99999;
    }
    
    .live-online-icon {
        color : green !important;
        font-size : 26px !important;
    }
    
    .live-conversation {
        border : 1px solid gray;
        min-width : 400px;
        height : 100%;
        font-size : 12px;
        padding : 5px;
        background-color: white;
        overflow-y: auto;
    }
    
    .live-tab-notify {
        color : #EDA31A !important;
        font-weight: bold;
    }
    
    .live-tab-selected {
        font-weight: normal;
        color : #737373 !important;
    }
    
    .live-text-sent {
        width : 100%;
        height : 30px;
        color : #2c3e50;
        font-size : 12px;
        border-bottom: 1px solid  #e9e9e9;
        margin-top : 5px;
    }
    
    .live-text-sent .username {
        font-size : 12px;
        font-weight: bold;
        color : #2c5285;
        left : 5px;
    }
    
    .live-text-sent .imtext{
        margin-left :15px;
        margin-top : 10px;
    }
    
    .live-text-sent .time{
        margin-left :10px;
        color : #bbbbbb;
    }
    
    .live-text-received {
        width : 100%;
        height : 30px;
        color : #2c3e50;
        font-size : 12px;
        border-bottom: 1px solid  #e9e9e9;
        margin-top : 5px;
    }
    
    .live-text-received .username {
        font-size : 12px;
        font-weight: bold;
        color : #ea6153;
        left : 5px;
    }
    
    .live-text-received .imtext{
        margin-left :15px;
        margin-top : 10px;
    }
    
    .live-text-received .time{
        margin-left :10px;
        color : #bbbbbb;
    }
    
    
    
    
    
    .btn-upload {
      position: relative;
      overflow: hidden;
    }
    .btn-upload input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      transform: translate(-300px, 0) scale(4);
      -webkit-transform: translate(-300px, 0) scale(4);
      -ms-transform: translate(-300px, 0) scale(4);
      -o-transform: translate(-300px, 0) scale(4);
      font-size: 23px;
      direction: ltr;
      cursor: pointer;
    }
    * html .btn-upload {
      line-height: 24px;
      margin: 1px -3px 0 0;
    }
    * + html .btn-upload {
      padding: 2px 15px;
      margin: 1px 0 0 0;
    }
    
    .btn-plain {
        background-color : white;
        border : 1px solid #aaa;
    }
    
    .btn-plain:hover {
        background-color : #eee;
        border : 1px solid #aaa;
    }
    
    .btn-plain .fa{
        color : #555;
    }
    
    .text-blue {
        color : blue;
    }
    
    .text-green {
        color : green;
    }
    
    .text-red {
        color : red;
    }
    
    .zoom-p7{
        zoom : 0.7;
    }
    
    .zoom-p8{
        zoom : 0.8;
    }
    
    .zoom-p9{
        zoom :0.9;
    }
    
    .zoom-1{
        zoom : 1.0;
    }
    
    .filter-row{
        background-color: #d8e3f2;
        padding-top : 5px; 
        padding-bottom : 5px;
        margin-left : -10px ; 
        margin-right: -10px;
    }

.tiles .tile .tile-body > i {
	margin-top :5px;
}

.tiles-medium-text {
    font-size : 20px !important;
    font-weight : 100 !important;
}

@-webkit-keyframes 'blink' {
    0% { -webkit-filter: brightness(100%); }
    50% { -webkit-filter: brightness(180%);  }
    100% { -webkit-filter: brightness(100%);   }
}

@keyframes 'blink' {
    0% {   filter: brightness(100%) }
    50% {  filter: brightness(180%) }
    100% { filter: brightness(100%)  }
}


.dashboard-widget-selected  {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease;   
    
    animation-direction: normal;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease;   
}


.powerdby-img{
    margin-left : 10px;
    margin-right : 10px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition-duration: 1s; /* Safari */
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}

.powerdby-img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


.cursor-pointer {
    cursor: pointer;
}

.overview-widgets-hover:hover {
    
}

.overview-widgets-hover:hover {
     
}


.dir-rtl {
    direction: rtl !important;
}

.dir-ltr {
    direction : ltr !important;
}

.selectable {
    -webkit-user-select: text; 
    -moz-user-select : text;
}

.language-li {
    height : 30px;
    padding-top : 5px;
    padding-left: 20px;
    box-sizing: border-box;
    cursor: pointer;
    direction : ltr;
    text-align: left;
}

.language-li:hover{
    background-color: #d8e3f2;
}