/*config footer*/
body { 
   margin:0;
   padding:0;
   height:100%;
}
.wrapper_n {
    min-height:100%;
    position:relative;
}
.footerr {
   width:100%;
   height:0px;
   position:absolute;
   bottom:0;
   left:0;
   background:red !important;
}



/*Theme1*/
.color1{
    background-color: #e4e4e4;
}
.color1 > .row > .text-center > .pro_pic{
    border: 1px solid gainsboro;
    padding: 5px;
    max-width: 191px;
    background-color: white;
}
.color1 > .row > .font_header{
    color: #3bb56d;
    border-left: 7px solid #ffac57;
    border-bottom: 2px solid #ffac57;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 5px;
}
.color1 > form >.box_color{

}
.color1 > form > .box_color > .row >.col-md-6.col-sm-6.col-xs-12 > .row > .col-md-8.col-sm-8.col-xs-12 > .form_col{
    border: 2px solid rgba(216, 216, 216, 0.53);
    background-color: white;
    padding: 4px;
    font-size: 14px;
}
.color1 > form > .box_color > .row > .button_save{
    background-color: #ffac57;
    color: white;
    border-bottom: 2px solid #ce7b26;
    font-weight: bold;
}
.color1 > form > .box_color > .row > .button_save:hover{
    background-color: #ce7b26;
    color: white;
    border-bottom: 2px solid #ce7b26;
    font-weight: bold;
}
.color1 > form > .box_color > .row > .col-md-6.col-sm-6.col-xs-12 > .row > .font_tittle{
    color: #36a262;
    font-weight: bold;
}
.color1 > .row > .font_header > .line_color{

}
.color1 > .row > .font_header > .show_icon1{
 display: contents !important;
 font-size: 26px;
}
.color1 > .row > .font_header > .show_icon3{
 display: none !important;
}
.color1 > .row > .font_header > .show_icon2{
 display: none !important;
}
/*form*/
.color1.boxx_color{
    background-color: white !important;
}
.color1 > .header_line > h5.font_header{
 margin-top: 20px; 
 float: left;
}
.color1 > .header_line{
 color: #3bb56d;
 border-top: 2px solid #ffac57;
 border-right: 7px solid #ffac57;
 border-left: 7px solid #ffac57;
 border-bottom: 2px solid #ffac57;
 padding-left: 10px !important;
}
.color1 > .box_table_out {
 border: 2px solid #e6e6e6;
 margin-top: 0px;
}
.color1 > .box_table_out >.box_table_in {
 /*background-color: blue;*/
}
.color1 > .box_table_out >.box_table_in >.table_color {
 /*background-color: black;*/
}
.color1 > .box_table_out >.box_table_in >.table_color > .table_color_header {
 background-color: #e6e6e6;
 color: #2eb364;
}
.color1 > .box_table_out >.box_table_in > .table_color > .table_color_row > tr:hover  {
 background-color: rgba(134, 255, 149, 0.3);
 cursor: pointer;
}




.color1.color_box{
    background-color: #ececec !important;
    text-align: left !important;
}
.color1.color_box>form>.form-group>.font_tittle{
    color: #36a262;
    font-weight: bold;
}
.form_col.color1{
    border: 2px solid rgba(216, 216, 216, 0.53);
    background-color: white;
    padding: 4px;
    font-size: 14px;
}















/*Theme2*/
.color2.boxx{
    background-color: #d9f2f5 !important;
    border-radius:50px !important;
}
.color2 > .row > .text-center > .pro_pic{
    border: 5px solid rgba(108, 195, 236, 0.33);
    padding: 5px;
    max-width: 191px;
    background-color: rgba(255, 255, 255, 0.51);
    border-radius: 97px;
}
.color2 > .row > .font_header{
    color: #5a8694;
    /* border-left: 7px solid #ffac57; */
    /* border-bottom: 2px solid #ffac57; */
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 5px;
}
.color2 > form >.box_color{
    background-color: rgba(255, 255, 255, 0.61);
    border-radius: 51px;
    border: 1px solid #f3f3f3;
    margin-top: 25px;
    padding-bottom: 20px;
    padding: 10px;
}
.color2 > form > .box_color > .row >.col-md-6.col-sm-6.col-xs-12 > .row > .col-md-8.col-sm-8.col-xs-12 > .form_col{
    border: 2px solid rgb(150, 199, 216);
    background-color: rgb(255, 255, 255);
    padding: 4px;
    font-size: 14px;
    border-radius: 3px;
}
.color2 > form > .box_color > .row > .button_save{
    background-color: #5fc7d2;
    color: white;
    border-bottom: 2px solid #2d838c;
    font-weight: bold;
}
.color2 > form > .box_color > .row > .button_save:hover{
    background-color: #2d838c;
    color: white;
    border-bottom: 2px solid #2d838c;
    font-weight: bold;
}
.color2 > form > .box_color > .row > .col-md-6.col-sm-6.col-xs-12 > .row > .font_tittle{
    color: #59679a;
    font-weight: bold;
}
.color2 > .row > .font_header > .line_color{
    height: 7px;
    border-top: 0;
    background: #ba55d3;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #ff6666, #ffa173 12.5%, #ff9871 12.5%, #ffda52 25%, #ffce57 25%, #fff35f 37.5%, #ffeb5d 37.5%, #63d355 50%, #76d04d 50%, #4fce82 62.5%, #3ac7b2 62.5%, #52e8e8 75%, #98d9ff 75%, #81a6e8 87.5%, #99acc7 87.5%, #eb98ff);
}
.color2 > .row > .font_header > .show_icon2{
 display: contents !important;
 font-size: 27px;
 background-color: white;
 padding: 8px 9px 8px 11px;
 border-radius: 26px;
 border: 2px dotted #67b2ff;
 margin-bottom: 6px;
}
.color2 > .row > .font_header > .show_icon3{
 display: none !important;
}
.color2 > .row > .font_header > .show_icon1{
 display: none !important;
}
/*form*/
.color2.boxx_color{
 background-color: #D9F2F5;
 border-radius: 6px;
 padding: 16px !important;
}
.color2 > .header_line > h5.font_header{
 margin-top: 20px; 
 float: left;
 color: #7893bb;
}
.color2 > .header_line > h5.font_header > .line_color{
  height: 7px;
  border-top: 0;
  background: #ba55d3;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #ff6666, #ffa173 12.5%, #ff9871 12.5%, #ffda52 25%, #ffce57 25%, #fff35f 37.5%, #ffeb5d 37.5%, #63d355 50%, #76d04d 50%, #4fce82 62.5%, #3ac7b2 62.5%, #52e8e8 75%, #98d9ff 75%, #81a6e8 87.5%, #99acc7 87.5%, #eb98ff);
}
.color2 > .header_line{

}
.color2 > .box_table_out {
 margin-top: 0px;
}
.color2 > .box_table_out >.box_table_in {
 background-color: white;
}
.color2 > .box_table_out >.box_table_in >.table_color {
 /*background-color: black;*/
}
.color2 > .box_table_out >.box_table_in >.table_color > .table_color_header {
 background-color: #98afef;
 color: #40548a;
}
.color2 > .box_table_out >.box_table_in > .table_color > tbody.table_color_row > tr{
 background-color: white;
 border-bottom: 2px solid white;
}
.color2 > .box_table_out >.box_table_in > .table_color > .table_color_row > tr:hover  {
 background-color:rgba(152, 175, 239, 0.28);
 cursor: pointer;
}


.color2.color_box{
    background-color: #d9f2f5 !important;
    border-radius: 50px !important;
    text-align: left !important;
}
.color2.color_box>form>.form-group>.font_tittle{
    color: #59679a;
    font-weight: bold;
}
.form_col.color2{
    border: 2px solid rgb(150, 199, 216);
    background-color: rgb(255, 255, 255);
    padding: 4px;
    font-size: 14px;
    border-radius: 3px;
}







/*Theme3*/
.color3.boxx{
 margin-bottom: 20px !important;
 background-color: #f5f5f5 !important;
 border-radius: 4px !important;
 border: none !important;
 box-shadow: none !important;
 border-bottom: 3px solid #eeeeee !important;
}
.color3 > .row > .text-center > .pro_pic{
 border: 1px dashed rgb(224, 224, 224);
 padding: 5px;
 max-width: 191px;
 background-color: rgba(255, 255, 255, 0.51);
 border-radius: 6px;
}
.color3 > .row > .font_header{
    color: #58575a;
    /* border-left: 7px solid #ffac57; */
    border-bottom: 2px solid #577bff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 5px;
}
.color3 > form >.box_color{
 background-color: rgba(185, 224, 236, 0.32);
 padding-bottom: 20px;
 border: 2px dashed #b6caef;
 margin-top: 28px;
}
.color3 > form > .box_color > .row >.col-md-6.col-sm-6.col-xs-12 > .row > .col-md-8.col-sm-8.col-xs-12 > .form_col{
    border: 1px solid rgb(199, 199, 199);
    background-color: rgb(255, 255, 255);
    padding: 4px;
    font-size: 14px;
    border-radius: 3px;
}
.color3 > form > .box_color > .row > .button_save{
    background-color: #5fc7d2;
    color: white;
    border-bottom: 2px solid #2d838c;
    font-weight: bold;
}
.color3 > form > .box_color > .row > .button_save:hover{
    background-color: #2d838c;
    color: white;
    border-bottom: 2px solid #2d838c;
    font-weight: bold;
}
.color3 > form > .box_color > .row > .col-md-6.col-sm-6.col-xs-12 > .row > .font_tittle{
    color: #58575a;
    font-weight: bold;
}
.color3 > .row > .font_header > hr.line_color{
    height: 7px;
    border-top: 0;
    background: #ba55d3;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #ff6666, #ffa173 12.5%, #ff9871 12.5%, #ffda52 25%, #ffce57 25%, #fff35f 37.5%, #ffeb5d 37.5%, #63d355 50%, #76d04d 50%, #4fce82 62.5%, #3ac7b2 62.5%, #52e8e8 75%, #98d9ff 75%, #81a6e8 87.5%, #99acc7 87.5%, #eb98ff);
}
.color3 > .row > .font_header > .show_icon3{
 display: contents !important;
 font-size: 31px;
 color: #596eb9;
}
.color3 > .row > .font_header > .show_icon2{
 display: none !important;
}
.color3 > .row > .font_header > .show_icon1{
 display: none !important;
}
/*form*/
.color3 > .header_line > h5.font_header{
 margin-top: 20px; 
 float: left;
}
.color3 > .header_line{
 color: #58575a;
 border-bottom: 2px solid #577bff;
}
.color3 > .box_table_out {
 background-color: rgba(185, 224, 236, 0.32);
}
.color3 > .box_table_out >.box_table_in {

}
.color3 > .box_table_out >.box_table_in >.table_color {
 /*background-color: black;*/
 margin-bottom: 0px !important;
}
.color3 > .box_table_out >.box_table_in >.table_color > .table_color_header {
 background-color: rgb(189, 225, 236);
 color: #58575a;
}
.color3 > .box_table_out >.box_table_in > .table_color > .table_color_row > tr  {
 border-bottom: 2px dashed rgba(182, 202, 239, 0.23);
}
.color3 > .box_table_out >.box_table_in > .table_color > .table_color_row > tr:hover  {
 background-color: rgba(185, 224, 236, 0.32);
 cursor: pointer;
}



.color3.color_box{
    background-color: #f5f5f5 !important;
    text-align: left !important;
}
.color3.color_box>form>.form-group>.font_tittle{
    color: #59679a;
    font-weight: bold;
}
.form_col.color3{
    border: 1px solid rgb(199, 199, 199);
    background-color: rgb(255, 255, 255);
    padding: 4px;
    font-size: 14px;
    border-radius: 3px;
}




/*Theme Mix*/
.show_icon1{
  display: none;
}
.show_icon2{
  display: none;
}
.show_icon3{
  display: none;
}
.button_reset{
    background-color: #e0404f !important;
    color: white !important;
    border-bottom: 2px solid #9e222e !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.button_reset:hover{
    background-color: #9e222e !important;
    color: white !important;
    border-bottom: 2px solid #9e222e !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.button_creat{
    background-color: #3ad462 !important;
    color: white !important;
    border-bottom: 2px solid #289e46 !important;
    font-weight: bold !important;
}
.button_creat:hover{
    background-color: #289e46 !important;
    color: white !important;
    border-bottom: 2px solid #289e46 !important;
    font-weight: bold !important;
}
.button_show_all{
    font-size: 12px !important;
    padding-top: 9px;
    font-weight: bold;
    background-color: #68a2c3 !important;
    color: white !important;
    border-bottom: 2px solid #367598 !important;
    font-weight: bold !important;
}
.button_show_all:hover{
    font-size: 12px !important;
    padding-top: 9px;
    font-weight: bold;
    background-color: #367598 !important;
    color: white !important;
    border-bottom: 2px solid #367598 !important;
    font-weight: bold !important;
}

@media (max-width: 767px){
    .text-right{
        text-align: left !important;
    }
}
a:hover{
    text-decoration: none !important;
}



/*add for change header*/

/*th{
        background-color: #bb8ec6 !important;
        color: #fff;
        }*/

        .set_img{
            max-width: 360px;
        }





        /*Profile*/
        .profile{
            margin-bottom:0px;
            margin-top: 50px;
            background-color: #efefef;
        }


        /*color1*/
        .color1.profile{

        }
        .color1>.tab_top>div>.img_profile{
            max-width: 130px;
            background-color: #d8d8d8;
            padding: 7px;
            border-radius: 69px;
            border: 1px solid white;
        }
        .color1>.tab_top>div>.name_pro{
            font-size: 29px;
            font-weight: bold;
            color: #ff9223;
            text-align: left;
            padding: 30px 10px 8px 10px;
        }
        .color1>.tab_top>div>.card_pro{
            text-align: left;
            font-size: 16px;
            padding-left: 16px;
            color: #3bb56d !important;
            font-weight: bold;
        }
        .color1>.tab_top{

         border-left: 10px solid #ffac57;
         border-right: 10px solid #ffac57;
         border-bottom: 2px solid #ffac57;
         border-top: 2px solid #ffac57;
         background-color: #ffffff; 
     }
     .color1>.tab_bottom{
        background-color: #ffac57;
        color: white;
        font-size: 15px;
        font-weight: bold;
    }
    .color1>.tab_bottom>div>.row>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }
    .color1>.tab_bottom>div>.row>div>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }


    /*color2*/
    .color2.profile{
        background-color: #d9f2f5;
        border-radius: 17px;
    }
    .color2>.tab_top>div>.img_profile{
        max-width: 130px;
        background-color: #ffffff;
        padding: 7px;
        border-radius: 69px;
        border: 2px solid white;
    }
    .color2>.tab_top>div>.name_pro{
        font-size: 29px;
        font-weight: bold;
        color: #5a8694;
        text-align: left;
        padding: 30px 10px 8px 10px;
    }
    .color2>.tab_top>div>.card_pro{
        text-align: left;
        font-size: 16px;
        padding-left: 16px;
        color: #2d3d5d !important;
        font-weight: bold;
    }
    .color2>.tab_top{

    }
    .color2>.tab_bottom{
        background-color: rgba(255, 255, 255, 0.8);
        color: #5f6c92;
        font-size: 15px;
        font-weight: bold;
        border: 9px solid #d9f2f5;
        border-radius: 24px;
    }
    .color2>.tab_bottom>div>.row>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }
    .color2>.tab_bottom>div>.row>div>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }


    /*color3*/
    .color3.profile{
        background-color: #f5f5f5;
    }
    .color3>.tab_top>div>.img_profile{
        max-width: 130px;
        background-color: #ffffff;
        padding: 7px;
        border-radius: 69px;
        border: 1px dashed #b6caef;
    }
    .color3>.tab_top>div>.name_pro{
        font-size: 29px;
        font-weight: bold;
        color: #5a8694;
        text-align: left;
        padding: 30px 10px 8px 10px;
    }
    .color3>.tab_top>div>.card_pro{
        text-align: left;
        font-size: 16px;
        padding-left: 16px;
        color: #2d3d5d !important;
        font-weight: bold;
    }
    .color3>.tab_top{

    }
    .color3>.tab_bottom{
        /* background-color: rgba(255, 255, 255, 0.8); */
        color: #6e7179;
        font-size: 15px;
        font-weight: bold;
        /* border: 9px solid #d9f2f5; */
        /* border-radius: 24px; */
        margin: 15px 0px;
        background-color: rgba(185, 224, 236, 0.32);
        /* padding: 22px !important; */
        border: 2px dashed #b6caef;
    }
    .color3>.tab_bottom>div>.row>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }
    .color3>.tab_bottom>div>.row>div>.space_text>.back_text{
        /*background-color: rgb(255, 185, 113);
        padding: 0px 10px;*/
    }


    .button_edit{
     background-color: #ff885d;
     color: white;
     border-bottom: 2px solid #c7542a;
     font-weight: bold;
 }
 .button_edit:hover{
    background-color: #c7542a;
    color: white;
    border-bottom: 2px solid #c7542a;
    font-weight: bold;
    
}