/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
#adminmenu #toplevel_page_falang .menu-icon-generic div.wp-menu-image::before {
    background-image: url('../img/icon-20-translation.png');
    background-repeat: no-repeat;
    content: '';
    margin-top: 10px;
}

/* Table language list */
.column-locale,
.languages .column-slug {
    width:15%
}
.column-default_language {
    width:10%
}
.column-count,
.column-flag,
.column-term_group {
    width:10%
}
.icon-default-language:before {
    font-family: 'dashicons';
    content: "\f155";
}

/* Language edition*/

/* common translation page*/
.col-action i:hover{
    color: #222222;
}

.cancel-edit{
    float: right;
    max-width: 100%;
    padding-top: 10px;
    padding-right: 30px;
}
.cancel-edit a.button{
    background-color: orangered;
    border-color: orangered;
}
.action-btn p.submit{
    float: right;
    margin-top: 0;
}
.action-btn p.submit .button{
    margin-right: 15px;
}

/* published switch */
/* Hide default HTML checkbox */
label.falang-switch{
    position: relative;
    width: 48px;
    height: 24px;
    display: inline-block;
}

.falang-switch input{
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.falang-switch .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 24px;
}

.falang-switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.falang-switch input:checked + .slider {
    background-color: green;
}

.falang-switch input:focus + .sliderr {
    box-shadow: 0 0 1px green;
}

.falang-switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/* end published switch*/

/* page translation*/
#edit-translation h2{
    padding: 5px 0 5px 5px;
    background-color: #cccccc;
}
#edit-translation .row{
    clear: both;
    padding-bottom: 20px;
    padding-top:10px;
}
#edit-translation .col-title{text-align: left}
#edit-translation .col-source{
    float: left;
     width : calc(55% - 75px - 150px);
}
#edit-translation #col-container{
    clear: both;
    padding-right: 20px;
}
#edit-translation #toogle-source-panel{
    background-color: white;
    color: #222222;
    border-color: #222222;
}

#edit-translation .col-action{
    display: inline-block;
    float: left;
    width: 150px;
    text-align: center;
}
#edit-translation .col-target{
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-translation .col-target.full-width{
    width: 100%;
    margin-right: 10px;
}
#edit-translation .col-target input.falang{
    width: 100%;
}
#edit-translation .col-label{
    width: 75px;
    float: left;
}
#edit-translation .row.action{
    margin-top: 25px;
    margin-bottom: 10px;
}
#edit-translation .row .action-cancel{
    float: left;
    max-width: 100%;
}
#edit-translation .row .action-save{
    float: right;
}

#edit-translation .menu-param input{
    width: 300px;
}
#edit-translation .col-target textarea.falang{
    width: 100%;
}


#add-language .cancel-edit{
    float: inherit;
    margin-left:50px
}
#add-language .button-link-delete{
    margin-left: 100px;
}
#add-language .button-link-delete i{
    vertical-align: middle;
    line-height: 1;
}

/* page term translation*/
#edit-term-translation .alert{
    text-align: center;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: 5px 0px;
}
#edit-term-translation .alert-warning{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#edit-term-translation .info{
 margin-top: 5px;
}

#edit-term-translation .row{
    clear: both;
    padding-bottom: 20px;
    padding-top:10px;
}
#edit-term-translation .col-title{text-align: center}

#edit-term-translation .col-source{
    text-align: left;
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-term-translation .col-action{
    display: inline-block;
    float: left;
    width: 150px;
    text-align: center;
}
#edit-term-translation .col-target{
    text-align: left;
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-term-translation .col-target input, #edit-term-translation .col-source input,
#edit-term-translation .col-target textarea, #edit-term-translation .col-source textarea{
    width: 100%;
}
#edit-term-translation .col-label{
    width: 75px;
    float: left;
}
#edit-term-translation .row.action{
    margin-top: 25px;
    margin-bottom: 10px;
}
#edit-term-translation .row .action-cancel{
    float: left;
    max-width: 100%;
    background-color: orangered;
    border-color: orangered;
}
#edit-term-translation .row .action-save{
    float: right;
}
/* fin page term translation*/

/* page string translation*/
#edit-string-translation .row{
    clear: both;
    padding-bottom: 20px;
    padding-top:10px;
}
#edit-string-translation .col-title{text-align: center}
#edit-string-translation .col-source{
    text-align: left;
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-string-translation .col-action{
    float: left;
    width: 150px;
    text-align: center;
}
#edit-string-translation .col-target{
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-string-translation .col-target input{
    width: 90%;
}
#edit-string-translation .col-label{
    width: 75px;
    float: left;
}
#edit-string-translation .row.action{
    margin-top: 25px;
    margin-bottom: 10px;
}
#edit-string-translation .row .action-cancel{
    background-color: orangered;
    border-color: orangered;
    float: left;
    max-width: 100%;
}
#edit-string-translation .row .action-save{
    float: right;
}
/* fin page string translation*/

/* page option translation*/

#options-translation .serialized-data{
    font-style: italic;
}

#edit-option-translation .row{
    clear: both;
    padding-bottom: 20px;
    padding-top:10px;
}
#edit-option-translation .col-title{text-align: center}
#edit-option-translation .col-source{
    text-align: left;
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-option-translation .col-action{
    float: left;
    width: 150px;
    text-align: center;
}
#edit-option-translation .col-target{
    text-align: left;
    float: left;
    width : calc(55% - 75px - 150px);
}
#edit-option-translation .col-target input.falang,#edit-option-translation .col-source input.falang{
    width: 100%;
}
#edit-option-translation .col-label{
    width: 75px;
    float: left;
}
#edit-option-translation .row.action{
    margin-top: 25px;
    margin-bottom: 10px;
}
#edit-option-translation .row .action-cancel{
    background-color: orangered;
    border-color: orangered;
    float: left;
    max-width: 100%;
}
#edit-option-translation .row .action-save{
    float: right;
}
/* fin page string translation*/

/* Tooltips */
.tips {
    cursor: help;
    text-decoration: none;
}
img.tips {
    padding: 5px 0 0 0;
}

/* TipTip CSS - Version 1.2 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top {
    padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
    padding-top: 5px;
}
#tiptip_holder.tip_right {
    padding-left: 5px;
}
#tiptip_holder.tip_left {
    padding-right: 5px;
}
#tiptip_content {
    font-size: 11px;
    color: #fff;
    padding: .5em .8em;
    background: #a2678c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
    text-align: center;
}
#tiptip_content code {
    background: #855c76;
    padding: 1px;
}
#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #464646;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #464646;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #464646;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #464646;
}

/* pages post*/
.falang_post_status{width: 30px;display: inline-block;font-size: 11px;position: relative}
.falang_post_status.dashicons:before{position: absolute;right: 0;top:3px;}
.falang_post_status.dashicons-marker{color: grey}
.falang_post_status.dashicons-yes-alt{color: green}
.falang_language_link{text-decoration: none;margin-left: 5px}

/* page listing post , products...*/
.fixed .column-translation{width: 8%;}
.fixed .column-locale{width: 8%;}
.fixed .column-id{width: 70px;}

/* Notice message box*/
div.falang-notice{
    position: relative;
}
.falang-message-close{
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    padding: 0 15px 10px 28px;
    margin-top: -10px;
    font-size: 13px;
    line-height: 1.23076923;
    text-decoration: none;
}

a.falang-message-close:before{
    position: relative;
    top: 18px;
    left: -20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

div.falang-notice.falang-fa-notice .falang-logo,div.falang-notice.falang-review-notice .falang-logo {
    background-image: url('../img/icon-80x80.png');
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    border-radius: 4px;
    margin-right: 16px;
    -webkit-box-flex: 0;
    flex: 0 0 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

div.falang-notice.falang-fa-notice,div.falang-notice.falang-review-notice {
    padding: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

div.falang-notice h3{
    margin: 0;
    font-size: 14px;
}

div.falang-notice .falang-message__action a {
    height: auto;
    padding: 3px 15px;
    margin-right: 10px;
    line-height: 26px;
}
div.falang-notice .falang-message__action a .dashicons {
    line-height: 1.2;
    padding-right: 5px;
}

div.falang-notice .falang-message-content p.submit {
    margin-top: 9px;
    margin-bottom: 0;
}