/******  Start Top Menu Right ******/
._sidebar{
    /* Structure Block */
    width: 16%;
    height: 100%;
    /* Modifier Block*/
    transition: all ease-out 0.5s;
}
._brand{
    /* Structure Block */
    height: 75px;
    padding: 15px 27.5px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    /* Typography Block*/
    font-size: 25px;
}
._brand h2{
    /* Structure Block */
    margin-top: 10px;
    margin-right: 30px;
}
._side_user{
    /* Structure Block */
    margin: 15px 0;
    /* Typography Block*/
    text-align: center;
}
._side_user>p{
    /* Structure Block */
    margin: 15px auto 5px auto;
    color: whitesmoke;
}
._side_img{
    /* Structure Block */
    width: 150px;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

._user small{
    /* Structure Block */
    display: inline-block;
    padding: 2.5px 0;
}
._menu_management{
    /* Structure Block */
    width: 100%;
    height: auto;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: 10px;
    /* Modifier Block*/
    z-index: 99;
    /*transform: translate(100% , 0);*/
    transition: all ease 0.8s;
}
._menu_management ul{
    /* Structure Block */
    width: 100%;
    height: auto;
    padding-top:5px;
}
._menu_management ul{
    /* Structure Block */
    width: 100%;
    height: auto;
    padding-top:5px;
}
._menu_management li._parent_li{
    /* Positioning Block*/
    position: relative;
}

._menu_management ul>li{
    /* Structure Block */
    width: 100%;
    height: auto;
    padding: 10px 20px 10px 0;
    /* Typography Block*/
    cursor: pointer;
}
._menu_management ul li i{
    /* Structure Block */
    padding: 0 10px;
}
._menu_management ul ul{
    /* Structure Block */
    display: none;
    padding-bottom: 5px;
    padding-top: 15px;
}
._menu_management ul ul>li{
    /* Structure Block */
    border-right: 2px solid #4a5a93;
    margin-right: 10px;
}
._menu_management ul ul>li a , ._menu_management ul ul>li i{
    /* Typography Block*/
    color: #c3c3c3 !important;
}
#menu_toggle:checked ~ ._sidebar ._menu_management ul ul{
    /* Positioning Block*/
    position: absolute;
    top: 0;
    right: 95px;
    /* Structure Block */
    width: 200px;
    height: auto;
    border-radius: 10px;
    background: #1f1f1f;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
    z-index: 99;
}
/******  End Top Menu Right ******/

/******  Start Header ******/
._header{
    float: left;
    width: 82%;
    margin: 0 1%;
    transition: all ease-out 0.5s;
}
/**  Menu Icon **/
._menu_icon{
    margin-top: 10px;
    padding: 10px 17.5px;
    border-radius: 10px;

    font-size: 25px;
    cursor: pointer;
}

#menu_toggle{
    display: none;
}
#menu_toggle:checked ~ ._sidebar{
    width: 80px;
    transition: all ease-out 0.5s;
}
#menu_toggle:checked ~ ._side_menu ul ul{
    display: inline-block!important;
}
#menu_toggle:checked ~ ._sidebar ._brand h2{
    display: none;
}
#menu_toggle:checked ~ ._sidebar ._side_img{
    width: 60px;
    height: 60px;
    margin: 0;
}
#menu_toggle:checked ~ ._sidebar ._user ,#menu_toggle:checked ~ ._sidebar ._side_user p {
    display: none;
}
#menu_toggle:checked ~ ._sidebar li a span{
    display: none;
}
#menu_toggle:checked ~ ._sidebar ._navbar>li{
    display: none;
}
#menu_toggle:checked ~ ._brand{
    padding: 15px 20px;
}
#menu_toggle:checked ~ ._header{
    width: calc(98% - 80px);
    transition: all ease-out 0.5s;
}

/**  Icon Nonfiction **/
._profile_header_alert{
    width: 100%;
    height: 60px;
    text-align: center;
    margin: 10px auto;
}
._profile_header_alert>button{
    margin: 0 5px;
    box-sizing: border-box;
    background: none;
    font-size: 25px;
    padding: 7.5px 15px;
    border: 0;
    position: relative;
    vertical-align: middle;
}
._profile_header_alert>button:before, ._profile_header_alert>button:after{
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
._profile_icon_scoials{
    width: 55px;
    height: 55px;
}
._profile_icon_scoials:before,._profile_icon_scoials:after{
    top: 0;
    left: 0;
}
._profile_icon_scoials:before{
    border: 2px solid transparent;
}
._profile_icon_scoials:after{
    border: 0 solid transparent;
}
._profile_icon_scoials:hover:after{
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
._profile_icon_power{
    width: 55px;
    height: 55px;
}
._profile_icon_power i{
    transition: ease all 1.2s;
}
._profile_icon_power:hover i{
    color: #df0000 !important;
    transition: ease all 1.2s;
}
._profile_icon_power:before,._profile_icon_power:after{
    top: 0;
    left: 0;
}
._profile_icon_power:hover{
    cursor: pointer;
}
._profile_icon_power:before{
    border: 2px solid transparent;
}

._profile_icon_power:after{
    border: 0 solid transparent;
}
._profile_icon_power:hover:after{
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
._profile_icon_round{
    border-radius: 100%;
    box-shadow: none;
}
._profile_icon_round:before ,._profile_icon_round:after{
    border-radius: 100%;
}
#_profile_header_icon:after{
    content: ' ';
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    left: 12.5px;
}
#_profile_setting_icon{
    animation: spin 9s linear infinite;
}
@keyframes spin {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }

}
/******  End Header ******/

/******  Start Button Save And Cancel ******/
._btn_save , ._btn_reset ,._btn_button{
    width: 150px;
    height: 40px;
    margin: 10px 2.5% 30px 2.5%;
    text-align: center;
    direction: ltr!important;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    background: none;
    cursor: pointer;
}
._btn_save{
    color: #3f6e23!important;
}
._btn_reset{
    color: #c4000b !important;
}
._btn_button{
    color: #c49d00 !important;
}
._btn_save:hover{
    color: #e2e2e2!important;
    background: #3f6e23;
    border-radius: 5px;
    box-shadow: 0 0 5px #3f6e23,
    0 0 25px #3f6e23,
    0 0 50px #3f6e23,
    0 0 100px #3f6e23;
}
._btn_reset:hover{
    color: #e2e2e2!important;
    background: #a30009;
    border-radius: 5px;
    box-shadow: 0 0 5px #a30009,
    0 0 25px #a30009,
    0 0 50px #a30009,
    0 0 100px #a30009;
}
._btn_button:hover{
    color: #e2e2e2!important;
    background: #81651b;
    border-radius: 5px;
    box-shadow: 0 0 5px #81651b,
    0 0 25px #81651b,
    0 0 50px #81651b,
    0 0 100px #81651b;
}
._btn_save span, ._btn_reset span , ._btn_button span{
    position: absolute;
    display: block;
}
._btn_save span:nth-child(1), ._btn_reset span:nth-child(1), ._btn_button span:nth-child(1){
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    animation: btn_Save_anim1 1s linear infinite;
}
._btn_save span:nth-child(1){
    background: linear-gradient(90deg,transparent,#3f6e23);
}
._btn_reset span:nth-child(1){
    background: linear-gradient(90deg,transparent,#a30009);
}
._btn_button span:nth-child(1){
    background: linear-gradient(90deg,transparent,#81651b);
}
@keyframes btn_Save_anim1 {
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
._btn_save span:nth-child(2), ._btn_reset span:nth-child(2), ._btn_button span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    animation: btn_Save_anim2 1s linear infinite;
    animation-delay: 0.25s;
}
._btn_save span:nth-child(2){
    background: linear-gradient(180deg,transparent,#3f6e23);
}
._btn_reset span:nth-child(2){
    background: linear-gradient(180deg,transparent,#a30009);
}
._btn_button span:nth-child(2){
    background: linear-gradient(180deg,transparent, #81651b);
}
@keyframes btn_Save_anim2 {
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
._btn_save span:nth-child(3), ._btn_reset span:nth-child(3), ._btn_reset span:nth-child(3){
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    animation: btn_Save_anim3 1s linear infinite;
    animation-delay: 0.5s;
}
._btn_save span:nth-child(3){
    background: linear-gradient(270deg,transparent,#3f6e23);
}
._btn_reset span:nth-child(3){
    background: linear-gradient(270deg,transparent,#a30009);
}
._btn_button span:nth-child(2){
    background: linear-gradient(270deg,transparent, #81651b);
}
@keyframes btn_Save_anim3 {
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}
._btn_save span:nth-child(4), ._btn_reset span:nth-child(4), ._btn_button span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    animation: btn_Save_anim4 1s linear infinite;
    animation-delay: 0.75s;
}
._btn_save span:nth-child(4){
    background: linear-gradient(360deg,transparent,#3f6e23);
}
._btn_reset span:nth-child(4){
    background: linear-gradient(360deg,transparent,#a30009);
}
._btn_button span:nth-child(4){
    background: linear-gradient(360deg,transparent,#81651b);
}
@keyframes btn_Save_anim4 {
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}
/******  End Button Save And Cancel ******/

/******  Start Model Create And Edit ******/
.modal {
    /* Positioning Block*/
    position: fixed;
    left: 0;
    top: 0;
    /* Structure Block */
    width: 100%;
    height: 100%;
    /*display: none;*/
    padding-top: 100px;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    /* Modifier Block*/
    z-index: 99;
}
#success_box_create ,#success_box_edit {
    /* Structure Block */
    margin: 0 auto;
    width: 350px;
    height: 350px;
    /*background: linear-gradient(to bottom right, #5466a6 40%, #2e395d 100%);*/
    border-radius: 10px;
    prespective: 40px;
}
#success_box_create {
    /* Structure Block */
    background: linear-gradient(to bottom right, #326f1d 40%, #0a2703 100%);
    box-shadow: 5px 5px 10px rgb(22, 45, 18);
}
#success_box_edit{
    /* Structure Block */
    background: linear-gradient(to bottom right, #a79a16 40%, #2b2b00 100%);
    box-shadow: 5px 5px 10px rgb(45, 42, 8);
}
h1 {
    /* Structure Block */
    padding-top: 5px;
    color: #fcfcfc;
    padding-bottom: 5px;
    text-transform: uppercase;
    /* Typography Block */
    font-size: 0.9em;
    font-weight: 100;
}
.dot {
    /* Structure Block */
    width: 8px;
    height: 8px;
    background: #fcfcfc;
    border-radius: 50%;
    margin-top: 5px;
}
.dot:hover {
    /* Structure Block */
    background: #c9c9c9;
}
.two {
    /* Structure Block */
    margin-right: 15px;
    /* Typography Block */
    opacity: 0.5;
}
.face {
    /* Structure Block */
    width: 80px;
    height: 80px;
    background: #fcfcfc;
    border-radius: 50%;
    border: 1px solid #777;
    margin: 50px auto 25px auto;
    /* Modifier Block*/
    z-index: 2;
    animation: bounce 1s ease-in infinite;
}
button .dot {
    /* Typography Block */
    cursor: pointer;
}
.scale {
    /* Modifier Block*/
    animation: scale 1s ease-in infinite;
}

@keyframes bounce {
    50% {
        transform: translateY(-15px);
    }
}

@keyframes scale {
    50% {
        transform: scale(0.9);
    }
}
.message {
    /* Structure Block */
    width: 100%;
    height: auto;
    margin-top: 40px;
    /* Typography Block */
    text-align: center;
}

._botton_save {
    /* Structure Block */
    width: 125px;
    height: 40px;
    margin: 30px auto 10px auto;
    background: #b1cda8;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
    /* Typography Block */
    line-height: 40px;
    color: #2a2c28;
    text-align: center;
    /* Modifier Block*/
    transition: all 0.5s ease-in-out;
    z-index: 99;
}

._botton_save:hover {
    /* Structure Block */
    background: #efefef;
    /* Typography Block */
    cursor: pointer;
    /* Modifier Block*/
    transition: all 0.3s ease-in-out;
}
.eye {
    /* Positioning Block*/
    position: absolute;
    top: 40%;
    left: 20%;
    /* Structure Block */
    width: 5px;
    height: 5px;
    background: #777;
    border-radius: 50%;

}
.right {
    /* Positioning Block*/
    left: 68%;
}
.mouth {
    /* Positioning Block*/
    position: absolute;
    top: 43%;
    left: 41%;
    /* Structure Block */
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.happy {
    /* Structure Block */
    border: 2px solid;
    border-color: transparent #777 #777 transparent;
    /* Modifier Block*/
    transform: rotate(45deg);
}
/*********** ------------ ***********/
/******  End Model Create And Edit ******/


/******  Start List CheckBox ******/
._checkbox{
    /* Positioning Block*/
    position: relative;
    /* Typography Block */
    cursor: pointer;
}
/**/
._checkmark {
    /* Positioning Block*/
    position: absolute;
    top: 10px;
    right: 5px;
    /* Structure Block */
    width: 17.5px;
    height: 17.5px;
    border: 2px solid #5c5b5b;
    background: none;
    border-radius: 4px;
    /* Modifier Block*/
    transition: all ease-in 0.2s;
}
._checkbox input{
    /* Modifier Block*/
    transform: scale(0);
}
._checkbox input:checked ~ ._checkmark{
    /* Positioning Block*/
    top: 4px;
    /* Structure Block */
    border-color: #5467a7 !important;
    width: 9px;
    height: 17.5px;
    border-top-color: transparent!important;
    border-left-color: transparent!important;
    border-radius: 0;
    /* Modifier Block*/
    transition: all ease-out 0.2s;
    transform: rotate(45deg);
}
/******  End List CheckBox ******/


/******  Start Date Picker ******/
.datePicker {
    border: none;
    width: 400px;
    direction: rtl;
    background-color: #1e1e1e;
    box-shadow: 0px 10px 30px rgba(56, 50, 30, 0.3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 10px;
}

.datePicker button {
    background: none;
    color: #ffffff;
}
.datePicker td{
    padding: 5px;
}
.datePicker td:first-child {
    padding-right: 25px;
}

.datePickerFriDay, .dateHoliday{
    color: #25966b ;
}

.datePickerDay {
    min-width: 35px;
    min-height: 35px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.datePickerDay:hover {
    color: #4a5a93;
}

.datePickerDaySelect {
    text-align: center;
    cursor: pointer;
    background-color: #4a5a93;
    color: #fff;
    border-radius: 50%;
}

.datePickerToday {
    text-align: center;
    cursor: pointer;
    background-color: rgba(96, 142, 55, 0.75);
    color: #FFFFFF;
    border-radius: 50%;

}
.datePickerHeader{
    background: #194635;
}
.datePickerHeader td {
    padding: 15px 5px;

    /*color: #4a5a93;*/
}

.datePickerFooter td {
    padding-top: 5px;
}

.datePickerHeader button, .datePickerFooter button {
    cursor: pointer;
}
.datePickerHeader button{
    /*color: rgba(96, 142, 55, 0.75) !important;*/
}
.datePickerHeader button {
    min-width: 30px;
    min-height: 30px;
    line-height: 0;
    vertical-align: middle;
    padding:0;
}
.datePickerHeader button:hover{

}
.datePickerFooter button {
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin:10px 20px 20px 20px;
    font-family: inherit;
    background: #102c2f;
    border-radius: 5px;
}
.datePickerFooter button:hover {
    /*color:  #4a5a93!important;*/
}

.datePickerYear, .datePickerMonth {
    text-align: center;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
}

.datePickerMonth {
    width: 45%;
}

.datePickerYear {
    width: 35%;
}

.mh1-icon-plus, .mh1-icon-minus {
    font-style: normal;
    opacity: .5;
}

/*font-size*/
/* */
.datePicker, .datePickerHeader button, .datePickerFooter button {
    font-size: 14px;
}

.datePickerHeader button {
    font-size: 20px;
}
/******  End Date Picker ******/

/******  Start Select Setting ******/
._select_box{
    /* Position Block */
    position: relative;
    /* Structure Block */
    width: 100%;
    max-height: 200px;
    display: inline-block;
    /*float: right;*/
    /*overflow: scroll;*/
}
._select_box input{
    width: 100%;
    height: 42.5px;
    background: #515151;
    padding: 0 10px;
    color: #eee;
}

._select_box label {
    /* Structure Block */
    height: 35px;
    line-height: 35px;
    float: left;
    margin-left: 2px;
    /* Typography Block */
    color: #ffffff;
}
._select_box_multi label {
    /* Structure Block */
    float: right;
}

._select_box ul {
    /* Structure Block */
    width: 125px;
    margin: 0 ;
    /*border: 1px solid rgba(96, 142, 55, 0.50);*/
    background: #313131;
    border-radius: 5px;
    float: left;
}
#_select_box ul{
    /* Structure Block */
    width: 100%!important;

}
#_select_box>ul{
    /* Structure Block */
    height: 50px!important;
}
#_select_box ul ul {
    /* Structure Block */
    border: 2px solid rgba(96, 142, 55, 0.50);
    background: #313131;
    margin-top: 5px!important;
}

#_select_box li {
    /* Structure Block */
    padding: 12.5px 10px!important;
}
._select_box > ul {
    /* Structure Block */
    height: 40px;
}
._select_box ul ul {
    /* Structure Block */
    height: auto;
    max-height: 250px;
    margin-top: -212.5px;
    margin-right: -2px;
    display: none;
    overflow: auto;
}

._select_box li {
    /* Structure Block */
    padding: 5px 10px;
    /* Typography Block */
    cursor: pointer;
    color: #ffffff;
}

._select_box ul > ul > li {
    /* Structure Block */
    background: #313131;
}

._select_box ul > ul > li:first-child {
    /* Structure Block */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

._select_box ul > ul > li:last-child {
    /* Structure Block */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

._select_box ul > ul > li:hover {
    /* Structure Block */
    background: #4a5a93;
    /* Typography Block */
    /*color: #4a5a93;*/
}
._select_box>ul>li:before{
    /* Structure Block */
    content: '';
    width: 2px;
    height: 8px;
    background: #FFFFFF;
    margin-top: 7.5px;
    float: left;
    transform: rotate(135deg);
}
._select_box>ul>li:after{
    /* Structure Block */
    content: '';
    width: 8px;
    height: 2px;
    background: #FFFFFF;
    margin-top: 11px;
    float: left;
    /* Modifier Block*/
    transform: rotate(135deg);
}
._select_box_ul_child>li img{
    width: 30px;
    height: 20px;
    margin-left: 2.5%;
}
._select_box_ul_child ._checkmark {
    /* Positioning Block*/
    position: absolute;
    top: 2px;
    right: 2.5px;
    /* Structure Block */
    width: 16.5px;
    height: 16.5px;
}
._select_box label{
    margin-left: 5%;
}
._select_box_ul_child ._checkbox input:checked ~ ._checkmark{
    top: 0;
}
/******  End Select Setting ******/

/******  Start Alert Message Operation ******/
._message_operation_table{
    /* Positioning Block*/
    position: fixed;
    bottom: 10px;
    left: 22.5px;
    /* Modifier Block*/
    z-index: 99;
}
._box_message_operation_table{

    /* Structure Block */
    min-width: 200px;
    max-width: 500px;
    height: 55px;
    margin: 5px auto;
    border-radius: 7.5px;
    /*display: none;*/

}
._box_message_operation_table>p{
    /* Structure Block */
    padding: 15px;
    margin: 0 !important;
}
._box_message_operation_table>p:first-child {
    /* Structure Block */
    background: white;
    padding: 2.5px!important;
    /* Modifier Block*/
    animation: _message_operation_alert 6s ease-in infinite;
}
@keyframes _message_operation_alert {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }

}
._box_message_operation_table i{
    /* Structure Block */
    padding-left: 5px;
    /* Typography Block */
    cursor: pointer;
}

#_box_done_time , #_box_done_time i{
    background: rgba(5, 2, 40, 0.75);
    /* Typography Block */
    color: #468fe4!important;
}
#_box_success_time , #_box_success_time i{
    background: rgba(4, 32, 1, 0.75);
    /* Typography Block */
    color: #a8eb12!important;
}
#_box_error_time , #_box_error_time i , #_box_delete_time , #_box_delete_time i{
    background: rgba(77, 0, 0, 0.77);
    /* Typography Block */
    color: #fe6666!important;
}
#_box_warning_time , #_box_warning_time i{
    background: rgba(50, 50, 0, 0.75)!important;
    /* Typography Block */
    color: #f8ff13!important;
}
#_box_delete_time , #_box_delete_time i{
    background: rgba(77, 0, 0, 0.77);
    /* Typography Block */
    color: #fe6666;
}
._description{
    width: 85%;
    margin: 0 7.5%;
    height: auto;
    background: rgba(165,224,254,.1);
    color: #b1c4ce;
    border-radius: 5px;
}
._description>h6{
    padding: 20px 25px 10px 0;
}
._description p{
    padding: 10px 20px !important;
    margin: 0!important;
    text-align: justify;
}
._description i{
    padding-left:7.5px;
}
._alarm{
    width: 85%;
    margin: 20px 7.5% 0 7.5%;
    height: auto;
    line-height: 40px;
    background: rgb(56, 54, 58);
    border-radius: 5px;
    display: inline-block;

    color: #cbbc9e;
}
._alarm_padding{
    padding: 5px 15px;
}
._alarm i{
    display: inline-block;
    padding: 0 5px 0 10px!important;
    font-size: 16px;
}
._alarm p{
    display: contents;
    padding: 0 10px !important;
}

/******  End Alert Message Operation ******/


/******  Start Content Header ******/
._content_header {
    /* Structure Block */
    width: 100%;
    height: 80px;
}

._content_header h3 {
    /* Structure Block */
    padding: 25px 20px 0 0;
    float: right;
    color: #c6c6c6;
}
/******  End Content Header ******/

/******  Start List CheckBox ******/
._checkbox{
    /* Positioning Block*/
    position: relative;
    /* Typography Block */
    cursor: pointer;
}
/**/
._checked {
    /* Positioning Block*/
    position: absolute;
    top: 5px;
    left: 7.5px;
    /* Structure Block */
    width: 17.5px;
    height: 17.5px;
    border: 2px solid #5c5b5b;
    background: none;
    border-radius: 4px;
    /* Modifier Block*/
    transition: all ease-in 0.2s;
}
._checkbox input{
    /* Modifier Block*/
    transform: scale(0);
}
._checkbox input:checked ~ ._checked{
    /* Structure Block */
    border-color: #5467a7 !important;
    width: 10px;
    height: 17.5px;
    border-top-color: transparent!important;
    border-left-color: transparent!important;
    border-radius: 0;
    /* Modifier Block*/
    transition: all ease-out 0.2s;
    transform: rotate(40deg);
}
/******  End List CheckBox ******/



/******  Start Loader Data ******/
#preloader {
    /* Positioning Block*/
    position: fixed;
    top: 0;
    left: 0;
    /* Structure Block*/
    width: 100%;
    height: 100%;
}
#loader {
    /* Positioning Block*/
    position: relative;
    right: 50%;
    top: 50%;
    /* Structure Block*/
    display: block;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    /* Modifier Block*/
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    /* Positioning Block*/
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    /* Structure Block*/
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    /* Modifier Block*/
    content: "";
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    /* Positioning Block*/
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    /* Structure Block*/
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    /* Modifier Block*/
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    content: "";
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}
/*********** ------------ ***********/
/******  End Loader Data ******/
/******  Start Operation ToolTip  ******/
._table_operation{
    position: relative;
    display: inline-block;
}
._table_operation:hover ._tooltip_info , ._table_operation:hover ._tooltip_status{
    top: -32.5px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
._tooltip_icon_hover{
    top: -20px!important;
    opacity: 1!important;
    transition: all 0.5s ease-in-out;
}
._tooltip_info , ._tooltip_status , ._tooltip_icon , ._tooltip_text_icon{
    position: absolute;
    top: 0;
    left: -10px;
    width: 60px;
    opacity: 0;
    height: 22.5px;
    line-height: 22.5px;
    background: #6e6b62;
    border-radius: 5px;
    text-align: center;
    color: white!important;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    font-size: 12px;
}
._tooltip_icon , ._tooltip_text_icon{
    width: 70px;
}
._tooltip_info:before , ._tooltip_status:before , ._tooltip_icon:before , ._tooltip_text_icon::before{
    z-index: -1;
    position: absolute;
    top: 17.5px;
    left: 25px;
    content: "";
    width: 10px;
    height: 10px;
    background: #6e6b62;
    transform:rotate(45deg);
}
._tooltip_icon::before , ._tooltip_text_icon::before{
    left: 30px;
}
._tooltip_status{
    left: -15px;
}
._tooltip_icon, ._tooltip_text_icon{
    left: -5px;
    font-size: 11px;
}
._tooltip_text_icon{
    left: -15px;
    font-size: 11px;
}
#tooltip_level_down{
    background: #056a0b;
}
#tooltip_level_down:before{
    background: #056a0b;
}
#tooltip_level_middle{
    background: #ac930a;
}
#tooltip_level_middle:before{
    background: #ac930a;
}
#tooltip_level_up {
    background: #ac170a;
}
#tooltip_level_up:before {
    background: #ac170a;
}
/******  End Operation ToolTip  ******/
/***************************************************/
/******  Start Image Editor ******/
#popUp_image_editor{
    direction: ltr!important;
}
._image_editor_tools_menu{
    height: 100%;
    width: 20%;
    background: #1d1e22;
    float: right;
}
._image_editor_tools{
    width: 80%;
    height: 100%;
    background: #2b2c31;
    float: left;
}
._image_editor_tools_menu_active{
    background: #2b2c31;
}
._image_editor_tools_menu_active p{
    color: cornsilk;
}
._image_editor_tools_menu_button{
    transition: all ease 0.5s;
    color: #8a836a;
    cursor: pointer;
}
._image_editor_tools_menu_button:hover{
    background: #222328;
    color: #b4ac92;
    transition: all ease 0.5s;
}
._image_editor_tools_menu_button>p:first-child , ._image_editor_menu_top_button>p:first-child{
    text-align: center;
    margin: 0;
    padding-top: 10px;
}
._image_editor_tools_menu_button>p:last-child , ._image_editor_menu_top_button>p:last-child{
    text-align: center;
    margin: 0;
    padding: 5px 0 7.5px 0;
}
._image_editor_menu_top{
    width: 700px;
    margin: 0 auto;
    height: 100%;
    color: #8a836a;
}
._image_editor_menu_top_button{
    transition: all ease 0.5s;
    width: 100px;
    padding: 0 10px;
    float: right;
    cursor: pointer;
}
._image_editor_menu_top_button:hover{
    transition: all ease 0.5s;
    color: cornsilk;
}
#image_editor_tools_basic>div{
    display: block;
    width: 240px;
    margin: 0 auto;
}
#image_editor_tools_basic>div>div{
    position: relative;
    float: right;
}

#image_editor_tools_basic>div>div>li:last-child{
    border-radius: 5px;
    cursor: pointer;
    color: #acacac;
    background: #353535;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 15px;
    margin: 12px;
    transition: all ease 0.25s;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;

}

#image_editor_tools_basic>div>div>li:last-child:hover , #image_editor_tools_resize>div>li:hover{
    background: rgba(92, 92, 92, 0.61);
    color: #bdbdbd;
    transition: all ease 0.25s;
}

#image_editor_tools_basic>div>h6 , #image_editor_tools_resize>h6{
    color: #627495;
    margin: 15px 0;
    text-align: center;
}
._image_editor>img{
    max-width: 100%;
    max-height: 100%;
}

#image_editor_tools_filter>div{
    direction: rtl;
    color: #eee;
}
#image_editor_tools_filter>div>label{
    width: 100%;
    float: right;
    direction: rtl;
    padding: 3% 3% 0 0;
}
#image_editor_tools_filter>div>input{
    width: 60%;
    margin-right:10% ;
}
#image_editor_tools_filter>div>span{
    margin-right: 5px;
}

#image_editor_tools_resize>div{
    display: block;
    width: 300px;
    margin: 0 auto;
    direction: rtl;
}

#image_editor_tools_resize>div>li{
    display: inline-block;
    color: #acacac;
    background: #353535;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 42.5px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    cursor: pointer;
    margin: 5px;
    transition: all ease 0.25s;
}
#image_editor_tools_resize>div>li:hover{
    background: rgba(92, 92, 92, 0.61);
    color: #bdbdbd;
    transition: all ease 0.25s;
}
._image_editor_width_height{
    position: relative;
    color:  #bdbdbd;
    margin: 10px auto!important;
}

._image_editor_width_height>input{
    width: 230px;
    background: #2b2c31;
    border: 2px solid rgba(92, 92, 92, 0.61);
    color: #c4c4c4;
    height: 32.5px;
    border-radius: 5px;
    padding: 5px ;

}
._image_editor_width_height>span:first-child{
    width: 40px;
    display: inline-block;
}
._image_editor_width_height>span:last-child{
    position: absolute;
    left: 35px;
    top: 6px;
}

#image_editor_tools_text , #image_editor_tools_shape{
    direction: rtl;
}
#image_editor_tools_text>div , #image_editor_tools_shape>div._image_editor_shape_icons_padding ,#create-image-editor>div._counter{
    position: relative;
    margin: 10px auto;
}
#image_editor_tools_text label , #image_editor_tools_shape label , #create-image-editor label{
    color: #acacac;
    margin-right: 10px ;
    width: 125px;
    line-height: 30px;
    display: inline-block;
}
#image_editor_tools_text button, #image_editor_tools_text select {
    padding: 5px 23px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #4a4a4a;
    color: #fff;
    border-radius: 5px;
}
#image_editor_tools_text button:hover, #image_editor_tools_text select:hover{
    background-color: #737373;
}

#image_editor_tools_text>div._counter>input , #image_editor_tools_shape div._counter>input , #create-image-editor div._counter>input{
    width: 200px;
    background: #2b2c31;
    border: 2px solid rgba(92, 92, 92, 0.61);
    color: #c4c4c4;
    height: 32.5px;
    border-radius: 5px;
    padding: 5px 22.5px 0 0 ;
}
#image_editor_tools_text>div._counter>span , #image_editor_tools_shape div._counter>span , #create-image-editor div._counter>span{
    position: absolute;
    right: 146px;
    top: 7.5px;
    color: #9a9b9b;
}

#image_editor_tools_text .icon_counter_more , #image_editor_tools_text .icon_counter_less , #image_editor_tools_shape .icon_counter_more , #image_editor_tools_shape .icon_counter_less ,#create-image-editor .icon_counter_more,#create-image-editor .icon_counter_less{
    position: absolute;
    right: 315px;
    color: #979797;
    cursor: pointer;
    font-size: 14px!important;
}
#image_editor_tools_text .icon_counter_more , #image_editor_tools_shape .icon_counter_more ,#create-image-editor .icon_counter_more{
    top: 4px;
}
#image_editor_tools_text .icon_counter_less , #image_editor_tools_shape .icon_counter_less ,#create-image-editor .icon_counter_less{
    top: 15px;
}
#image_editor_tools_text>div._input_color>input , #image_editor_tools_shape>div>div._input_color>input{
    position: absolute;
    top: 0;
    right: 300px;

    width: 40px;
    height: 32.5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

    border-top: 2px solid #49494b;
    border-bottom: 2px solid #49494b;
    border-left: 2px solid #49494b;

}
#image_editor_tools_text>div._input_color>span , #image_editor_tools_shape>div>div._input_color>span{
    position: absolute;
    top: 0;

    width: 165px;
    height: 32.5px;
    line-height: 30px;
    padding-left: 10px;
    display: inline-block;
    border-top: 2px solid #49494b;
    border-bottom: 2px solid #49494b;
    border-right: 2px solid #49494b;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    color: #acacac;
    text-align: left;
    right: 137.5px;
}
input[type="color"]::-moz-color-swatch {
    border: none;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    border-radius: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}
#image_editor_tools_text>div._icons{
    display: block;
    margin-right: 145px;
    direction: rtl;
    width: 200px;
}
#image_editor_tools_text>div._icons>div {
    position: relative;
    display: inline-block;
}
#image_editor_tools_text>div._icons>div>li:last-child{
    display: inline-block;
    color: #acacac;
    background: #353535;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 32.5px;
    height: 32.5px;
    text-align: center;
    border-radius: 5px;
    line-height: 32.5px;
    cursor: pointer;
    margin: 5px;
    transition: all ease 0.25s;
}
#image_editor_tools_text>div._icons>div>li:last-child:hover{
    background: rgba(92, 92, 92, 0.61);
    color: #bdbdbd;
    transition: all ease 0.25s;
}
#image_editor_tools_text>._image_editor_text_icons_padding>div{
    width: 225px;
    margin-right: 125px;
}
#image_editor_tools_text>._image_editor_text_icons_padding>div>._image_editor_text_icon_padding{
    width: 90px;
    height: 32.5px;
    border: 2px solid #49494b;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin: 5px 10px;
}
#image_editor_tools_text>._image_editor_text_icons_padding>div>._image_editor_text_icon_padding>input{
    width: 60px;
    background: none;
    text-align: center;
    color: #c4c4c4;
    height: 32.5px;
}
#image_editor_tools_text>._image_editor_text_icons_padding>div>._image_editor_text_icon_padding>i{
    color: #979797;
    position: absolute;
    top: 7.5px;
    left: 10px;
}
#image_editor_tools_text>div._icons>div>._active_icon , #image_editor_tools_resize li._active_icon ,#image_editor_tools_basic>div>div>li._active_icon{
    background: #6f6f6f54!important;
    transition: all ease 0.5s;
}

#image_editor_tools_shape>div._shape_icons>i{
    background: #353535;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #acacac;
    font-size: 30px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    cursor: pointer;
    transition: all ease 0.25s;
}
#image_editor_tools_shape>div._shape_icons>i:hover{
    background: rgba(92, 92, 92, 0.61);
    color: #bdbdbd;
    transition: all ease 0.25s;
}
#image_editor_tools_shape>div._shape_icons{
    display: block;
    width: 325px;
    margin: 0 auto;
}
#image_editor_tools_shape ._image_editor_shape_icons_padding>div{
    position: relative;
}
#image_editor_tools_text ._image_editor_checkbox , #image_editor_tools_shape ._image_editor_checkbox{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7.5px;
    right: 340px;
    border: 2px solid #49494b;
    border-radius: 5px;
}

#image_editor_tools_text ._image_editor_checkbox>input , #image_editor_tools_shape ._image_editor_checkbox>input{
    display: none;
}
#image_editor_tools_text ._image_editor_checkbox>span._image_editor_active_check_mark , #image_editor_tools_shape ._image_editor_checkbox>span._image_editor_active_check_mark{
    width: 2px;
    height: 10px;
    position: absolute;
    top: 2.5px;
    right: 5px;
    background: #5b7a8c;
    transform: rotate(40deg);
    transition: all ease .5s;
}
#image_editor_tools_text ._image_editor_checkbox>span._image_editor_active_check_mark::before , #image_editor_tools_shape ._image_editor_checkbox>span._image_editor_active_check_mark::before {
    content: '';
    width: 2px;
    height: 6px;
    position: absolute;
    top: 8px;
    right: 2px;
    background: #5b7a8c;
    transform: rotate(-90deg);
    transition: all ease .5s;
}
#image_editor_tools_avatar img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: 10px;
    border: 2px solid #606060;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    transition: all ease .5s;
}
#image_editor_tools_avatar img{
    display: inline-block;
}
#image_editor_tools_avatar img:hover{
    box-shadow: 0 4px 8px 0 rgba(50, 50, 50, 0.2), 0 6px 20px 0 rgba(42, 42, 42, 0.19);
    transition: all ease .5s;
}
/******  End Image Editor ******/
/***************************************************/
@media only screen and (max-width: 1536px) {

}
@media only screen and (max-width: 1366px) {
    /******  Start Select Setting ******/
    #_select_box>ul{
        /* Structure Block */
        height: 42.5px!important;
    }
    #_select_box ul ul {
        margin-top: 10px!important;
    }

    #_select_box li {
        /* Structure Block */
        font-size: 13px!important;
    }
    ._select_box input{
        height: 37.5px;
        padding: 0 10px;
        font-size: 13px!important;
    }
    /******  End Select Setting ******/
    /******  Start Header Operation ******/
    ._table_top_operation {
        /* Structure Block */
        margin-left: 10px;
        width: 125px;
        height: 40px;
        line-height: 40px;
    }
    ._table_top_operation i {
        /* Typography Block */
        font-size: 13px;
    }
    ._table_top_operation a {
        /* Typography Block */
        font-size: 15px!important;
    }
    #table_back , #table_help {
        /* Structure Block */
        padding: 0 20px 0 0!important;
    }
    /******  End Header Operation ******/
    /******  Start Header ******/
    ._header{
        float: left;
        width: 78%;
        margin: 0;
    }
    /******  End Header Operation ******/


}
@media only screen and (max-width: 1280px) {
    /******  Start Top Menu Right ******/
    ._sidebar{
        /* Structure Block */
        width: 20%;
    }
    ._brand{
        /* Structure Block */
        padding: 0 !important;
        /* Typography Block*/
        font-size: 20px;
    }
    ._brand>i {
        padding-right: 20px;
    }
    /******  End Top Menu Right ******/
    /******  Start Header Operation ******/
    ._content_header h3{
        font-size: 22px!important;
    }
    ._table_top_operation {
        /* Structure Block */
        margin-left: 10px;
        width: 125px;
        height: 40px;
        line-height: 40px;
    }
    ._table_top_operation i {
        /* Typography Block */
        font-size: 13px;
    }
    ._table_top_operation a {
        /* Typography Block */
        font-size: 15px!important;
    }
    #table_back , #table_help {
        /* Structure Block */
        padding: 0 30px 0 0!important;
    }
    #table_back a, #table_help a{
        /* Structure Block */
        margin: 0!important;
        font-size: 13px !important;
    }
    ._table_top_operation i{
        font-size: 12px!important;
    }
    /******  End Header Operation ******/
    ._tooltip_info, ._tooltip_status , ._tooltip_icon , ._tooltip_text_icon{
        width: 50px;
        font-size: 10px;
    }
    ._tooltip_info::before, ._tooltip_status::before , ._tooltip_icon::before ,._tooltip_text_icon::before{
        left: 21px;
    }
}
@media only screen and (max-width: 962px) {
    ._header {
        float: left;
        width: 100%!important;
        padding: 0 25px;
        margin: 0 !important;
        transition: width 300ms;
    }

    ._card_table{
        height: 340px;
        margin: 15px 4%!important;
    }

    /******  Start Top Menu Right ******/
    ._sidebar{
        position: relative;
        top: 63px;
        /* Structure Block */
        width: 35%;
        box-shadow: -7.5px 12.5px 20px rgba(0,0,0,0.8);

        /* Modifier Block*/
        z-index: 99;
        transform: translate(100% , 0);
    }
    ._brand{
        /* Structure Block */
        padding: 0 !important;
        /* Typography Block*/
        font-size: 20px;
    }
    ._brand>i {
        padding-right: 20px;
    }
    /******  End Top Menu Right ******/

    /******  Start Header ******/
    ._header{
        float: left;
        width: 100%;
        margin: 0;
        transition: all ease-out 0.5s;
    }
    ._menu_icon {
        margin-top: 12.5px;
        padding: 7.5px 12.5px!important;
        font-size: 20px!important;
    }
    #menu_toggle:checked ~ ._sidebar{
        width: 35%;
        transition: all ease-out 0.5s;
        transform: translate(0 , 0)!important;
    }
    #menu_toggle:checked ~ ._side_menu ul ul{
        display: inline-block!important;
    }
    #menu_toggle:checked ~ ._sidebar ._brand h2{
        display: inline-block;
    }
    #menu_toggle:checked ~ ._sidebar ._user ,#menu_toggle:checked ~ ._sidebar ._side_user p {
        display: block;
    }
    #menu_toggle:checked ~ ._sidebar li a span{
        display: inline-block;
    }
    #menu_toggle:checked ~ ._sidebar ._navbar>li{
        display: inline-block;
    }
    #menu_toggle:checked ~ ._brand{
        padding: 15px 20px;
    }
    #menu_toggle:checked ~ ._header{
        width: 100%;
    }
    #menu_toggle:checked ~ ._sidebar ._menu_management ul ul{
        /* Positioning Block*/
        position: relative;
        right: 0;
        /* Structure Block */
        box-shadow: none;
        width: 100%;
        /* Modifier Block*/
        z-index: 99;
    }
    #menu_toggle:checked ~ ._sidebar ._side_img {
        /* Structure Block */
        width: 150px;
        height: 150px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
        margin: 0;
    }
    ._profile_header_alert{
        /* Structure Block */
        margin: 7.5px auto 0 auto!important;
        height: 60px!important;
    }
    ._profile_header_alert > button {
        /* Structure Block */
        margin: 0 5px;
        padding: 7.5px 15px;
        /* Typography Block */
        font-size: 21px;
    }
    /******  End Header ******/

    /******  Start Select Setting ******/
    ._table_top_operation {
        /* Structure Block */
        width: 110px;
        height: 40px;
        line-height: 37.5px;
        /* Other Block */
        cursor: pointer;
    }
    /******  End Select Setting ******/
    ._select_box ul {
        /* Structure Block */
        width: 80px;
    }
    ._content_header h3 {
        /* Typography Block */
        font-size: 20px!important; ;
    }
    ._content_create_input i, ._content_create_file i {
        /* Positioning Block*/
        top: 29px;
    }
    /******  Start Header Operation ******/
    #table_back , #table_help {
        /* Structure Block */
        padding: 0 20px 0 0!important;
    }
    #table_back a, #table_help a{
        /* Structure Block */
        margin: 0!important;
        font-size: 13px !important;
    }
    ._table_top_operation i{
        font-size: 12px!important;
    }
    /******  End Header Operation ******/
    /******  Start Alert Message Operation ******/
    ._alarm {
        width: 95%;
        line-height: 37.5px;
        margin: 15px 2.5% 0 2.5%;
    }
    ._description {
        /* Structure Block */
        width: 95%;
        margin: 0 2.5%;
    }
    ._description > h6 {
        /* Structure Block */
        padding: 10px 15px 10px 0;
        /* Typography Block */
        font-size: 16px!important;
    }
    ._description p {
        /* Structure Block */
        padding: 5px 20px;
        /* Typography Block */
        font-size: 12px!important;
    }

    ._alarm i{
        /* Typography Block */
        font-size: 14px!important;
    }
    ._alarm p{
        /* Typography Block */
        font-size: 12px!important;
    }
    /******  End Alert Message Operation ******/
    /******  Start Model Create And Edit ******/
    #success_box_create ,#success_box_edit {
        /* Structure Block */
        width: 300px;
        height: 300px;
    }
    .face {
        width: 70px;
        height: 70px;
    }
    .message {
        margin-top: 30px;
    }
    .message h1{
        font-size: 13px!important;
    }
    ._botton_save {
        width: 125px;
        height: 35px;
        margin: 25px auto 10px auto;
        background: #b1cda8;
        line-height: 30px;
    }
    ._botton_save span{
        font-size: 14px!important;
    }
    /******  End Model Create And Edit ******/
    ._select_box label {
        /* Structure Block */
        margin-left: 10px;
        /* Typography Block */
        font-size: 12px!important;
    }
}
@media only screen and (max-width: 576px) {
    /******  Start Header ******/
    #header_icon{
        /* Structure Block */
        height: 65px;
    }
    ._profile_header_alert > button{
        /* Structure Block */
        padding: 5px 10px;
        /* Typography Block */
        font-size: 20px;
    }
    ._profile_icon_power{
        /* Structure Block */
        width: 45px;
        height: 45px;
    }
    ._profile_icon_scoials{
        /* Structure Block */
        width: 45px;
        height: 45px;
    }
    #_profile_header_icon::after {
        /* Positioning Block*/
        bottom: 7.5px;
    }
    ._menu_icon {
        /* Structure Block */
        padding: 7.5px 12.5px;
        /* Typography Block */
        font-size: 21px;
    }
    /******  End Header ******/



    /******  Start List CheckBox ******/
    ._checkmark {
        /* Structure Block */
        width: 12.5px;
        height: 12.5px;
    }
    ._checkbox input:checked ~ ._checkmark{
        /* Structure Block */
        width: 7.5px;
        height: 15px;
        /* Modifier Block*/
        transform: rotate(45deg);
    }
    /******  End List CheckBox ******/

    /******  Start Top Menu Right ******/
    ._sidebar{
        /* Positioning Block*/
        top: 65px;
        /* Structure Block */
        width: 60%!important;
    }
    #menu_toggle:checked ~ ._sidebar ._side_img {
        /* Structure Block */
        width: 120px;
        height: 120px;

    }
    ._sidebar ._side_img {
        /* Structure Block */
        width: 120px;
        height: 120px;
    }

    ._side_user > p {
        /* Structure Block */
        margin: 10px auto 0 auto;
        /* Typography Block */
        font-size: 14px;
    }
    ._user small {
        /* Typography Block */
        font-size: 12px;
    }
    ._menu_management>ul{
        /* Typography Block */
        font-size: 13px;
    }
    ._menu_management ul > li {
        /* Structure Block */
        width: 100%;
        height: auto;
        padding: 7.5px 15px 7.5px 0;
    }
    ._menu_management>ul>li>ul{
        /* Typography Block */
        font-size: 12px;
    }
    /******  End Top Menu Right ******/

    /******  Start Content Header ******/
    ._content_header {
        /* Structure Block */
        width: 100%;
        height: auto;
    }

    ._content_header h3 {
        /* Typography Block */
        font-size: 17px!important;
        padding: 15px 5px 0 0!important;

    }
    ._brand i{
        /* Typography Block */
        font-size: 18px!important;
    }
    ._brand h2{
        /* Typography Block */
        font-size: 22px!important;
    }
    /******  End Content Header ******/

    /******  Start Select Setting ******/
    ._table_top_operation {
        /* Structure Block */
        width: 100px;
        height: 36px;
        line-height: 32.5px;
    }
    ._table_top_operation a {
        /* Typography Block */
        font-size: 12px !important;
    }
    #table_back i , #table_help i{
        /* Structure Block */
        margin: 0 2.5px;
    }
    #table_back  , #table_help {
        /* Structure Block */
        margin: 10px 0 0 5px!important;
    }
    /******  End Select Setting ******/
    /******  Start Alert Message Operation ******/
    ._description {
        /* Structure Block */
        margin: 20px 2.5% 10px 2.5%;
    }
    ._description > h6 {
        /* Structure Block */
        padding: 10px 15px 10px 0;
        /* Typography Block */
        font-size: 14px!important;
    }
    ._alarm{
        line-height: 30px;
    }
    ._alarm i{
        /* Typography Block */
        font-size: 13px!important;
    }
    ._alarm p{
        /* Typography Block */
        font-size: 11px!important;
    }
    /******  End Alert Message Operation ******/
    /******  Start Model Create And Edit ******/
    #success_box_create ,#success_box_edit {
        /* Structure Block */
        width: 250px;
        height: 250px;
    }
    .face {
        width: 55px;
        height: 55px;
    }
    .message {
        margin-top: 20px;
    }
    .message h1{
        font-size: 12px!important;
    }
    ._botton_save {
        width: 90px;
        height: 30px;
        margin: 17.5px auto 10px auto;
        line-height: 25px;
    }
    ._botton_save span{
        font-size: 13px!important;
    }
    /******  End Model Create And Edit ******/

}