/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 11, 2016, 10:16:33 AM
    Author     : bayasys
*/
.expands
{
    cursor:pointer; cursor:hand;
}
.devWindow
{
    background-color: #ff6666;
}
.x-tab-bar-horizontal > .x-tab-bar-body-default{
    min-height: 20px;
}

.x-tab-bar-horizontal > .x-tab-bar-body-default{
    padding: 1px;
}
.x-tab-bar-default {
    background-color: #FFFFFF;
}
.x-toolbar-default {
    padding: 6px 0 6px 8px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
    background-image: none;
    background-color: #fff;
}
.x-tab.x-tab-active.x-tab-default {
    border-color: transparent;
    background-color: #6585a6;
}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    /*color: rgba(69, 72, 81, 0.61);*/
}
.x-tab-default-top {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 8px 3px 8px;
    border-width: 1px;
    border-style: solid;
    background-color: #f1f1f1;
}
.x-panel-header-default-vertical {
    background-image: none;
    background-color: #2a3f54;
}
.x-toolbar-default {
    padding: 6px 0 6px 8px;
    border-style: solid;
    border-color: #f7f7f7;
    border-width: 1px;
    background-image: none;
    background-color: #fff;
}
.x-btn-default-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: #4285f4;
}
.x-btn-default-small {
    border-color: #4285f4;
}

/* bT1366-19 starts: Style defined for keeping the tool tip in a horizontal manner */
.x-tip-default {
    width: 500px;
    align-items: center;
}
/* bT1366-19 ends */

html>body div.scrollable tbody {
    overflow: scroll;
}

table.resizable th{
    text-align:center;
    overflow: hidden;
}

/* if mozilla, add 10 for the scrollbar */
html>body th.scrollbarCol {
    width:10px;
}

table.resizable td{
    overflow: hidden;
}

table.resizable{
    table-layout:inherit;
}

table.resizable input{
    width:100%;
}

table.resizable textarea{
    width:100%;
}

.nowrap {
    white-space:nowrap;
}

/* needed for IE */
table.tabular th.scrollbarCol {
    background-color:transparent; 
}

table.tabular {
    FONT-SIZE: 13px;
    FONT-FAMILY: 'Verdana, Arial, Helvetica, sans-serif';
    COLOR: #336699;
}

table.tabular thead {
    COLOR: #ffffff;
    FONT-WEIGHT: bold;

}

table.tabular th{
    background-color:#c0c0c0; 
    padding: 4px;
}

table.tabular td {
    background-color:#EAF4F3;
    padding: 2px;
}


.x-btn-over.x-btn-default-small {
    border-color: #6585a6;
    background-image: none;
    background-color: #6585a6;
}

.x-btn-default-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: #7991a9;
}

.fixed_headers {
    width: 150;
    table-layout: fixed;
    border-collapse: collapse;

    th { text-decoration: underline; }
    th, td {
        padding: 5px;
        text-align: left;
    }

    td:nth-child(1), th:nth-child(1) { min-width: 150; }
    td:nth-child(2), th:nth-child(2) { min-width: 150; }
    td:nth-child(3), th:nth-child(3) { width: 150; }

    thead {
        tr {
            display: block;
            position: relative;
        }
    }
    tbody {
        display: block;
        overflow: auto;
        width: 100%;
        tr:nth-child(even) {
        }
    }
}

.old_ie_wrapper {
    height: 20;
    width: 150;
    overflow-x: hidden;
    overflow-y: auto;
    tbody { height: auto; }

}
.x-grid-row .custom-column { 
    color: #000;  
    /*background-color: rgb(250, 255, 189);*/
    background-color: rgb(237,240,244);
    font: 300 13px/17px helvetica, arial, verdana, sans-serif;
    min-height: 22px;
}
.removed
{
    display:none;
}

.expands
{
    cursor:pointer; cursor:hand;
}

.four .x-grid-cell{    
    background-color:#84bbf0
}
.partial .x-grid-cell{    
    background-color:rgb(226, 170, 170);
}

.complete .x-grid-cell{    
    background-color:rgb(150, 230, 150);

}

.x-mask {
    filter: alpha(opacity=50);
    opacity: 0.3;
    background: #e0e9f4 !important; 
}
.greengridcell {
    color: #1c9124;
    background:rgb(250, 250, 250);
}
.redgridcell {
    color: #e32121;
    background:rgb(250, 250, 250);
}
.bluegridcell {
    color: #0856b4 ;
    background:rgb(250, 250, 250);
}
.x-grid-item-selected1 {
    color: #000;
    background-color: #eb9979;
}
.x-grid-item-selected0 {
    color: #000;
    background-color: #fff;
}
.x-btn-default-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: #6585a6;
}
.optiondivcls{
    cursor: pointer;
    margin-top: 10px;
    margin-left: 2px;
}
.tabdivclas{
    cursor: pointer;
    margin-left:5px;
    margin-top:15px
}
overClass{
    background: #4c4c4c;
    background-color: #4c4c4c;
    opacity: 0.5;
}
.optionbuttoncls{
    background: transparent;
    border-radius: 0;
}
.buttonFocusClass{
    border-style: none   ;
}
.gridHeader{
    background: '#ffffff';
    background-color: '#ffffff'
}
.x-column-headerMIS {
    border: none;
    color: black; 
    font: 300 13px/15px helvetica, arial, verdana, sans-serif;
    font-weight: bold;
    outline: 0;
    background-color: #fff;
}
.tabButtonCls{
    color: black; 
    border: none;
    font: 300 13px/15px Roboto;
    font-weight: bold;
    outline: 0;
    background-color: #fff;

}
.boldFont{
    color: black; 
    border: none;
    font: 300 13px/15px helvetica, arial, verdana, sans-serif;
    font-weight: bold;
    outline: 0;
}
.bold{
    border: none;
    font-weight: bold;
    outline: 0;

}
.htmldropdown{
    background: #ffffff;
    background-color: #ffffff;
    border: none;
    font-weight: bold;
    width: 150px;
    font-size: 17px

}
::-webkit-scrollbar{   
    width: 10px;
    color: #0856b4;
    background: #DDDDE0

}          
::-webkit-scrollbar-button {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border:1px solid #666666;
    width: 14px;
    height: 0px;
}
::-webkit-scrollbar-button:vertical:decrement 
{
    background: #A0B2CC no-repeat -2px -62px;
}
::-webkit-scrollbar-button:vertical:increment 
{
    background: #A0B2CC no-repeat -2px -77px;
}
::-webkit-scrollbar-button:horizontal:decrement 
{
    width:0px;
    background: #A0B2CC no-repeat -2px -105px;
}
::-webkit-scrollbar-button:horizontal:increment 
{
    width:0px;
    background: #A0B2CC no-repeat -2px -120px;
}
::-webkit-scrollbar-thumb
{
    -webkit-border-radius:8px;
    background-color:#A0B2CC;
    border: 1px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#5B697E;
}
.oddColumn {
    color: #000;
    background: #F0F0F0;  
}
.evenColumn {
    background: #F5F5F5;  
    color: #000;
}
tr.grid-row2 td{
    background-color: #ebf2f4;
}
tr.grid-row1 td{
    background-color: white;
}
tr.alertgrid-row2 td{
    color:blue; 
    font-weight:bold;
    font-size: 13.5px;
    background-color: #ebf2f4;
}
tr.alertgrid-row1 td{
    color: blue; 
    font-weight:bold;
    font-size: 13.5px;
    background-color: white;
}
.gridsummaryclass{
    color:#FF0000; 
    font-weight:bold;
    font-size: 13.5px
}
/*.x-box-scrollerMis{   
#4c4a4a
    width: 14px;
    color: #0856b4;

}          
x-box-scrollerMis-button {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border:1px solid #666666;
    width: 14px;
    height: 0px;
}
x-box-scrollerMis-button:vertical:decrement 
{
    background: #e0e9f4 no-repeat -2px -62px;
}
x-box-scrollerMis-button:vertical:increment 
{
    background: #e0e9f4 no-repeat -2px -77px;
}
x-box-scrollerMis-button:horizontal:decrement 
{
    background: #e0e9f4 no-repeat -2px -105px;
}
x-box-scrollerMis-button:horizontal:increment 
{
    background: #e0e9f4 no-repeat -2px -120px;
}
:x-box-scrollerMis-thumb
{
    -webkit-border-radius:8px;
    background-color:#c2ddf2;
    border: 1px solid #fff;
}
x-box-scrollerMis-thumb:hover{
    background-color:#BBB;
}*/





/*.x-menu-body-default {
    background: #6585a6;
    padding: 0;
}*/
/*Dashboard CSS*/
.right-container{
    background-color:#1c9124;
    height:500px;
    width:500px;
    float:left;
}

.left-menu{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color:#34464C;
    height:800px;
    width:200px;
}

.box{
    background-color:#303F45;
    color: whitesmoke;
    width:167px;
    height:40px;
    font-family: sans-serif;
    font-weight: 600;
    border-radius: 2px;
    margin:8px;
    box-shadow: 0px 0px 5px #2D3D43;

}

.modern-box .modern-box-header{
    /*background-color:#FF6E11;*/
    color: #5B697E;
    width:270px;
    height:40px;
    font-family: Roboto;

}
.modern-box-float .modern-box-header{
    background-color:#FF6E11;
    /*color: whitesmoke;*/
    color: #5B697E;
    left : -20px;
    width:270px;
    height:40px;
    position:relative;
        margin: 25px 0px 0px -20px;
    x-index : -1;
    font-family: Roboto;

}

.box:hover{
    background:#27363A;
    cursor: pointer;

}

.x-btn-button-modern:hover{
    background-color:  #35a1f2 !important;
}

.modern-box:hover{
    cursor: pointer;
    font-weight: 600;
    background-color:  #eb847c !important;

}

.modern-box-float:hover{
    cursor: pointer;
    font-weight: 600;
    background-color:  #eb847c !important;

}

.modern-box-header:hover{
    cursor: default;

}
.left-box{
    float:left;
    padding-left: 10px;
    height:40px;
    width:40px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.left-box-modern{
    float:left;
    padding-left: 10px;
    height:40px;
    width:20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent !important;
}

.right-box{
    height:40px;
    width:120px;
    padding-left: 3px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
}

.right-box-modern{
    height:40px;
    width:200px;
    padding-left: 3px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
    /*background: transparent !important;*/
}

.left-menu-text-style{
    font-size: 14px;
    padding-top: 12px;
    font-family: Roboto;   
    color: #5B697E
}

.menu_title_box{
    padding: 18px 49px;
    color: whitesmoke;
    width:200px;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;

}

.menu_title_box img{
    float:left;
}


.menu_title_box p{
    float: left;
    margin-left: 8px;
    vertical-align: middle;
}

.right-container-top{
    background-color:#1C2121; 
}


.whats-new-button{
    height: 29px;
    width: 127px;
    padding: 4px;
    font-size: 15px;
    font-weight: 600;
    float: left;
    margin-top: 2px;
}

.whats-new-button:hover{
    opacity: .9
}

.whats-new-button img{
    float: left;
    margin-top: 2px;;
}

.whats-new-button p{
    float: left;
    margin-top: 2px;
    margin-left: 8px;
}

.notify-icon{
    height:25px;
    width:25px;
    margin-top: 3px;
    cursor: pointer;
    margin-left:5px;
    /*margin-top:15px*/
}

.notify-icon:hover{
    opacity:0.9;
}

.notify-icon-container{
    margin-top: 50px;
}


.tab-container{
    box-shadow: 0px 0px 5px #2D3D43;
    height: 58px;
    padding: 12px;
    width: 155px;
    background-color: #303F45;
    text-overflow: initial;
}

.tab-container:hover{
    background-color: #27373e;
}

.tab-container img{
    float:left;
    margin-top:5px;
}

.text-container .tab-title{
    margin: 0px;
    float: left;
    color: white;
    text-align: left;
    line-height: normal;
}

.text-container .tab-count{
    float:left;
    margin:0px;
    font-size: 13px;
    color:#E9D14C;
    margin-top: 3px;
}

.text-container{
    margin-left: 9px;
    font-family: sans-serif;
    height: 50px;
    width: 86px;
    float: left;
    font-weight: 600;
    font-size: 11px;
}

.tab2{
    opacity: 0.8;
}

.tab2 .tab-count{
    color: #33A2BE;
}

.tab3{
    opacity: 0.8;
}

.tab3 .tab-count{
    color: #53AC4F;
}



.right-content-heading{
    margin: 10px 20px;
    color: #6f6f6f;
    font-family: sans-serif;
    background: transparent;
    font-weight: 600;
    font-size: 12px;
}

.table-container{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    height:100%;
    width:82%;
    background-color: red;
    box-shadow: 0px 0px 5px #2D3D43;
    border-radius:3px;
}

tr.grid-row1 td{
    padding: 3px;
    background-color: #d6f0f9;
}
tr.grid-row2 td{
    padding: 3px;
    background-color: white;
}
tr.misgrid-row1{
    font-size: 12px;
    background-color: #d6f0f9;
}
tr.misgrid-row2 {
    font-size: 12px;
    background-color: white;
}
tr.miscomparegrid-row1{
    font-size: 12px;
}
tr.miscomparegrid-row2 {
    font-size: 12px;
}

.column-heading{    
    font-weight: 600;
    padding-left: 4px;
}

.alert-drop-down{
    font-size: 13px;
    margin-bottom: 5px;
}
.red .x-grid-cell{    
    background-color:#ed7878
}
/****/

.dsbfrom .x-panel-bodyWrap div[role=form]
{
    overflow-y:auto !important;
    height:510px !important;
}

/*.x-title-text{
    font-size:10pt !important;
}*/

.excelicon{
    background-image: url(../theme-baya/images/excelicon.png) !important;
    width:24px !important;
    height:24px !important;
}

.pdficon{
    background-image: url(../theme-baya/images/pdficon.png) !important;
    width:24px !important;
    height:24px !important;
}

.x-grid-row-pos {
    outline: none;
    height: 40px;
    line-height: 30px;
    font-size: 14pt;
}

.x-grid-row-pos-ins {
    outline: none;
    height: 50px;
    line-height: 40px;
    font-size: 14pt;
}
.meniitemcls{
    background-color: rgb(214, 232, 246);
    border: #f5f5f5;
    border-width: thick;
}
.alerticoncls{
    background-image: url(images/alert.png);
}
.noalerticoncls{
    background-image: url(images/alertgreen.png);
}
.x-grid-item-selected2 {
    color: red;
    font-weight:bold;
}

.baya-button-badge {
    background-color:red;
    color:whitesmoke;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    padding-top:1px;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 40px;
    text-align:center
}

table.dashboard-list-class {
    font-family: Verdana, Geneva, sans-serif;
    border: 0px solid #1C6EA4;
    width: 100%;
    height: 50px;
    text-align: left;
    border-collapse: collapse;
}
table.dashboard-list-class td {
    border-top: 0.8px solid #AAAAAA;
    padding: 10px 10px;
}

table.dashboard-list-class tbody {
    overflow-y: scroll;
}
table.dashboard-list-class tr:hover {
    background: rgb(245, 245, 245)
}

table.dashboard-list-class th {
    border-top: 0px solid #AAAAAA;
    padding: 10px 10px;
}

table.dashboard-list-class tbody td {
    font-size: 13px;
}

table.dashboard-list-class thead {
    border-bottom: 0.8px solid #D1D1D1;
}

table.dashboard-list-class thead th {
    font-size: 15px;
    font-weight: bold;
    color: #3c4858;
    text-align: left;
}

table.dashboard-list-class tfoot td {
    font-size: 9px;
}

dashbaordbtnImage :hover {
    cursor:cell;
}

.x-btn-icon-el-default-small.x-btn-icon-el-default-custom-large {
    width:96px !important;
    height:96px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

modernComboCls.x-form-text {
    display: inline;
    color: #0BB2FF;
}

.newloader{
    position:absolute;
    width:300px;
    height:240px;
    background:transparent;
    left:50%;
    top:50%;
    margin-left:-230px;
    margin-top:-120px;
    border:0;
    transition:opacity 400ms;
}

@keyframes pulse{
    0%{
        height:0%;
    }
    20%{
        background:rgba(0, 224, 131,1);
        height:100%;
        box-shadow:0 0 8px rgba(255,255,255,0.0);
    }
    50%{
        background:rgba(255, 54, 54,1);
        box-shadow:0 0 8px rgba(17,217,255,0.8);
    }
    80%{
        background:rgba(17,217,255,1);
        height:100%;
        box-shadow:0 0 8px rgba(255,255,255,0.0);
    }
    100%{
        height:0%;
        box-shadow:0 0 4px rgba(0,0,0,1.0);
    }
}

.newloader > ul{
    list-style:none;
    position:absolute;
    width:120px;
    height:120px;
    left:50%;
    top:50%;
    margin:-60px -50px;
}

.newloader li{
    width:4px;
    height:30px;
    border:0;
    background:#050505;    
    position:absolute;
    left:50%;
    top:10px;
    margin-left:-2px;
    transform-origin:2px 50px;
}

.newloader li div{
    border-radius:2px;
    width:4px;
    background:rgba(255,255,255,0.5);
    position:absolute;
    bottom:0px;
    left:0px;
    animation:pulse 6s normal infinite;
}

.newloader ul>li:nth-of-type(1){
    transform:rotate(0deg);   
}

.newloader ul>li:nth-of-type(1)>div{
    animation-delay:100ms;   
}

.newloader ul>li:nth-of-type(2){
    transform:rotate(30deg);   
}

.newloader ul>li:nth-of-type(2)>div{
    animation-delay:200ms;   
}


.newloader ul>li:nth-of-type(3){
    transform:rotate(60deg);   
}

.newloader ul>li:nth-of-type(3)>div{
    animation-delay:300ms;   
}


.newloader ul>li:nth-of-type(4){
    transform:rotate(90deg);   
}

.newloader ul>li:nth-of-type(4)>div{
    animation-delay:400ms;   
}


.newloader ul>li:nth-of-type(5){
    transform:rotate(120deg);   
}

.newloader ul>li:nth-of-type(5)>div{
    animation-delay:500ms;   
}


.newloader ul>li:nth-of-type(6){
    transform:rotate(150deg);   
}

.newloader ul>li:nth-of-type(6)>div{
    animation-delay:600ms;   
}


.newloader ul>li:nth-of-type(7){
    transform:rotate(180deg);   
}

.newloader ul>li:nth-of-type(7)>div{
    animation-delay:700ms;   
}


.newloader ul>li:nth-of-type(8){
    transform:rotate(210deg);   
}

.newloader ul>li:nth-of-type(8)>div{
    animation-delay:800ms;   
}


.newloader ul>li:nth-of-type(9){
    transform:rotate(240deg);   
}
.newloader ul>li:nth-of-type(9)>div{
    animation-delay:900ms;   
}


.newloader ul>li:nth-of-type(10){
    transform:rotate(270deg);   
}
.newloader ul>li:nth-of-type(10)>div{
    animation-delay:1000ms;   
}



.newloader ul>li:nth-of-type(11){
    transform:rotate(300deg);   
}

.newloader ul>li:nth-of-type(11)>div{
    animation-delay:1100ms;   
}


.newloader ul>li:nth-of-type(12){
    transform:rotate(330deg);   
}

.newloader ul>li:nth-of-type(12)>div{
    animation-delay:1200ms;   
}
.newloader{
/*    background:rgba(224, 233, 244,0.4);*/
    background:transparent;
    position:absolute;
    width:300px;
    height:240px;
    left:50%;
    top:50%;
    margin-left:-230px;
    margin-top:-120px;
    border:0;
}

.newloader::after{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 49%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0.02) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.03)), color-stop(49%,rgba(255,255,255,0.03)), color-stop(50%,rgba(255,255,255,0.02)), color-stop(100%,rgba(255,255,255,0.02)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 49%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0.02) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 49%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0.02) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 49%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0.02) 100%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 49%,rgba(255,255,255,0.02) 50%,rgba(255,255,255,0.02) 100%);
    position:absolute;
    width:100%;
    height:100%;
    background-size:200% 240%;
    top:0px;
    left:0px;
    z-index:4;
    content:' ';
}

.newloader h4{
    text-align:center;
    width:100%;
    position:relative;
    bottom:0px;
    font-family:'Source Sans',sans-serif;
    font-weight:600;
    font-size: large;
    margin-top: 25px;
    margin-left: 10px;
}

.x-panel-header-default {
    background-image: none;
    background-color: white; 
}

.x-panel-header-title-default > .x-title-text-default {
    text-transform: none;
    padding: 0;
    background: white;
}

.x-panel-header-default {
    font-size: 15px;
    border: 0px solid #f5f5f5;
}

.dataviewsearchbar {
    width: 490px;
    display: block;
    height: 90%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* IB0072-20 starts */
.mediumdisabledRow {
   color: #000;
   background: rgb(250, 255, 189);
   font-size: 12px;
}
/* IB0072-20 ends */
.fav-btn {
    /*background : none;*/
   /*background :#b9b9bd;*/
	border-radius:0px;
    /*border:1px solid #f7f7f7;*/
    /*display:inline-block;*/
    /*cursor:pointer;*/
    color:#5B697E;
    font-family: Roboto;  
    /*color:#5B697E;*/
    /*font-family:Roboto;*/
    font-size:14px;
    /*font-weight:bold;*/
    /*padding:13px 31px;*/
    /*text-decoration:none;*/
    /*text-shadow:0px 1px 0px #263666;*/
}
/*.fav-btn:hover {
	background : none;
	border-radius:0px;
	border:1px solid #f7f7f7;
	display:inline-block;
	cursor:pointer;
	color:#f7f7f7;
    color:#5B697E;
    font-family:Roboto;
	font-size:30px;
	font-weight:bold;
	padding:13px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.fav-btn:active {
	background : none;
	border-radius:0px;
	border:1px solid #f7f7f7;
	display:inline-block;
	cursor:pointer;
	color:#f7f7f7;
    color:#5B697E;
    font-family:Roboto;
	font-size:30px;
	font-weight:bold;
	padding:13px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff6f0d;
    margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.x-grid-cell {
    overflow: visible;
}