.search_area{
    background-color: #f8f9fc ;
}
.alphabets_search_area{
     background-color: #f8f9fc ;
}

.frame_keyword{
        border:1px #EEE solid;
        border-radius:4px;
        background-color:#e43f52 ;
        color:#fff;
        font-family: sans-serif;
        font-size: 18px;
        font-weight: normal;
        width: 35px;
        text-align: center;
        vertical-align: middle;
        padding: 5px;
        float:left;
        margin:4px 3px
    }

    .cancel_link{
        font-size: 24px;
        font-weight: bold
    }
    .cancel_link:hover{
        color:red;
        cursor: pointer;
    }

    .colapse_row:hover{
        cursor: pointer;
    }
    
    .frame_keyword:hover{
        color:white;
        background-color: #d21e32;
        cursor: pointer;
    }

    .frame_active{
        color:white;
        background-color: #d21e32;
        cursor: pointer;

    }

    .alp-word{
        border: 1px #EEE solid;
        padding: 5px
    }

    .alp-word:hover a{
        color: white
    }

    .a_link{
        text-decoration: none;
        display: inline-block;
        width: 100%
    }

    .alp-word:hover{
        background-color: #d21e32;
        cursor: pointer;
    }
    .custom_label{
        padding: 2px 6px;
        border-radius: 4px;
        color: white;
        text-shadow:0 1px 1px rgba(0, 0, 0, 0.3)
    }
    .custom_label:hover{
        cursor: pointer;
    }

    .tag_detail{padding: 5px 2px;display:none;}

    .highlight_tag{
        padding: 2px 6px;
        border-radius: 4px;
    }

    .comp_btn{
        border-radius: 30px;
        font-size: 11px
    }

    .comp_btn:hover{
        color: white;
        background-color: #2eca8b;
    }

    .ex_info{
        background-color:#f8f9fc;
        border-bottom:3px grey solid;
    }

    .no_data{
        border:1px #ccc solid;
    }

    .ex_info td{
        padding:30px;
        padding-bottom: 15px;
    }

    .custom_table{
        margin-bottom: 30px;
        overflow:auto;
    }

    .custom_table h3{
         font-family: Verdana, Geneva, sans-serif;
         font-size: 20px
    }

    .custom_table td,th{
        font-family: Verdana, Geneva, sans-serif;
        font-size: 13px
    }

    .even{
        background-color: #F1F5FA;
        border-bottom: 1px solid #ccc;
        
    }
    .even td{
        padding: 10px 8px;
    }
    .even:hover{
        background-color: #eee;
    }
    .odd{
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }
    .odd td{
        padding: 10px 8px;
    }
    .odd:hover{
        background-color: #eee;
    }

    .left_td{
        border-left: 1px solid #000;
        text-align: center;
        width: 38px;
    }

    .searched_alphabets{
        background-color: #EEEE;
        border:1px #EEE dotted;
    }
    .searched_alphabets:hover{
        background-color: #2eca8b;
    }

    .bold{font-weight: bold}

    .skew{
              height: 90px;
              width: 50px;
              position: relative;
              vertical-align: bottom;
        }
        .skew > div{
            position: relative;
            top: 1px;
            left: 69px;
            height: 160%;
            width: 100%;
            transform: skew(-45deg,0deg);
            -ms-transform: skew(-45deg,0deg);
            -moz-transform: skew(-45deg,0deg);
            -webkit-transform: skew(-45deg,0deg);
            -o-transform: skew(-45deg,0deg);
            overflow: hidden;
            border-left: 1px solid #ccc;
        }
    .skew > div > span{
            transform: skew(45deg,0deg) rotate(315deg);
            -ms-transform: skew(45deg,0deg) rotate(315deg);
            -moz-transform: skew(45deg,0deg) rotate(315deg);
            -webkit-transform: skew(45deg,0deg) rotate(315deg);
            -o-transform: skew(45deg,0deg) rotate(315deg);
            position: absolute;
            bottom: 30px;
            left: 0px;
            display: inline-block;
            width: 100%;
            text-align: left;
            font-weight:normal;
        }
        
        .skew-head{
            padding-bottom:10px;
        }


        .frame_image{
            max-height: 200px;
            border:1px #EEE dotted;
        }
        
        .question_div{
            border:1px #EEE dotted;
            margin-top:5px;
        }
        .question_div:hover{
            background-color:#EEE;
            transition:0.3s;
        }