body {              
        background: #FFF;       
        color: #555;
        overflow: hidden; 
        position: absolute;
        left: 0;   
        top: 0; 
        right: 0;
        bottom: 0;
}     
body, input, button, select, textarea, th, td {
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 300;
}  
header.header {
        background: #333;   
        position: relative;
        height: 60px;    
        z-index: 3; 
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}   
header.header h1 {     
        background: url(/wprost/_i/logo-wprost-header.png) no-repeat left center;  
        margin: 0 0 0 20px;
        padding: 0; 
        height: 60px;    
        width: 250px;
}                  
header.header h1 a {  
        display: block;
        color: #FFF;
        text-decoration: none;
        padding-left: 157px;   
        font-size: 18px;
        font-weight: 300;  
        line-height: 70px; 
}                
header.header h1 a span {  
        display: none;
}               
header.header h1 a i {   
        color: #CCC;
        font-style: normal;
}    
header.header ul { 
        position: absolute; 
        height: 40px; 
        right: 10px; 
        top: 10px;
        margin: 0;
        padding: 0;
}          
header.header ul li {  
        display: block;
        height: 40px;   
        line-height: 40px; 
        float: left; 
        margin: 0 0 10px 0;
        padding: 0;
}         
header.header ul li a {  
        color: #AAA;
        display: block;
        height: 40px;  
        width: 40px;   
        line-height: 40px; 
        text-align: center;
        font-size: 20px;     
        font-weight: 200;  
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;   
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}         
header.header ul li a:hover { 
        background: #555; 
        color: #FFF;
}       
header.header ul li a span {  
        display: none;
}        
header.header span#auth-user-dname {    
        position: absolute;        
        display: block; 
        height: 40px; 
        right: 100px; 
        top: 10px;      
        color: #CCC;
        line-height: 40px; 
        text-align: center;
        font-size: 20px;     
        font-weight: 200;  
}                            
header.header span#auth-user-dname i.fa {   
        background: #555; 
        color: #AAA;
        text-align: center;
        font-size: 20px;     
        font-weight: 200; 
        line-height: 40px;   
        height: 40px;  
        width: 40px;  
        float: left;       
        display: block; 
        margin-right: 10px;
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%;
        -ms-border-radius: 100%; 
        -o-border-radius: 100%;
        border-radius: 100%;  
}           
header.header span#auth-user-dname img {   
        background: #555; 
        color: #AAA;
        height: 40px;  
        width: 40px;  
        float: left;       
        display: block; 
        margin-right: 10px;
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%;
        -ms-border-radius: 100%; 
        -o-border-radius: 100%;
        border-radius: 100%;  
}      

.navi-content {
        background: #FFF;
        position: fixed;
        left: 0;   
        bottom: 0;
        top: 60px;
        width: 250px;  
        font-size: 14px;    
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
        -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);        
        -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;    
        z-index: 2; 
}           
.navi-content-header {     
        border-bottom: #F6F6F6 1px solid;
        margin: 0;
        padding: 10px 20px;  
        font-weight: 400;
        font-size: 16px;
        text-transform: uppercase;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -transition: all 0.5s ease-in-out;    
        transition: all 0.5s ease-in-out;  
}          
.navi-content-header, 
.navi-content-header a { 
        color: #555;
        display: block;
        text-decoration: none;
        cursor: pointer;
}       
.navi-content-header:hover {  
        background: #F9F9F9;  
        color: #008CEA;    
}       
.navi-content-header:hover i {  
        color: #000;    
}       
.navi-content-header .fa {  
        font-size: 17px;
        width: 20px;
        margin-right: 7px;
}        
.navi-content-block {    
        background: #FFF;   
        border-bottom: #F6F6F6 1px solid;  
        position: relative;
        overflow: hidden;
        overflow-y: auto;    
}     
.navi-content ul {    
        margin: 0 0 10px 2px;
        padding: 0;
        list-style: none;        
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}                 
.navi-content ul li {
        padding: 0; 
        border-top: #F8F8F8 1px solid;
}                 
.navi-content ul li:first-child { 
        border-top: none;
}             
.navi-content ul li a {   
        color: #111;         
        padding: 8px 0 8px 17px;  
        display: block;     
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;  
        text-decoration: none;
        text-transform: uppercase;  
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;          
}         
.navi-content ul li a:hover { 
        color: #008CEA;    
}          
.navi-content ul li a:hover i {
        color: #000;    
}           
.navi-content ul li a.selected,
.navi-content ul li a.selected i,
.navi-content ul li a.selected:hover {
        color: #008CEA;    
}                              
.navi-content ul li a i {
        display: block;
        width: 15px;          
        float: left;    
        margin: 3px 15px 0 1px;   
        text-align: center;    
}                    
.navi-content ul li ul {
        border-left: #D4D4D4 3px solid;
        margin: 0 0 10px 24px;
        display: none;
}                     
.navi-content ul li ul:hover {
        border-left: #AAA 3px solid;
}                 
.navi-content ul li ul li {
        padding: 0;  
        border-top: none;
        
}                
.navi-content ul li ul li a {
        /*  text-transform: none; */
        margin-right: 0;   
        padding: 3px 0 3px 20px;  
}    

.content {
        background: #FFF;
        position: fixed;
        left: 250px;   
        bottom: 0;
        top: 60px;
        right: 0;  
        overflow: hidden;
        overflow-y: auto;   
        z-index: 1;  
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -transition: all 0.5s ease-in-out;    
        transition: all 0.5s ease-in-out;   
}                 
.content.content-dialog {
        left: 0;   
        bottom: 0;
        top: 0;
        right: 0;  
        overflow: hidden; 
        z-index: 150; 
}                 
.content.content-fullpage {
        left: 0;   
        bottom: 0;
        top: 0;
        right: 0;  
        overflow: hidden;
        overflow-y: auto;   
        z-index: 150; 
}    
.content.content-fullpage .fullpage {
        left: 0;   
        bottom: 0;
        top: 0;
        right: 0;    
        z-index: 151; 
}     
.content.content-fullpage .fullpage .toolbar,
.content.content-fullpage .fullpage .toolbar-bottom {
        left: 0;    
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -transition: all 0.5s ease-in-out;    
        transition: all 0.5s ease-in-out;   
}                    

.content .desctop {    
        background: url(/cms/_i/bg-image-02.jpg) no-repeat top center;
        background-size: cover;  
        font-family: "Roboto Condensed", Roboto, sans-serif;
        position: relative;  
        left: 0;   
        bottom: 0;
        top: 0;
        right: 0;
}               
.content .desctop ul.icons {
        border-top: rgba(255, 255, 255, 0.9) 1px solid;
        list-style: none;
        margin: 0 30px;       
        padding: 30px 0;  
}                 
.content .desctop ul.icons:first-child {
        border: none;   
}             
.content .desctop ul.icons:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}   
.content .desctop ul.icons li {
        background-color: rgba(0, 0, 0, 0.01);
        color: #FFF;   
        padding: 10px 0;     
        float: left;    
        font-size: 18px; 
        line-height: 20px;
        font-weight: 400;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;   
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;      
}         
.content .desctop ul.icons li:hover {
        background-color: rgba(0, 0, 0, 0.4);
}                              
.content .desctop ul.icons li,
.content .desctop ul.icons li a {
        display: block;            
        width: 190px;
        height: 170px;
}             
.content .desctop ul.icons li a {
        color: #FFF;            
        text-align: center;   
        text-decoration: none;    
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}             
.content .desctop ul.icons li a span {  
        position: relative;  
        height: 120px;
        line-height: 120px;
        display: block;    
        font-size: 90px;       
        text-align: center;     
        margin: 0 35px 10px 35px;   
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); 
}                 
.content .desctop ul.icons li a span span {  
        position: absolute;  
        height: 30px;
        line-height: 30px;
        display: block;    
        font-size: 30px;  
        right: 0;
        bottom: 0;      
        margin: 0;      
}            
.content .desctop ul.icons li:hover a {   
        color: #F6F6F6;             
}      
.content .desctop ul.icons li:hover a span span.plus {  
        color: #FFF;             
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}              
.content .desctop ul.icons li a em {   
        display: none;  
        font-style: normal;       
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}                
.content .desctop ul.icons li:hover a em {   
        color: #FFF;             
        display: block;    
}       
.content .list-box-rows-circle.desctop-list {
        background: transparent;            
        border-top: rgba(255, 255, 255, 0.4) 1px solid;   
        margin: 0 0 0 -1px;
}              
.content .list-box-rows-circle.desctop-list li,
.content .list-box-rows-circle.desctop-list li a {
        background: transparent;  
        border: none;  
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;          
}                        
.content .list-box-rows-circle.desctop-list li {
        border-left: rgba(255, 255, 255, 0.4) 1px solid;   
        border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}
.content .list-box-rows-circle.desctop-list li:hover {
        background-color: rgba(0, 0, 0, 0.4);
}                
.content .list-box-rows-circle.desctop-list li .image i.fa {
        background: #FFF;  
        color: #111;
}       
.content .list-box-rows-circle.desctop-list li a strong,
.content .list-box-rows-circle.desctop-list li a strong:hover {
        color: #FFF;                             
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}       
                 


.content .header {
        background: #F9F9F9;  
        color: #999;      
        font-family: "Roboto Condensed", Roboto, sans-serif;
        padding: 0 0 0 30px;  
        line-height: 86px; 
        height: 86px;    
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;    
}          
.content .header em {
        color: #AAA;  
        font-style: normal;
}             
.content .header h2 {
        font-size: 30px;
        font-weight: 200;   
        margin: 0;
}              
.content .header-filter {
        border-left: #DDD 1px solid; 
        padding: 0 25px;
        position: absolute;  
        top: 0;
        right: 0;  
        z-index: 33;   
        height: 86px; 
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}              
.content .header-filter:hover {
        background-color: #FAFAFA;  
}            
.content .header-filter input, 
.content .header-filter select,
.content .header-filter button {
        margin-top: 29px; 
}     
                  
.content .toolbar {         
        background: #FFF;    
        position: fixed;
        padding: 0 30px;     
        height: 85px;       
        line-height: 87px;     
        margin: 0;   
        top: 146px;    
        left: 250px;    
        right: 30px;
        z-index: 12;
        overflow: hidden;
        min-width: 600px;
}                     
.content .toolbar-bottom {         
        background: #FFF;    
        position: fixed;
        padding: 30px 30px;     
        margin: 0;   
        bottom: 0;    
        left: 250px;    
        right: 30px;
        z-index: 12;
        overflow: hidden;
        min-width: 600px;
}         
         
.content .toolbar-fullwidth {     
        right: 0 !important;       
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);  
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); 
        -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); 
        -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); 
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); 
}                  
.content .toolbar-after {    
        display: block;  
        position: relative;  
        height: 85px;     
        line-height: 85px;   
        border-bottom: 1px solid #F6F6F6; 
}                
.content .toolbar .icon {  
        background: #FFF;
        color: #008CEA;  
        border: none;       
        outline: none;   
        height: 48px;
        width: 48px; 
        line-height: 48px; 
        text-align: center;
        margin: 19px 28px 0 0; 
        padding: 0;        
        position: relative;       
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;        
        cursor: pointer;  
        float: left;     
}                
.content .toolbar .icon .fa {  
        background: #008CEA;  
        color: #FFF;  
        font-size: 30px;    
        height: 48px;
        width: 48px;  
        line-height: 51px;
        text-align: center;
        margin: 0; 
        padding: 0;      
        left: 0; 
        top: 0;
        position: absolute;
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%; 
        -ms-border-radius: 100%; 
        -o-border-radius: 100%; 
        border-radius: 100%;      
}                  
.content .toolbar .icon:hover .fa {  
        background: #4FB9FF;
}                  
.content .toolbar .icon:after {  
        content: "";    
        position: relative;
}                  
.content .toolbar .button {  
        margin-top: 5px;
        position: relative;
}                 
.content .toolbar-window {          
        background: #F6F6F6;    
        border-bottom: #F6F6F6 4px solid;  
        background: #FFF; 
        background-color: #FCFCFC;        
        display: none;
        position: fixed;
        padding: 0;    
        margin: 0;      
        height: 86px;    
        top: 130px;    
        left: 250px;  
        bottom: auto;       
        right: 0;
        z-index: 11;
        overflow: hidden;
        min-width: 600px;   
}               
.content .toolbar-window-expanded {   
        display: block;       
        right: 0 !important;     
        height: auto;   
}               
.content .toolbar-window .toolbar-window-close {   
        border: #CCC 2px solid;   
        color: #CCC;
        display: none;
        position: absolute;
        display: block;
        top: 30px;
        right: 30px;
        font-size: 18px;
        line-height: 25px;  
        height: 25px;  
        width: 25px;  
        cursor: pointer;  
        text-align: center;    
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;   
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%; 
        -ms-border-radius: 100%; 
        -o-border-radius: 100%; 
        border-radius: 100%;      
}                
.content .toolbar-window .toolbar-window-frame {    
        padding: 30px;
}   
.content .toolbar-window .toolbar-window-frame h3 {     
        font-size: 25px;
        font-weight: 300; 
        padding: 0 0 5px 0; 
        margin: -4px 0 15px 0;    
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}      
.content .toolbar-window .toolbar-window-frame h3 i.fa {    
        width: 35px;
        text-align: center;
        float: left;
        margin: 6px 4px 0 0;
}          
                     
.content .shadow {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
}
      
.content .fullpage {
        position: absolute;  
        top: 87px;
        right: 0;   
        left: 0;  
        bottom: 0;  
        z-index: 3; 
        overflow: hidden;
        overflow-y: auto;    
}      
.content .fullpage-scroll {
        overflow: auto;  
}           
.content .fullpage.wait {  
        background: #FFF;
        line-height: 700px; 
        text-align: center; 
        overflow-x: hidden; 
        overflow-y: hidden; 
}       
.content .fullpage.wait i.fa {
        color: #F6F6F6;   
        font-size: 200px;
}         
.content .list {
        margin: 0;
        padding: 0;
        list-style: none; 
}      
.content .list:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}      
.content .list li {
        background-color: #FFF;  
        position: relative; 
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;   
}          
.content .list a {
        text-decoration: none;
}       
.content .list li .image {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        margin: 0;
        padding: 0;
        position: relative;    
        display: block;   
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}           
.content li strong {
        position: relative;    
        display: block;   
}            
.content .list li * {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}          
.content .list-no-transition li, 
.content .list-no-transition li * {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -transition: none;  
        transition: none;
}   
.content .list li:hover {
}        
.content .list-datk {
        background-color: #555;  
}           
.content .list-2-cols li {
        width: 50%;
        float: left;
}       
.content .list-3-cols li {
        width: 33%;
        float: left;
}        
.content .list-4-cols li {
        width: 25%;
        float: left;
}                     
.content .list-2-cols li time,
.content .list-2-cols li .details,
.content .list-2-cols li .details-icons, 
.content .list-3-cols li time,
.content .list-3-cols li .details,
.content .list-3-cols li .details-icons, 
.content .list-4-cols li time, 
.content .list-4-cols li .details,
.content .list-4-cols li .details-icons,
.content .list-no-details li .details,
.content .list-no-details li .details-icons  {    
        display: none !important;  
}  
                          
.content .list-box-rows li {        
        background-color: #FFF;
        border-top: #F6F6F6 1px solid;  
}         
.content .list-box-rows li:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}       
.content .list-box-rows li:hover {  
        background-color: #FCFCFC;
}             
.content .list-box-rows li:first-child {  
        border-top: none; 
}       
.content .list-box-rows li.selected {        
        background-color: #EAF5FA;
}             
.content .list-box-rows li .image {  
        display: none;
}                     
.content .list-box-rows li.not-active .image { 
        opacity: 0.3;
}                      
.content .list-box-rows li.not-active:hover .image { 
        opacity: 1;
}                   
.content .list-box-rows li a {     
        display: block;  
        padding: 15px 10px 15px 30px;
}     
.content .list-box-rows li strong {     
        color: #555;
        display: block;  
        font-size: 20px;
        line-height: 25px; 
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 300px;
}    
.content .list-box-rows li.not-active strong {     
        color: #999;
}                       
.content .list-box-rows li strong.small {     
        font-size: 15px;
}                   
.content .list-no-details li strong,
.content .list-box-rows.list-2-cols li strong,
.content .list-box-rows.list-3-cols li strong,
.content .list-box-rows.list-4-cols li strong {  
        margin-right: 30px;
}             
.content .list-box-rows li strong:hover {   
        color: #111;
}                
.content .list-box-rows li time {      
        color: #AAA;
        display: block;  
        position: absolute; 
        right: 0;  
        top: 17px;     
        width: 150px;
        font-size: 15px;
        font-weight: 300;
        line-height: 22px;    
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}                 
.content .list-box-rows li .details {      
        color: #AAA;
        display: block;  
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;      
        padding-right: 150px; 
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;  
}                          
.content .list-box-rows li .fulltext {      
        color: #222;
        display: block;  
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;      
        padding: 2px 350px 5px 0;   
        overflow: hidden;
        max-width: 600px;
}                       

.content .list-box-rows li:hover .details {      
        color: #999;
}                
.content .list-box-rows li .details:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}       
.content .list-box-rows li .details span {    
        display: block; 
        float: left;
        margin: 0 20px 0 0;  
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;  
}                    
.content .list-box-rows li .details-icons {      
        color: #AAA;
        display: block;  
        position: absolute; 
        right: 150px;  
        top: 17px;     
        width: 150px;
        font-size: 15px;
        font-weight: 300;
        line-height: 22px; 
}                     
.content .list-box-rows li .details-buttons {  
        display: block;  
        position: absolute; 
        right: 150px;  
        top: 17px;     
        width: 180px;
}                
.content .list-box-rows li .details-icons span {      
        padding: 0 2px;
}                      
.content .list-box-rows li .edit,
.content .list-box-rows li .button {      
        margin-top: 3px;
}         

              
.content .list-box-rows-circle li a {  
        min-height: 48px;               
        padding: 10px 10px 10px 30px;
}  
.content .list-box-rows-circle li strong,
.content .list-box-rows-circle li .details,
.content .list-box-rows-circle li .fulltext {     
        padding-left: 30px; 
}   
.content .list-box-rows-circle li .image {
        position: relative;  
        overflow: hidden;   
        display: block;    
        height: 48px;
        width: 48px;  
        float: left;   
        margin: 0 0 -5px 0; 
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%; 
        -ms-border-radius: 100%; 
        -o-border-radius: 100%; 
        border-radius: 100%;      
}       
.content .list-box-rows-circle li .image i.fa {
        background: #111;
        color: #F6F6F6;
        position: relative;  
        overflow: hidden;   
        display: block; 
        font-size: 30px;    
        height: 48px;
        width: 48px;  
        line-height: 48px;
        text-align: center;
        margin: 0; 
        -webkit-border-radius: 100%; 
        -moz-border-radius: 100%; 
        -ms-border-radius: 100%; 
        -o-border-radius: 100%; 
        border-radius: 100%;      
}                
.content .list-box-rows-circle li.facebook .image i.fa {
        background: #101725;
}                   
.content .list-box-rows-circle li.facebook:hover .image i.fa {
        background: #415E9B;           
}                 
.content .list-box-rows-circle li.twitter .image i.fa {
        background: #051E30;
}                
.content .list-box-rows-circle li.twitter:hover .image i.fa {
        background: #55ACEE;           
}                   
.content .list-box-rows-circle li.vine .image i.fa {
        background: #003326;
}         
.content .list-box-rows-circle li.vine:hover .image i.fa {
        background: #00BF8F;           
}                   
.content .list-box-rows-circle li.google-plus .image i.fa {
        background: #2D0C09;
}         
.content .list-box-rows-circle li.google-plus:hover .image i.fa {
        background: #D73D32;           
}                   
.content .list-box-rows-circle li.instagram .image i.fa {
        background: #231812;
}         
.content .list-box-rows-circle li.instagram:hover .image i.fa {
        background: #A97C5F;           
}                
.content .list-box-rows-circle li .image img {
        display: none;  
}                                       
.content .list-box-rows-circle.list-2-cols li a, 
.content .list-box-rows-circle.list-3-cols li a,  
.content .list-box-rows-circle.list-4-cols li a,              
.content .list-box-rows-circle.list-no-details li a {
        padding-top: 15px;      
        padding-bottom: 15px;  
        min-height: 38px;               
}                                               
.content .list-box-rows-circle.list-2-cols li strong, 
.content .list-box-rows-circle.list-3-cols li strong,  
.content .list-box-rows-circle.list-4-cols li strong,
.content .list-box-rows-circle.list-no-details li strong,
.content .list-box-rows-circle.list-no-details li time { 
        padding-top: 6px;
}              

.content .list-box-rows-circle.list-2-cols li .image, 
.content .list-box-rows-circle.list-3-cols li .image,  
.content .list-box-rows-circle.list-4-cols li .image,
.content .list-box-rows-circle.list-no-details li .image {  
        margin: -5px 0; 
}           
.content .list-box-rows-circle .comment-moder .image {   
        border: #FFF 2px solid;
}        
.content .list-box-rows-circle .comment-moder-1 .image,
.content .list-box-rows-circle .comment-moder-1 .image .fa {   
        background-color: #00CC66;
}                     
.content .list-box-rows-circle .comment-moder-1 .image {   
        border: #00CC66 2px solid;
        -webkit-box-shadow: 0 0 4px #00CC66;  
        -moz-box-shadow: 0 0 4px #00CC66;  
        -ms-box-shadow: 0 0 4px #00CC66;  
        -o-box-shadow: 0 0 4px #00CC66;  
        box-shadow: 0 0 4px #00CC66;  
}                     
.content .list-box-rows-circle .comment-moder-2 .image,
.content .list-box-rows-circle .comment-moder-2 .image .fa {   
        background-color: #F00;
}             
.content .list-box-rows-circle .comment-moder-2 .image { 
        border: #F00 2px solid;  
        -webkit-box-shadow: 0 0 4px #F00;  
        -moz-box-shadow: 0 0 4px #F00;  
        -ms-box-shadow: 0 0 4px #F00;  
        -o-box-shadow: 0 0 4px #F00;  
        box-shadow: 0 0 4px #F00;  
}                         
.content .list-box-rows-circle .comment-moder-3 .image,
.content .list-box-rows-circle .comment-moder-3 .image .fa {   
        background-color: #FFCC33;
}     
.content .list-box-rows-circle .comment-moder-3 .image { 
        border: #FFCC33 2px solid;  
        -webkit-box-shadow: 0 0 4px #FFCC33;  
        -moz-box-shadow: 0 0 4px #FFCC33;  
        -ms-box-shadow: 0 0 4px #FFCC33;  
        -o-box-shadow: 0 0 4px #FFCC33;  
        box-shadow: 0 0 4px #FFCC33;  
}                         
.content .list-box-rows-circle .comment-moder-4 .image,
.content .list-box-rows-circle .comment-moder-4 .image .fa {   
        background-color: #CCC;
}     
.content .list-box-rows-circle .comment-moder-4 .image { 
        border: #FFF 2px solid;  
        -webkit-box-shadow: none;  
        -moz-box-shadow: none;  
        -ms-box-shadow: none;  
        -o-box-shadow: none;  
        box-shadow: none;  
}       

.content .list-box-rows-small li a { 
        display: block;
        padding: 0;
        margin: 0;
}                
.content .list-box-rows-small li a strong { 
        display: block;
        padding: 5px 10px;  
        margin: 0;  
}                         
.content .list-box-rows-small li a time { 
        padding: 5px 10px;  
        width: 125px;
        margin: 0;  
        top: 0;  
}                              
.content .list-box-rows-small li a strong span { 
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 130px;  
}         
.content .list-box-rows-small li a,
.content .list-box-rows-small li a strong,
.content .list-box-rows-small li a time {
        line-height: 19px;
        font-size: 15px;
        font-weight: 300;
}                                   
.content .list-box-rows-small li a strong b,
.content .list-box-rows-small li a span span {
        display: inline;
}                                        
.content .list-box-rows-small li a .date,
.content .list-box-rows-small li a .image,
.content .list-box-rows-small li a .details,
.content .list-box-rows-small li a .details-icons {
        display: none;
} 
     
           
.content .list-box-images {
        margin: 0;
        padding: 10px 10px 20px 10px;
}        
.content .list-box-images li {
        margin: 10px;
        padding: 0;
        float: left;
        overflow: hidden;    
        outline-color: #FFF;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
}                                       
.content .list-box-images li.not-active .image {
        opacity: 0.5;
}        
.content .list-box-images li.selected {
       /*  margin: 5px; */
        outline: #3399FF 5px solid;
}        
.content .list-box-images li, 
.content .list-box-images li .image, 
.content .list-box-images li strong {
        width: 300px; 
        height: 225px;
}       
.content .list-box-images li .image {
        position: relative;    
        display: block;  
}                                    
.content .list-box-images li time,
.content .list-box-images li .image img {
        display: none;  
}              

.content .list-box-images li .image i.fa {
        background: #111;
        color: #F6F6F6;
        position: relative;  
        overflow: hidden;   
        display: block; 
        font-size: 90px;  
        width: 100%;    
        height: 225px;
        line-height: 225px;
        text-align: center;
        margin: 0; 
}           
.content .list-box-images li strong {
        background: #111;
        color: #FFF;       
        text-shadow: #000 1px 1px 0;
        font-size: 20px;
        line-height: 25px; 
        position: absolute; 
        left: 0;   
        right: 0;  
        top: 0;    
        bottom: 0;   
        opacity: 0;
}                                        
.content .list-box-images li.not-active strong {
        background: #999;
}      
.content .list-box-images li:hover strong {
        opacity: 0.9;
}            
.content .list-box-images li strong span {
        position: absolute; 
        left: 10px;   
        right: 10px;  
        bottom: 10px;  
}    

                                
.content .list-box-images-dialog {
        margin: 5px;
        padding: 0;
        height: 372px;  
        position: relative; 
}                               
.content .list-box-images-dialog li.wait {
        background: rgba(255, 255, 255, 0.9); 
        color: #555555;   
        border: none;
        display: block;
        overflow: hidden;
        position: absolute; 
        float: none;      
        margin: 0;
        padding: 0;                       
        left: 0;
        top: 0;                            
        right: 0;
        bottom: 0;  
        width: auto;
        height: auto;   
        line-height: 372px;  
        font-size: 90px; 
        text-align: center;
        -webkit-box-shadow: none;       
        -moz-box-shadow: none;      
        -ms-box-shadow: none;      
        -o-box-shadow: none;      
        box-shadow: none;      
}                               
.content .list-box-images-dialog li {
        margin: 5px;
}      
.content .list-box-images-small li, 
.content .list-box-images-small li .image, 
.content .list-box-images-small li strong,
.content .list-box-images-small li .image i.fa {
        width: 200px; 
        height: 150px;    
}             
.content .list-box-images-small li .image i.fa {
        font-size: 70px;
        line-height: 150px;
}

.content .list-box-images-dialog li, 
.content .list-box-images-dialog li .image, 
.content .list-box-images-dialog li strong,
.content .list-box-images-dialog li .image i.fa {
        width: 107px; 
        height: 83px;
}           
.content .list-box-images-dialog li .image i.fa {
        font-size: 40px;
        line-height: 83px;
}
.content .list-box-images-small li strong {
        font-size: 15px;
        line-height: 18px; 
}      
.content .list-box-images-dialog li strong {
        font-size: 12px;
        line-height: 15px; 
}      

.content .list-box-covers li, 
.content .list-box-covers li .image,   
.content .list-box-covers li .image i.fa, 
.content .list-box-covers li strong {
        width: 300px; 
        height: 420px;
}     
.content .list-box-covers-small li, 
.content .list-box-covers-small li .image, 
.content .list-box-covers-small li .image i.fa, 
.content .list-box-covers-small li strong {
        width: 200px; 
        height: 270px;   
}                          
.content .list-box-covers li .image i.fa {  
        font-size: 120px; 
        line-height: 420px;
}      
.content .list-box-covers-small li .image i.fa {   
        font-size: 90px; 
        line-height: 270px;
}       
.content .list-box-covers li .image i.fa {
        background: #111;
        color: #F6F6F6;
        text-align: center;
} 

.header-message {       
        background: #008CEA;
        position: absolute;
        left: 250px;
        top: -100px;
        right: 0; 
        height: 60px;
        z-index: 9000;     
        padding: 0 0 0 30px;
        font-size: 22px;     
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;    
}     
.is-fulpage .header-message {   
        left: 0;
}            
.header-message a, 
.header-message span {  
        line-height: 60px;
        color: #FFF;
        display: block;
        text-decoration: none;  
}            
.header-message span {  
        overflow: hidden;
       	text-overflow: ellipsis;
       	white-space: nowrap;
       	width: 95%;
}        
.header-message i.close {  
        display: block;   
        position: absolute;  
        right: 0;
        top: 0;
        font-size: 26px;
        font-weight: 200;
        line-height: 60px;
        color: #FFF;
        margin: 0 20px 0 0;
        cursor: pointer;
}           
.header-message-info {       
        background: #777;
}           
.header-message-error {       
        background: #E94246;
}       
.header-message-warning {       
        background: #FFDF62;
}                 
.header-message-warning a, 
.header-message-warning i, 
.header-message-warning span, 
.header-message-warning i.close {  
        color: #111;
} 

.content .message {
        background: #F6F6F6;
        padding: 20px 30px 20px 30px;  
        margin: 0;
}             
.content .message-info {
        background: #A8E2FF;
}                       
.content .message .button,
.content .message .buttons {
        margin-top: 15px;
}                         
.content .message .buttons .button {
        margin-top: 0;
}           
.content .message h1,
.content .message h2,
.content .message h3,
.content .message h4,
.content .message h5,
.content .message h6 {     
        font-size: 25px;
        font-weight: 300; 
        padding: 0; 
        margin: 0 0 10px 0;    
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}      
.content .message h1 i.fa,
.content .message h2 i.fa,
.content .message h3 i.fa,
.content .message h4 i.fa,
.content .message h5 i.fa,
.content .message h6 i.fa {    
        width: 35px;
        text-align: center;
        float: left;
        margin: 6px 4px 0 0;
}             
.content .message h1 em,
.content .message h2 em,
.content .message h3 em,
.content .message h4 em,
.content .message h5 em,
.content .message h6 em {    
        font-style: normal;
}   
     
.content .form-grid {
        margin: 0 0;
}     
          
.content .fg-block {   
        border-top: #F6F6F6 1px solid; 
        border-top: #EEE 1px solid;  
        padding: 10px 0 20px 0; 
        margin: 0;           
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}         
.content .form-grid .fg-block:first-child {  
        border-top: none;  
}   
.content .fg-block-selected {
        background-color: #FFF;
}    
.content .fg-block-selected:before {   
        background-color: #F6F6F6;              
        border-right: #EAF5FA 3px solid;  
        border-right: #F9F9F9 3px solid;  
        content: "";     
        display: block;  
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;   
        height: 100%;
        z-index: 10;
}       
.content .fg-block-droparea {
        background-color: #F2F9FF;
}   
.content .fg-row {      
        display: block; 
        margin: 0 30px;
        clear: both;
}        
.content .fg-block .fg-row:first-child {      
        padding-top: 10px;
}                   
.content .fg-row:after,
.content .fg-block:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}   
.content .fg-label {
        display: block;
        clear: left;
        float: left;
        width: 200px;
}            
.content .fg-label label {
        margin: 9px 0 0 0;
        display: block;  
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;  
}            
.content .fg-label label i.fa {
        color: #DDD;            
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}              
.content .fg-label label:hover i.fa {
        color: #FF0000;
}         
.content .fg-control {
        display: block;
        float: left;
        width: 600px;
}                       
.content .fg-control .edit,
.content .fg-label-control .edit {
        margin: 5px 0;
}    
.content .fg-label-control {
        display: block;
        float: left;
        width: 800px;
}     
.content .fg-more {        
        float: left;    
        clear: right;
        padding: 5px 0 0 5px;
}                    

.content .fg-buttons-row {
        background: #F6F6F6;
        padding: 20px 30px 20px 30px;  
        margin: 0;
}            
.content .fg-buttons-row .fg-row {
        margin: 0;
        text-align: right;
        max-width: 800px;
}            
.content .fg-buttons-row-small {
        padding: 10px 10px;  
}   
.content .form-grid h1,
.content .form-grid h2,
.content .form-grid h3,
.content .form-grid h4,
.content .form-grid h5,
.content .form-grid h6 {     
        font-size: 25px;
        font-weight: 300; 
        padding: 5px 0 5px 30px; 
        margin: 0 0 10px 0;    
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; 
}      
.content .form-grid h1 i.fa,
.content .form-grid h2 i.fa,
.content .form-grid h3 i.fa,
.content .form-grid h4 i.fa,
.content .form-grid h5 i.fa,
.content .form-grid h6 i.fa {    
        width: 35px;
        text-align: center;
        float: left;
        margin: 2px 4px 0 0;
}             
.content .form-grid h1 em,
.content .form-grid h2 em,
.content .form-grid h3 em,
.content .form-grid h4 em,
.content .form-grid h5 em,
.content .form-grid h6 em {    
        font-style: normal;
} 

.arrows-bar {
        background: #F6F6F6;
        padding: 25px 30px 25px 30px;  
        margin: 0;   
        word-spacing: -5px;
}    
#dialog-list-arrows {       
        border-top: #F6F6F6 1px solid;
        background: #FFF;
        padding: 14px 10px 14px 10px;  
}      
.arrows-bar .arrows-title {
        display: none;
}       
.arrows-bar span.dotted {
        font-weight: bod;
}

#additional-tabs {
        min-height: 140px; 
}

.picture-preview-box {
        width: 200px;
        position: relative;
        float: left;
        margin-right: 20px;     
        overflow: hidden;   
}       
.picture-preview-box img {  
        display: block;
        width: 200px;
}             
.picture-preview-box a {
        display: block;  
        width: 200px;
        cursor: zoom-in;
} 
#full-image div.face,  
.picture-preview-box div.face {
        position: absolute;
        border: rgba(255,255,255,0.3) 2px solid;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;   
}        
#full-image:hover div.face, 
.picture-preview-box:hover div.face {
        background-color: rgba(255,255,255,0.3);
        border: rgba(255,255,255,0.9) 2px solid;
}
#full-image {
        /*position: relative;*/
        position: absolute;
        left: -500000px;    
        top: -500000px; 
}

.live-relation-sport-icon img {
        height: 64px;  
        min-height: 64px;   
        min-width: 1px; 
}
#live-relation-events {
        min-height: 429px; 
        max-height: 523px;
        overflow-x: hidden;
        overflow-y: scroll;
}    
#live-relation-events table {
        width: 100%;  
        border-collapse: collapse;
}        
#live-relation-events table tr td {   
        border-bottom: #C5C5C5 1px solid;
        padding: 8px 8px 8px 0; 
        vertical-align: top;
}                     
#live-relation-events table tr td:first-child {
        padding-left: 8px;
}
#live-relation-events table tr td:last-child { 
        background: #F6F6F6;
        padding: 4px 8px 8px 8px; 
}                   
#live-relation-events table tr:last-child td {
        border-bottom: none;
}                   
#live-relation-events table tr td .edit {
        margin: 0;
}                    
#live-relation-events table tr td textarea.edit {
        margin-right: 5px;
        height: 69px;
}                  
#live-relation-events table tr td .button {
        margin: 5px 0 0 0;
}  
#live-relation-events .live-icon-prev {
        display: block;
        width: 32px;   
        height: 32px;
        margin: 6px auto 0 auto;
}
#live-relation-events select {
        padding: 0;  
        height: 31px;
}    
                         
#dialog-sport-icons {
        position: relative;
}                      
#dialog-sport-icons .dialog-sport-icons-tab {
        background: #FFF;      
        position: absolute;
        display: block;
        left: 0;
        top: -11px;
        width: 250px;
        height: 22px;
        z-index: 10;
}                      
#dialog-sport-icons .dialog-sport-icons-tab:before {
        content: "";   
        border-left: 1px solid #C5C5C5;     
        position: absolute;  
        top: 0;
        left: 0;
        width: 2px;
        height: 22px;
        z-index: 11;
}                     
#dialog-sport-icons .dialog-sport-icons-tab:after {
        content: "";   
        border-right: 1px solid #C5C5C5;    
        position: absolute; 
        top: 0;
        right: 0;
        width: 2px;
        height: 17px;
        z-index: 11;
}                     
#dialog-sport-icons .dialog-sport-icons-tab-2 {
        left: auto;
        right: 0;
}                  
#dialog-sport-icons .dialog-sport-icons-tab-2:before {  
        height: 17px;         
}                     
#dialog-sport-icons .dialog-sport-icons-tab-2:after {
        height: 22px;
}                           
#dialog-sport-icons-tabs {
        position: relative;
}               
#dialog-sport-icons-tabs .tab {
        height: 396px;
        overflow-x: hidden;
        overflow-y: scroll; 
}               
#dialog-sport-icons-tabs .tab ul {
        list-style: none;
        padding: 0;   
        margin: 0 0 0 10px;   
}                          
#dialog-sport-icons-tabs .tab ul:after {
        clear: both;     
        content: "";     
        display: table;  
        line-height: 0;
}               
#dialog-sport-icons-tabs .tab ul li {
        position: relative;
        float: left;
        width: 104px; 
        height: 122px;
        text-align: center;
        font-size: 12px;
        line-height: 15px; 
        margin: 0 5px 5px 5px;  
        padding: 5px 0 0 0; 
        cursor: pointer;     
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;     
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;     
}               
#dialog-sport-icons-tabs .tab ul li span.icon {   
        background-position: center center;  
        background-repeat: no-repeat;
        background-size: contain;     
        display: block;
        width: 90px; 
        height: 80px;
        margin: 0 auto 5px auto;    
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;      
}                       
#dialog-sport-icons-tabs .tab ul li:hover {
        background-color: #F9F9F9;                  
        background-image: linear-gradient(to bottom, #FCFCFC, #F9F9F9);  
}                       
#dialog-sport-icons-tabs .tab ul li.selected,
#dialog-sport-icons-tabs .tab ul li.selected:hover {
        background-color: #555;                  
        background-image: linear-gradient(to bottom, #757575, #555);  
        color: #FFF;      
}               
#dialog-sport-icons-tabs .tab ul li span.icon.selected {   
        -webkit-box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;  
        -moz-box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;  
        -ms-box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;  
        -o-box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;  
        box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;    
}           
#dialog-sport-icons-tabs #dialog-sport-icons-tabs-flags ul li {
        height: 69px;
}               
#dialog-sport-icons-tabs #dialog-sport-icons-tabs-flags ul li span.icon {
        width: 48px;  
        height: 48px;
}               
#dialog-sport-icons-tabs .tab ul li span.name {
        text-transform: capitalize;
}                      
#dialog-sport-icons-tabs .tab h3 {  
        background-color: #F0F0F0;
        background-image: linear-gradient(to bottom, #FCFCFC, #F6F6F6);        
        border-bottom: 1px solid #E6E6E6;   
        font-size: 17px; 
        font-weight: 300;
        margin: 0;      
        padding: 5px 15; 
        cursor: pointer;
}                        
#dialog-sport-icons-tabs .tab h3.ui-accordion-header-active {   
        background-color: #555;                  
        background-image: linear-gradient(to bottom, #757575, #555);  
        color: #FFF;            
}                        
#dialog-sport-icons-tabs .tab h4.ui-accordion-header-active {   
        background-color: #F6F6F6;         
}
#dialog-sport-icons-tabs .tab h3:first-child {    
        border-top: 1px solid #E6E6E6; 
}                      
#dialog-sport-icons-tabs .tab h3:hover,
#dialog-sport-icons-tabs .tab h4:hover {                        
        background-color: #F9F9F9;           
}                 
#dialog-sport-icons-tabs .tab h4 {  
        background-color: #FFF;          
        border-bottom: 1px solid #E6E6E6; 
        margin: 0;       
        cursor: pointer;   
        font-size: 15px;       
}                 
#dialog-sport-icons-tabs .dialog-sport-icons-accordion ul { 
        border-bottom: 1px solid #E6E6E6; 
} 

.content-dialog-picture-list {
        width: 830px;
}  
.content-dialog-picture-details {
} 

i.fa-wprost {
        font-family: "Courier New", monospace;
        font-weight: 900;
        font-size: larger;
}   

.page-route-login .content {
        left: 0;    
        right: 0;
        bottom: 0;
}     
.page-route-login .content .header { 
        display: none;
}        
.page-route-login .login-form {    
        background: #333 url(/cms/_i/bg-image-02.jpg) no-repeat top center;
        background-size: cover;     
        position: absolute;    
        top: 0;
        left: 0;    
        right: 0;
        bottom: 0;
}        
.page-route-login .login-form div {  
        background: rgba(51, 51, 51, 0.4);
        position: absolute;    
        top: 45%;
        left: 50%;
        width: 400px;
        height: 200px;
        margin: -150px 0 0 -250px;
        padding: 40px 50px 50px 50px;    
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        -ms-border-radius: 5px; 
        -o-border-radius: 5px; 
        border-radius: 5px;   
}           
.page-route-login .login-form div h2 { 
        color: #F6F6F6;
        font-family: "Roboto Condensed", Roboto, sans-serif;    
        font-size: 30px;
        font-weight: 200;
        line-height: 30px;
        padding: 0; 
        margin: 0 0 30px 0;
}   
.page-route-login .login-form div .edit { 
        font-size: 18px;
        line-height: 27px;
        width: 400px;
        margin-bottom: 10px;  
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        -ms-border-radius: 5px; 
        -o-border-radius: 5px; 
        border-radius: 5px;   
}         
.page-route-login .login-form div .button { 
        font-size: 18px;
        line-height: 27px;
        height: 40px;
        width: 400px;     
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        -ms-border-radius: 5px; 
        -o-border-radius: 5px; 
        border-radius: 5px;   
}                      
.page-route-login .login-form div .button,
.page-route-login .login-form div .button:hover { 
        height: 40px;
}       
.page-route-login .login-form #pin { 
        display: none;
}    

#bluescr {
        background-color: #0000aa;
        background-image: url('/cms/_i/9xbig.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1000;
}
  
@media (max-width: 1250px) { 
        .content .list-3-cols li {
                width: 50%;
                float: left;
        }        
        .content .list-4-cols li {
                width: 33%;
                float: left;
        }         
}            
@media (max-width: 1024px) { 
        .content .list-3-cols li {
                width: auto;
                float: none;
        }        
        .content .list-4-cols li {
                width: 50%;
                float: left;
        }    
        #navi-content {
                left: -300px
        }  
        .content,
        .content .toolbar,
        .content .toolbar-bottom {
                left: 0
        }    
}            
@media (max-width: 960px) { 
        .content .list-4-cols li {
                width: auto;
                float: none;
        }        
}