/* 
    Document   : tooltip
    Created on : 14.11.2013, 16:39:38
    Author     : myThem.es
    Description: CSS rules for tooltip     
*/

/* GENERAL RULES */
.mythemes-plg-tooltips-wrapper{
    padding: 2px 0px 2px 40px;
    background-image: url(../images/time-line.png);
    background-repeat: repeat-y;
    background-position: left top;
}
.mythemes-plg-tooltips-wrapper.stop{
    margin-bottom: 19px;
}
.mythemes-plg-tooltips {
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.mythemes-plg-tooltips nav,
.mythemes-plg-tooltips ul{
    display: block;
    margin: 0px;
    min-height: 20px;
}
.mythemes-plg-tooltips ul li{
    display: inline-block;
    float: left;
    padding: 0px 13px;
    margin:  0px;
    font-weight: bold;
}
.mythemes-plg-tooltips ul li{
    border-left: 1px solid #f5f5f5;
}
.mythemes-plg-tooltips ul li.mythemes-plg-head span.type{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    background: #f0f0f0;
    padding: 5px 8px;
    margin-left: 15px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.mythemes-plg-tooltips .mythemes-plg-time-line-arrow{
    position: absolute;
    background-image: url(../images/arrow.png);
    display: block;
    width: 27px;
    height: 14px;
    margin: 2px 37px 0px -37px;
    
}
.mythemes-plg-tooltips ul li.mythemes-plg-sortable{
    border-left: none;
}
.mythemes-plg-tooltips ul li.mythemes-plg-sortable i{
    display: block;
    width: 19px;
    height: 19px;
    background-image: url(../images/drag-drop.png);
    background-repeat: no-repeat;
    background-position: -3px -2px;
    cursor: move;
}
.mythemes-plg-tooltips ul li.mythemes-plg-next a{
    background-image: url(../images/actions.png);
    background-position: 6px 2px;
    background-repeat: no-repeat;
    display: block;
    background-color: #39b54a;
    width: 19px;
    height: 19px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.mythemes-plg-tooltips ul li.mythemes-plg-next a.stop{
    background-color: #ed1c24;
}
.mythemes-plg-tooltips ul li.mythemes-plg-next a.stop{
    background-position: 5px -13px;
}

#mythemes-plg-tooltips .mythemes-plg-tooltips-wrapper:last-child ul li.mythemes-plg-next a{
    background-color: #ededed;
    background-position: 5px -13px;
    cursor: default;
}
#mythemes-plg-tooltips .mythemes-plg-tooltips-wrapper:last-child{
    margin-bottom: 20px;
}
    

.mythemes-plg-tooltips ul li.mythemes-plg-head{
    padding-top: 2px;
}

/* ACTIONS */
.mythemes-plg-tooltips ul li.mythemes-plg-action-delete,
.mythemes-plg-tooltips ul li.mythemes-plg-action-details{
    float: right;
}
.mythemes-plg-tooltips ul li.mythemes-plg-action-details a{
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}
.mythemes-plg-tooltips ul li.mythemes-plg-action-details a.up{
    background-image: url(../images/up.png);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mythemes-plg-tooltips ul li.mythemes-plg-action-delete a{
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}
.mythemes-plg-tooltips ul li.mythemes-plg-action-details a,
.mythemes-plg-tooltips ul li.mythemes-plg-action-delete a{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.mythemes-plg-tooltips ul li.mythemes-plg-action-details a:hover,
.mythemes-plg-tooltips ul li.mythemes-plg-action-delete a:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

/* CONTENT */
.mythemes-plg-tooltips small.mythemes-plg-tooltip-id{
    color: #999999;
    margin-left: 2px;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content{
    border-top: 1px solid #f0f0f0;
    margin-top: 15px;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content label{
    font-weight: bold;
    margin: 0px 0px 7px 3px;
    color: #999999;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content small.mythemes-plg-hint{
    color: #878787;
    padding-top: 10px;
}
div.mythemes-plg-colls{
    width: 48%;
    margin: 1%;
    float: left;
}
div.mythemes-plg-colls-n{
    width: 18%;
    margin-right: 1%;
    float: left;
}
div.mythemes-plg-colls-n:last-child{
    margin-left: 0%;
}
div.mythemes-plg-ahtml-inline,
div.mythemes-plg-ahtml-inlist{
    margin: 15px 0px 0px 0px;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content input[type="text"],
.mythemes-plg-tooltips .mythemes-plg-tooltips-content select,
.mythemes-plg-tooltips .mythemes-plg-tooltips-content textarea{
    width: 99%;
    border: 1px solid #dadada;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content textarea{
    height: 256px;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content input[type="text"],
.mythemes-plg-tooltips .mythemes-plg-tooltips-content select{
    height: 35px;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content .colls-2 > div.mythemes-plg-ahtml-inlist{
    width: 48%;
    margin-left: 2%;
    float: left;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content .colls-2 div:first-child{
    margin-left: 0;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content .mythemes-plg-group{
    border: 1px solid #f0f0f0;
    background: #fafafa;
    padding: 9px;
    margin: 10px 0px;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content .mythemes-plg-group.arrow-pos div.mythemes-plg-ahtml-inlist,
.mythemes-plg-tooltips .mythemes-plg-tooltips-content .mythemes-plg-group > div.mythemes-plg-ahtml-inlist:first-child{
    margin-top: 0px;
}

.mythemes-plg-tooltips .mythemes-plg-tooltips-content div.mythemes-plg-advanced-settings div.title{
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0px;
    margin: 0px 0px 15px 0;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content div.mythemes-plg-field-custom-layout,
.mythemes-plg-tooltips .mythemes-plg-tooltips-content div.mythemes-plg-field-custom-width{
    padding: 10px 0px 10px 0px;
}
.mythemes-plg-tooltips .mythemes-plg-tooltips-content div.mythemes-plg-field-custom-layout input[type="checkbox"],
.mythemes-plg-tooltips .mythemes-plg-tooltips-content div.mythemes-plg-field-custom-width input[type="checkbox"]{
    float: right;
    margin: -15px 100px 0px 0px;
}

div.mythemes-plg-field-selector{
    float: left;
    width: 245px;
    display: inline-block;
}

div.mythemes-plg-iframe-content div.mythemes-plg-field-selector{
    width: 100%;
}

.button.mythemes-plg-set-selector{
    float: left;
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
}


/* RESPONSIVE RULES */
@media (min-width: 1200px ){
}
@media ( min-width: 980px ) and (max-width: 1199px ){
}
@media ( min-width: 768px ) and ( max-width: 979px ){
}
@media ( min-width: 481px ) and ( max-width: 767px ){
}
@media ( max-width:480px ){
}