/* -----------------------------------*/
/* ---------->>> Buttons <<<-----------*/
/* -----------------------------------*/

@import url("/less/general/style.less");


.buttons{
    padding: 12px 3% 12px 0;
    font-weight: normal;
    color: #748E9B;
    float: right;
    width: auto;
    min-width: 190px;
}

.tabsWidthSmall{
  width: 40px;
}

.tabsWidthSmall .OnOffCheckboxWithTxt-switch {
  right: 20px;
}

.buttons li {
    display: inline-block !important;
    min-width:  50px;
}

.buttons li:hover {
    cursor: pointer;
}

.buttons li:nth-child(1) {
    float: right;
    text-decoration: none;
    padding: 5px 5%;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #D7E1E6;
    color: #748E9B;
    border-left: 0 none;
}  

.buttons li:nth-child(3),
.buttons li:last-child  {
    float: right;
    padding: 5px 5%;
    text-decoration: none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #D7E1E6;
    border-right: 0 none;
    color: #748E9B;
}

.buttons li:nth-child(2){
    float: right;
    padding: 5px 5%;
    text-decoration: none;
    border: 1px solid #D7E1E6;
    color: #748E9B;
}



.buttons .selected{
    background:#00b1f3;
    color: #fff !important;
} 

.buttons .projects_btn:hover,
.buttons .media_btn:hover,
.buttons .regular_btn:hover{
    background: #BCDF5D;
    color: #fff;
    border: 0 auto;
}

.tabs_dd {
  float: left;
  margin: 10px;
  width: 200px;
}

.tabs_dd > span{
  width: 100%;
}

.rtl .tabs_dd {
  float: right;
}