/*Padding Class*/
.sr_padding0{padding: 0px!important;}
.sr_padding5{padding: 5px!important;}
.sr_padding10{padding: 10px!important;}
.sr_padding15{padding: 15px!important;}
.sr_padding20{padding: 20px!important;}
.sr_padding25{padding: 25px!important;}
.sr_padding30{padding: 30px!important;}
.sr_padding50{padding: 50px!important;}
.sr_padding75{padding: 75px!important;}
.sr_padding100{padding: 100px!important;}
.sr_padding150{padding: 150px!important;}
.sr_padding200{padding: 200px!important;}

.sr_padding-left0{padding-left: 0px!important;}
.sr_padding-left5{padding-left: 5px!important;}
.sr_padding-left10{padding-left: 10px!important;}
.sr_padding-left15{padding-left: 15px!important;}
.sr_padding-left20{padding-left: 20px!important;}
.sr_padding-left25{padding-left: 25px!important;}
.sr_padding-left30{padding-left: 30px!important;}
.sr_padding-left50{padding-left: 50px!important;}
.sr_padding-left75{padding-left: 75px!important;}
.sr_padding-left100{padding-left: 100px!important;}
.sr_padding-left150{padding-left: 150px!important;}
.sr_padding-left200{padding-left: 200px!important;}

.sr_padding-right0{padding-right: 0px!important;}
.sr_padding-right5{padding-right: 5px!important;}
.sr_padding-right10{padding-right: 10px!important;}
.sr_padding-right15{padding-right: 15px!important;}
.sr_padding-right20{padding-right: 20px!important;}
.sr_padding-right25{padding-right: 25px!important;}
.sr_padding-right30{padding-right: 30px!important;}
.sr_padding-right50{padding-right: 50px!important;}
.sr_padding-right75{padding-right: 75px!important;}
.sr_padding-right100{padding-right: 100px!important;}
.sr_padding-right150{padding-right: 150px!important;}
.sr_padding-right200{padding-right: 200px!important;}

.sr_padding-top0{padding-top: 0px!important;}
.sr_padding-top5{padding-top: 5px!important;}
.sr_padding-top10{padding-top: 10px!important;}
.sr_padding-top15{padding-top: 15px!important;}
.sr_padding-top20{padding-top: 20px!important;}
.sr_padding-top25{padding-top: 25px!important;}
.sr_padding-top30{padding-top: 30px!important;}
.sr_padding-top50{padding-top: 50px!important;}
.sr_padding-top75{padding-top: 75px!important;}
.sr_padding-top100{padding-top: 100px!important;}
.sr_padding-top150{padding-top: 150px!important;}
.sr_padding-top200{padding-top: 200px!important;}

.sr_padding-bottom0{padding-bottom: 0px!important;}
.sr_padding-bottom5{padding-bottom: 5px!important;}
.sr_padding-bottom10{padding-bottom: 10px!important;}
.sr_padding-bottom15{padding-bottom: 15px!important;}
.sr_padding-bottom20{padding-bottom: 20px!important;}
.sr_padding-bottom25{padding-bottom: 25px!important;}
.sr_padding-bottom30{padding-bottom: 30px!important;}
.sr_padding-bottom50{padding-bottom: 50px!important;}
.sr_padding-bottom75{padding-bottom: 75px!important;}
.sr_padding-bottom100{padding-bottom: 100px!important;}
.sr_padding-bottom150{padding-bottom: 150px!important;}
.sr_padding-bottom200{padding-bottom: 200px!important;}

/*Margin Class*/
.sr_margin0{margin: 0px!important;}
.sr_margin5{margin: 5px!important;}
.sr_margin10{margin: 10px!important;}
.sr_margin15{margin: 15px!important;}
.sr_margin20{margin: 20px!important;}
.sr_margin25{margin: 25px!important;}
.sr_margin30{margin: 30px!important;}
.sr_margin50{margin: 50px!important;}
.sr_margin75{margin: 75px!important;}
.sr_margin100{margin: 100px!important;}
.sr_margin150{margin: 150px!important;}
.sr_margin200{margin: 200px!important;}

.sr_margin-left0{margin-left: 0px!important;}
.sr_margin-left5{margin-left: 5px!important;}
.sr_margin-left10{margin-left: 10px!important;}
.sr_margin-left15{margin-left: 15px!important;}
.sr_margin-left20{margin-left: 20px!important;}
.sr_margin-left25{margin-left: 25px!important;}
.sr_margin-left30{margin-left: 30px!important;}
.sr_margin-left50{margin-left: 50px!important;}
.sr_margin-left70{margin-left: 70px!important;}
.sr_margin-left75{margin-left: 75px!important;}
.sr_margin-left85{margin-left: 85px!important;}
.sr_margin-left90{margin-left: 90px!important;}
.sr_margin-left95{margin-left: 95px!important;}
.sr_margin-left100{margin-left: 100px!important;}
.sr_margin-left105{margin-left: 105px!important;}
.sr_margin-left150{margin-left: 150px!important;}
.sr_margin-left200{margin-left: 200px!important;}

.sr_margin-right0{margin-right: 0px!important;}
.sr_margin-right5{margin-right: 5px!important;}
.sr_margin-right10{margin-right: 10px!important;}
.sr_margin-right15{margin-right: 15px!important;}
.sr_margin-right20{margin-right: 20px!important;}
.sr_margin-right25{margin-right: 25px!important;}
.sr_margin-right30{margin-right: 30px!important;}
.sr_margin-right40{margin-right: 40px!important;}
.sr_margin-right50{margin-right: 50px!important;}
.sr_margin-right75{margin-right: 75px!important;}
.sr_margin-right100{margin-right: 100px!important;}
.sr_margin-right150{margin-right: 150px!important;}
.sr_margin-right200{margin-right: 200px!important;}

.sr_margin-top0{margin-top: 0px!important;}
.sr_margin-top5{margin-top: 5px!important;}
.sr_margin-top10{margin-top: 10px!important;}
.sr_margin-top15{margin-top: 15px!important;}
.sr_margin-top20{margin-top: 20px!important;}
.sr_margin-top25{margin-top: 25px!important;}
.sr_margin-top30{margin-top: 30px!important;}
.sr_margin-top50{margin-top: 50px!important;}
.sr_margin-top60{margin-top: 60px!important;}
.sr_margin-top70{margin-top: 70px!important;}
.sr_margin-top75{margin-top: 75px!important;}
.sr_margin-top100{margin-top: 100px!important;}
.sr_margin-top150{margin-top: 150px!important;}
.sr_margin-top200{margin-top: 200px!important;}

.sr_margin-bottom0{margin-bottom: 0px!important;}
.sr_margin-bottom5{margin-bottom: 5px!important;}
.sr_margin-bottom10{margin-bottom: 10px!important;}
.sr_margin-bottom15{margin-bottom: 15px!important;}
.sr_margin-bottom20{margin-bottom: 20px!important;}
.sr_margin-bottom25{margin-bottom: 25px!important;}
.sr_margin-bottom30{margin-bottom: 30px!important;}
.sr_margin-bottom50{margin-bottom: 50px!important;}
.sr_margin-bottom75{margin-bottom: 75px!important;}
.sr_margin-bottom100{margin-bottom: 100px!important;}
.sr_margin-bottom150{margin-bottom: 150px!important;}
.sr_margin-bottom200{margin-bottom: 200px!important;}

/*Margin (-) Class*/
.sr_margin-0{margin: -0px!important;}
.sr_margin-5{margin: -5px!important;}
.sr_margin-10{margin: -10px!important;}
.sr_margin-15{margin: -15px!important;}
.sr_margin-20{margin: -20px!important;}
.sr_margin-25{margin: -25px!important;}
.sr_margin-30{margin: -30px!important;}
.sr_margin-50{margin: -50px!important;}
.sr_margin-75{margin: -75px!important;}
.sr_margin-100{margin: -100px!important;}
.sr_margin-150{margin: -150px!important;}
.sr_margin-200{margin: -200px!important;}

.sr_margin-left-0{margin-left: 0px!important;}
.sr_margin-left-5{margin-left: -5px!important;}
.sr_margin-left-10{margin-left: -10px!important;}
.sr_margin-left-15{margin-left: -15px!important;}
.sr_margin-left-20{margin-left: -20px!important;}
.sr_margin-left-25{margin-left: -25px!important;}
.sr_margin-left-30{margin-left: -30px!important;}
.sr_margin-left-40{margin-left: -40px!important;}
.sr_margin-left-50{margin-left: -50px!important;}
.sr_margin-left-75{margin-left: -75px!important;}
.sr_margin-left-100{margin-left: -100px!important;}
.sr_margin-left-150{margin-left: -150px!important;}
.sr_margin-left-200{margin-left: -200px!important;}

.sr_margin-right-0{margin-right: -0px!important;}
.sr_margin-right-5{margin-right: -5px!important;}
.sr_margin-right-10{margin-right: -10px!important;}
.sr_margin-right-15{margin-right: -15px!important;}
.sr_margin-right-20{margin-right: -20px!important;}
.sr_margin-right-25{margin-right: -25px!important;}
.sr_margin-right-30{margin-right: -30px!important;}
.sr_margin-right-50{margin-right: -50px!important;}
.sr_margin-right-75{margin-right: -75px!important;}
.sr_margin-right-100{margin-right: -100px!important;}
.sr_margin-right-150{margin-right: -150px!important;}
.sr_margin-right-200{margin-right: -200px!important;}

.sr_margin-top-0{margin-top: -0px!important;}
.sr_margin-top-5{margin-top: -5px!important;}
.sr_margin-top-10{margin-top: -10px!important;}
.sr_margin-top-15{margin-top: -15px!important;}
.sr_margin-top-20{margin-top: -20px!important;}
.sr_margin-top-25{margin-top: -25px!important;}
.sr_margin-top-30{margin-top: -30px!important;}
.sr_margin-top-40{margin-top: -40px!important;}
.sr_margin-top-50{margin-top: -50px!important;}
.sr_margin-top-70{margin-top: -70px!important;}
.sr_margin-top-75{margin-top: -75px!important;}
.sr_margin-top-100{margin-top: -100px!important;}
.sr_margin-top-150{margin-top: -150px!important;}
.sr_margin-top-200{margin-top: -200px!important;}

.sr_margin-bottom-0{margin-bottom: -0px!important;}
.sr_margin-bottom-5{margin-bottom: -5px!important;}
.sr_margin-bottom-10{margin-bottom: -10px!important;}
.sr_margin-bottom-15{margin-bottom: -15px!important;}
.sr_margin-bottom-20{margin-bottom: -20px!important;}
.sr_margin-bottom-25{margin-bottom: -25px!important;}
.sr_margin-bottom-30{margin-bottom: -30px!important;}
.sr_margin-bottom-50{margin-bottom: -50px!important;}
.sr_margin-bottom-75{margin-bottom: -75px!important;}
.sr_margin-bottom-100{margin-bottom: -100px!important;}
.sr_margin-bottom-150{margin-bottom: -150px!important;}
.sr_margin-bottom-200{margin-bottom: -200px!important;}
.sr_margin-auto{margin-left: auto; margin-right: auto;}

/* Width */
.sr_widthauto{width: auto!important;}
.sr_width{width: 0px!important;}
.sr_width10{width: 10px!important;}
.sr_width20{width: 20px!important;}
.sr_width30{width: 30px!important;}
.sr_width40{width: 40px!important;}
.sr_width50{width: 50px!important;}
.sr_width60{width: 60px!important;}
.sr_width70{width: 70px!important;}
.sr_width80{width: 80px!important;}
.sr_width90{width: 90px!important;}
.sr_width100{width: 100px!important;}
.sr_width150{width: 150px!important;}
.sr_width200{width: 200px!important;}
.sr_width250{width: 250px!important;}
.sr_width260{width: 260px!important;}
.sr_width300{width: 300px!important;}
.sr_width350{width: 350px!important;}
.sr_width400{width: 400px!important;}
.sr_width450{width: 450px!important;}
.sr_width500{width: 500px!important;}

/* Width % */
.sr_width_percent10{width: 10%!important;}
.sr_width_percent20{width: 20%!important;}
.sr_width_percent30{width: 30%!important;}
.sr_width_percent40{width: 40%!important;}
.sr_width_percent45{width: 45%!important;}
.sr_width_percent50{width: 50%!important;}
.sr_width_percent60{width: 60%!important;}
.sr_width_percent70{width: 70%!important;}
.sr_width_percent80{width: 80%!important;}
.sr_width_percent90{width: 90%!important;}
.sr_width_percent100{width: 100%!important;}
.sr_height_percent100{width: 100%!important;}

/* Max Width */
.sr_max_width60{max-width: 60px!important;}
.sr_max_width100{max-width: 100px!important;}
.sr_max_width125{max-width: 125px!important;}
.sr_max_width150{max-width: 150px!important;}
.sr_max_width200{max-width: 200px!important;}
.sr_max_width250{max-width: 250px!important;}
.sr_max_width300{max-width: 300px!important;}
.sr_max_width350{max-width: 350px!important;}
.sr_max_width400{max-width: 400px!important;}
.sr_max_width450{max-width: 450px!important;}
.sr_max_width500{max-width: 500px!important;}
.sr_max_width700{max-width: 700px!important;}
.sr_max_width298{max-width: 270px!important;}

/* Min Width */
.sr_min_width100{min-width: 100px!important;}
.sr_min_width150{min-width: 150px!important;}
.sr_min_width200{min-width: 200px!important;}
.sr_min_width250{min-width: 250px!important;}
.sr_min_width300{min-width: 300px!important;}
.sr_min_width350{min-width: 350px!important;}
.sr_min_width400{min-width: 400px!important;}
.sr_min_width450{min-width: 450px!important;}
.sr_min_width500{min-width: 500px!important;}
.sr_min_width298{min-width: 270px!important;}

/* Min Height */
.sr_min_height30{min-height: 30px!important;}
.sr_min_height40{min-height: 40px!important;}
.sr_min_height100{min-height: 100px!important;}
.sr_min_height150{min-height: 150px!important;}
.sr_min_height200{min-height: 200px!important;}
.sr_min_height250{min-height: 250px!important;}
.sr_min_height300{min-height: 300px!important;}
.sr_min_height350{min-height: 350px!important;}
.sr_min_height400{min-height: 400px!important;}
.sr_min_height450{min-height: 450px!important;}
.sr_min_height500{min-height: 500px!important;}
.sr_min_height298{min-height: 298px!important;}

/* max Width */
.sr_max_height100{max-height: 100px!important;}
.sr_max_height150{max-height: 150px!important;}
.sr_max_height200{max-height: 200px!important;}
.sr_max_height250{max-height: 250px!important;}
.sr_max_height300{max-height: 300px!important;}
.sr_max_height350{max-height: 350px!important;}
.sr_max_height400{max-height: 400px!important;}
.sr_max_height450{max-height: 450px!important;}
.sr_max_height500{max-height: 500px!important;}
.sr_max_height298{max-height: 298px!important;}

/* Height */
.sr_height{height: 0px!important;}
.sr_height10{height: 10px!important;}
.sr_height15{height: 15px!important;}
.sr_height20{height: 20px!important;}
.sr_height25{height: 25px!important;}
.sr_height30{height: 30px!important;}
.sr_height40{height: 40px!important;}
.sr_height50{height: 50px!important;}
.sr_height60{height: 60px!important;}
.sr_height70{height: 70px!important;}
.sr_height80{height: 80px!important;}
.sr_height90{height: 90px!important;}
.sr_height100{height: 100px!important;}
.sr_height150{height: 150px!important;}
.sr_height150{height: 150px!important;}
.sr_height200{height: 200px!important;}
.sr_height250{height: 250px!important;}
.sr_height300{height: 300px!important;}
.sr_height310{height: 310px!important;}
.sr_height350{height: 350px!important;}
.sr_height400{height: 400px!important;}
.sr_height450{height: 450px!important;}
.sr_height500{height: 500px!important;}
.sr_height700{height: 700px!important;}

/* Line Height */
.sr_line-height25{line-height: 25px!important;}
.sr_line-height15{line-height: 15px!important;}
.sr_line-height16{line-height: 16px!important;}
.sr_line-height30{line-height: 30px!important;}

/*Align*/
.sr_floatleft{float: left!important;}
.sr_floatright{float: right!important;}
.sr_verticalalign{vertical-align: middle!important;}
.sr_center{margin-left: auto!important;margin-right: auto!important;}

/* Display */
.sr_display_inherit{display: inherit!important;}
.sr_display_block{display: block!important;}
.sr_display_none{display: none!important;}
.sr_display_inline{display: inline-flex!important;}
.sr_display_inline-block{display: inline-block!important;}

/* Border */
.sr_border_none{border: 0px!important;}
.sr_border_1{border: 1px solid #e7ecf1!important;}
.sr_border_2{border: 2px solid #e7ecf1!important;}
.sr_border_3{border: 3px solid #e7ecf1!important;}

.sr_border_top_none{border-top: 0px!important;}
.sr_border_top_1{border-top: 1px solid #e7ecf1!important;}
.sr_border_top_2{border-top: 2px solid #e7ecf1!important;}
.sr_border_top_3{border-top: 3px solid #e7ecf1!important;}

.sr_border_bottom_none{border-bottom: 0px!important;}
.sr_border_bottom_1{border-bottom: 1px solid #e7ecf1!important;}
.sr_border_bottom_2{border-bottom: 2px solid #e7ecf1!important;}
.sr_border_bottom_3{border-bottom: 3px solid #e7ecf1!important;}

.sr_border_left_none{border-left: 0px!important;}
.sr_border_left_1{border-left: 1px solid #e7ecf1!important;}
.sr_border_left_2{border-left: 2px solid #e7ecf1!important;}
.sr_border_left_3{border-left: 3px solid #e7ecf1!important;}

.sr_border_right_none{border-right: 0px!important;}
.sr_border_right_1{border-right: 1px solid #e7ecf1!important;}
.sr_border_right_2{border-right: 2px solid #e7ecf1!important;}
.sr_border_right_3{border-right: 3px solid #e7ecf1!important;}

/* Text Align */
.sr_textleft{text-align: left!important;}
.sr_textcenter{text-align: center!important;}
.sr_textright{text-align: right!important;}

/* Radius */
.sr_borderradius0{border-radius: 0px!important;}
.sr_borderradius3{border-radius: 3px!important;}
.sr_borderradius5{border-radius: 5px!important;}
.sr_borderradius10{border-radius: 10px!important;}
.sr_borderradius15{border-radius: 15px!important;}

/* Size */
.sr_size1{font-size: 10px!important;}
.sr_size12{font-size: 12px!important;}
.sr_size14{font-size: 14px!important;}
.sr_size16{font-size: 16px!important;}
.sr_size2{font-size: 20px!important;}
.sr_size3{font-size: 30px!important;}
.sr_size4{font-size: 40px!important;}
.sr_size5{font-size: 50px!important;}
.sr_size6{font-size: 60px!important;}
.sr_size7{font-size: 70px!important;}
.sr_size8{font-size: 80px!important;}
.sr_size9{font-size: 90px!important;}

/* Position */
.sr_positon_absolute{position: absolute!important;}
.sr_positon_static{position: static!important;}
.sr_position_relative{position: relative!important;}
.sr_bottom5{bottom: 5px!important;}

/* Z-index */
.sr_z-index1{z-index: 1!important;}
.sr_z-index9{z-index: 9!important;}

/* Overflow */
.sr_overflow{overflow: overlay!important;}
.sr_overflowHidden{overflow: hidden!important;}
.sr_overflowAuto{overflow: auto!important;}

/* Mobile */
@media (min-width: 768px) {
    .sr_mobile_padding-left10{padding-left: 10px!important;}


    .pc_container_div .actions,
    .pc_container_div .expandor_btn{
        display: none !important;
    }

    .pc_container_div:hover .actions,
    .pc_container_div:hover .expandor_btn{
        display: block !important;
    }

    .group-item .delete_group_btn,
    .group-item .edit_group_btn{
        animation-name: portlet_opacity_zero;
        animation-duration: 2s;
        opacity: 0;
    }

    .group-item:hover .delete_group_btn,
    .group-item:hover .edit_group_btn{
        animation-name: portlet_opacity_one;
        animation-duration: 2s;
        opacity: 1;
    }


}

@media (max-width: 480px){
    .sr_mobile_widthauto{width: auto!important;margin: 0px 10px 0px 10px!important;}
}

@media (max-width: 768px){
    .sr_mobile_center{margin-left: auto!important;margin-right: auto!important;}
    .sr_mobile_padding-top10{padding-top: 10px!important;}
    #main-content{
        padding-bottom: 300px;
    }
}