/**
 * Current template's main css file.
 * 
 *      It contains all the main styles for your template.
 * 
 * @category    CodeIgniter
 * @package     Template
 * @subpackage  Stylesheet
 * @author      Karoly Ivan <karoly.ivan@rsoe.hu>
 * @author      Kovesdi-Toth Katinka <katinka.kovesdi-toth@rsoe.hu>
 * @copyright   (c) 2016, RSOE
 */ 

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
        
    @import "../tevekenysegek.css";
    
    /*.disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
    }*/
    
    .plan-box{
        text-align: center;
        margin-top: 30px;
        font-size: 16px;
    }
    
    .panel_four{
        height: 80px;
        box-shadow: 0 6px 6px 0 #adacac;
        background: #333;
        color: #e3b51d !important;
        line-height: 80px;
        text-align: center;
    }
    
    .panel_four span {
        color: #e3b51d !important;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }
    
    .panel_three{
        height: 80px;
        box-shadow: 0 6px 6px 0 #adacac;
        background: #e3b51d;
        color: #000 !important;
        line-height: 80px;
        text-align: center;
    }
    
    .panel_three span {
        color: #000 !important;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }
    
    .panel_four:hover{
        font-weight: bold;
/*        opacity: 1;
    	-webkit-animation: flash 1.8s;
    	animation: flash 1.8s;*/
    }
    
    .panel_three:hover{
        font-weight: bold;
/*        opacity: 1;
    	-webkit-animation: flash 1.8s;
    	animation: flash 1.8s;*/
    }
    
/*    @-webkit-keyframes flash {
    	0% {
    		opacity: .4;
    	}
    	100% {
    		opacity: 1;
    	}
    }
    @keyframes flash {
    	0% {
    		opacity: .4;
    	}
    	100% {
    		opacity: 1;
    	}
    }*/
    
    
    /*.panel_four span:hover {
        color: #e3b51d !important;
    }*/
    
    /*.icon {
        position: relative;
        display: inline-block;
        font-size: 30px;
        width: 120px;
        height: 120px;
        color: #333;
        box-shadow: 0px 2px 10px #555;
        background: #e3b51d;
        background: -moz-linear-gradient(top,  #e2ad00 0%, #e0c56b 100%); 
        background: -webkit-linear-gradient(top,  #e2ad00 0%,#e0c56b 100%); 
        background: linear-gradient(to bottom,  #e2ad00 0%,#e0c56b 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ad00', endColorstr='#e0c56b',GradientType=0 );
        border: 2px solid #128b97;
        transition: all 0.1s ease-in-out;
    }
    
    i{
        position: relative;
        text-align: center !important; 
        top: 42%;
        transform: translate(0px, -40%);
    }
    
    .icon:hover {
        box-shadow: 0px 4px 10px #555;
        border: 4px solid #128b97;
        font-size: 28px;
    }*/