/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 9, 2016, 2:10:37 PM
    Author     : ismail-pc
*/


body{
    font-family: Verdana, Geneva, sans-serif;

}
.th_table{
    display:inline-block;
    vertical-align: top;
    height:30px;
    line-height:30px;
    padding: 2px;

}

.ui_row{
    clear: both;
    float: none;
    min-height: 30px;
}


.hide{
    display: none;

}
.message   {

    position: absolute;
    background: #fff;
    z-index: 11111;
    line-height: 35px;
    padding: 7px;

    top: 0px;
    left: 25px;
    width: calc(100% - 50px);
    opacity: 0.9;
    border-radius: 3px;
    text-align: right;
}

.message.success   {
    color: #3c763d;
    background-color: #dff0d8;
    border:1px solid #d6e9c6;
}/*
.message.success i{

    color: #375442;  
}*/
.message_close  {
    position: absolute;
    left: 30px;
    top: 7px;
    font-size: 30px;
    cursor: pointer
}
.message.info {

    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.message.warning  {

    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;

}.message.error  {

    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    z-index: 111111111;


}




button ,input[type="submit"]{
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    font-size: 14px;
    padding: 14px 20px;
}


.danger_color{
    color: #fff;
    background-color: #FE6C61;
}


.danger_color:hover{
    color: #fff;
    background-color: #ff2a40;
}




.success_color{
    color: #fff;
    background-color: #6DAB3C;
}




.success_color:hover{

    color: #f7f7f7;
    background-color: #5f9434
}



.info_color{
    color: #fff;
    background-color: #00C1CF;



}
.info_color:hover{

    color: #f7f7f7;
    background-color: #00a4b0; 

}


.primary_color{

    background-color: #34495e;
    color: #ffffff;
    border:none;

}

.primary_color:hover{

    color: #fff;
    background-color: #ff2a40;
}

button ,input[type="submit"]{

    background-color: #34495e;
    color: #ffffff;
    border:none;

}

button:hover ,input[type="submit"]:hover{

    color: #fff;
    background-color: #ff2a40;
}




.col12{
    clear: both;
    float: none; margin:6px;
    padding: 6px;
}
.col05,
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11{
    float: left;
    clear: none;   

}







*.text_toright{
    text-align:  right;
}
*.text_toleft{
    text-align:  left !important;
}


*.toright{
    float: right !important;
}
*.toleft{
    float: left !important;
}
*.clear{
    clear: both;float: none;
}
*.clear_right{
    clear: right
}
*.clear_left{
    clear: right
}


.col05{width:4.166665%}
.col1{width:8.33333%}
.col1{width:8.33333%}
.col2{width:16.66666%}
.col3{width:25%}
.col4{width:33.33333%}
.col5{width:41.66666%}
.col6{width:50%}
.col7{width:58.33333%}
.col8{width:66.66666%}
.col9{width:75%}
.col10{width:83.33333%}
.col11{width:91.6666666667%}
.col12{ width: calc(100% - 20px) }




.carts .cart-width-col1{width: calc(8.33333% - 10px) }
.carts  .cart-width-col2{width:calc(16.66666% - 10px) }
.carts  .cart-width-col3{width: calc(25% - 10px) }
.carts  .cart-width-col4{width: calc(33.33333% - 10px) }
.carts .cart-width-col5{width: calc(41.66666% - 10px) }
.carts .cart-width-col6{width: calc(50% - 10px) }
.carts .cart-width-col7{width: calc(58.33333% - 10px) }
.carts .cart-width-col8{width: calc(66.66666% - 10px) }
.carts  .cart-width-col9{width: calc(75% - 10px) }
.carts .cart-width-col10{width: calc(83.33333% - 10px) }
.carts .cart-width-col11{width: calc(91.6666666667% - 10px) }
.carts  .cart-width-col12{ width: calc(100% - 10px) }



.grid > .col05,.carts > .col05{width: calc(4.166665% - 10px) }
.grid > .col1,.carts > .col1{width: calc(8.33333% - 10px) }
.grid > .col2,.carts > .col2{width: calc( 16.66666% - 10px) }
.grid > .col3,.carts > .col3{width: calc(25% - 20px) }
.grid > .col4,.carts > .col4{width: calc( 33.33333% - 10px) }
.grid > .col5,.carts > .col5{width: calc( 41.66666% - 10px) }
.grid > .col6,.carts > .col6{width: calc( 50% - 10px) }
.grid > .col7,.carts > .col7{width: calc( 58.33333% - 10px) }
.grid > .col8,.carts > .col8{width: calc( 66.66666% - 10px) }
.grid > .col9,.carts > .col9{width: calc( 75% - 20px) }
.grid > .col10,.carts > .col10{width: calc( 83.33333% - 10px) }
.grid > .col11,.carts > .col11{width: calc( 91.6666666667% - 10px) }
.grid >.col12,.carts > .col12{width: calc(100% - 10px) }

.carts >div,.grid >div{
    margin: 5px;
}

/*
.ui_row >div{
    width:calc(100% -48px);
    padding:5px
}*/








th , td{
    padding: 0 !important;
    margin: 0 -1px !important;   
    height: 30px;

}

td._des span{
    overflow: hidden;
    display: block;
    height: 100%;
}
td span{
    padding: 0 5px
}
td  img{
    max-height: 100%;
    max-height: 100%;

}

td.rows_select  span {

    padding: 0 
}

th.item_roder:after{
    content: "\f106";
    font-family: "FontAwesome";
    float: right;
    margin-right: 7px;
    font-size: 20px;
}

th.item_roder.desc_roder:after{
    content:"\f107";

}



@media only screen and (min-width:601px){
    /*   .col1,
       .col2,
       .col3,
       .col4,
       .col5,
       .col6,
       .col7,
       .col8,
       .col9,
       .col10,
       .col11{width:91.66666%
   
       }*/

}
@media only screen and (min-width:993px){
    /*
        .col1,
        .col2,
        .col3,
        .col4,
        .col5,
        .col6,
        .col7,
        .col8,
        .col9,
        .col10,
        .col11{width:91.66666%
    
        }*/

}


.col6.ui-widget{
    width: calc(50% - 10px);
    padding: 0px 5px;

    min-height: 30px;

}
.ui_row .ui_value>*{
    width: calc(100% - 4px);
    padding: 0;
    min-height: 30px;    padding: 0 2px;
}

td .ui_row .ui_value>*{
    width: 100%;
    padding: 0px ;
    min-height: 0;
}

td  select{
    height: 30px;

}

td  select.list{
    height: 60px;

}
td .ui_row {
    max-height: 50px;
    /* padding-left: 0; */
    /* margin: auto; */
    text-align: center;
    float: none;
    display: inline-block;
    border: none;
    width: calc(100% - 15px);
    margin: auto;

}

.ui_hidden{
    display: none;
}


td .ui_row >div{
    padding: 0;  

}

td .ui_label{
    display: none
}


.lightbox_bg{
    background: rgba(0,0,0,0.7);
    position: fixed;
    top :0;
    left:0;     z-index: 11111121;
    height:100%;
    width:100%

}
.lightbox{
    position: absolute;

    top:50%;
    left:50%;
    background: #fff;
    border: 3px solid #000;
    min-height: 150px;
    min-width: 340px;
    padding: 5px;



    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform:translateX(-50%);


    -webkit-transform: translateY(-50%)  translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);

}.lightbox iframe{
    width:100%;
    height:100%;
    border: none;
    position: relative;
}

.light_box_close ,.lightbox_close{

    float: right;
    font-size: 25px;
    cursor: pointer;
}.light_box_body ,.lightbox_body{
    padding: 0;
    position: relative;
    height: 100%;
    width: 100%;
    clear: both;  
    overflow: auto;

}
.lightboxtop_bar{
    margin-top:-30px;
    height:30px;
    color: #fff;  position: relative;
    top: -3px;
    line-height: 30px;
}

.light_box_title ,.lightbox_title{

    float: left;

}


.line{
    width: 100%;
    height: 1px;
    clear: both;
    background: #eee;
    margin: 5px 0;
    position: relative;
    top: 8px;
}



.ins_hidden{
    display: none;
}.jsaction{
    cursor: pointer;
}

a{text-decoration:  none; }

ul,li{
    padding:0;
    margin:0;
    list-style: none;
}


@media (min-width: 768px){
    .container {
        width: 750px;
    }   

}

@media (min-width: 992px){
    .container {
        width: 970px;
    }

}
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }  

}





.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.list li{

    display: list-item !important;
    text-align: -webkit-match-parent;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}


.list ol li{
    list-style-type: decimal
}.list ul  li{
    list-style: disc;
}

.list.unstyled ul  li{
    list-style-type: none;

}


.list.circle ul  li{
    list-style-type: circle;

}

.ui_image_upload .qq-file-name{
    display: none;
}


.ui_image_upload .qq-upload-button{
    background: transparent;

    width: 50px;
    height: 30px;
    overflow: hidden;
    font-size: 0.1px;
    padding: 0;    margin: 0;
}



.ui_image_upload .qq-upload-button:before {
    content: "\f0ee";    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;    line-height: 30px;

}.ui_image_upload li{
    display: inline-block;
    width: 50px;
    height: 30px;
    vertical-align: top;
    line-height: 30px;
    text-align: center;
    background: rgba(19, 18, 18, 0.68);


}.ui_image_upload ul{
    position: absolute
}.ui_image_upload i{
    line-height: 30px;


}.ui_image_upload i{
    color: #ccc;
}

img.qq-thumbnail-selector{
    display: none;
}

.qq-upload-success{
    display: none;
}
.ui_image_upload  img{
    max-height: 60px;
    margin-top: 33px;
    max-width: 100%;

}


.ui_row.ui_radio .ui_value>input{

    width:25px;
}


.ui_image_upload  .ui_label{
    margin-right: 15px;

} 


.myfblogin{
    background: #4a66a0;
    margin-left: 5px;
    color: #fff;padding: 10px;    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    text-align: center;
    cursor: pointer;
} .myfblogin i{

    margin: 0  5px;

}
.mod_lightbox_bg {
    position: fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0,0,0,0.6);
    z-index: 1111111;  
}
.mod_lightbox .ins_module  {
    position: fixed;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    width: 330px;
    height: 440px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    top: 50%;
    left: 50%;
    margin-left: -165px;
    margin-top: -220px;
    z-index: 111111111;    padding: 30px;

}.mod_lightbox .ins_module_title {
    margin: -30px;
    height: 50px;
    text-align: right;
    padding: 0 21px;
    font-family: 'Changa', sans-serif;
    line-height: 47px;
    margin-bottom: 4px;}


.this_loader:after{

    content: "\f110";
    font-family: "FontAwesome";
    float: right;
    margin-right: 7px;
    font-size: 30px;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);

    margin-left: -30px;
    margin-top: -30px;

}
.this_loader.small_loader:after{
    font-size: 20px;
    margin-left: -20px;
    margin-top: -20px;

}
.this_loader.big_loader:after{
    font-size: 50px;
    margin-left: -50px;
    margin-top: -50px;

}
.this_loader.biger_loader:after{
    font-size: 100px;
    margin-left: -100px;
    margin-top: -100px;

}.this_loader.smaller_loader:after{
    font-size: 10px;
    margin-left: -10px;
    margin-top: -10px;

}







.hierarchy  .branch {
    padding-top:30px;
    margin-top:30px
} 

.hierarchy  .entry:after,  .hierarchy .entry:before, .hierarchy .branch:before{
    top:-30px;   
}

.hierarchy .entry:before, .hierarchy .branch:before{

    height: 30px;

}
.hierarchy .entry:before,  .hierarchy .branch:before,  .hierarchy .entry:after , .hierarchy .entry:last-child:before{

    border-width:  2px;
    border-style: solid;
    border-color:  #333;

}

.hierarchy .entry:first-child:after,.hierarchy  .entry:first-child:before,.hierarchy  .entry:last-child:after, .hierarchy  .entry:last-child:before
{
    border-radius: 10px 
}



.hierarchy  span {

    margin: 0 15px;
}

.hierarchy {
    line-height: 30px;
    text-align: center;
}


.hierarchy  .branch {
    position: relative;
    clear: both;
}
.hierarchy  .entry{
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: top;
    margin: 0;
    margin: 0px -2px;
}
.hierarchy  span{
    border:  2px solid #333;
    padding: 0 10px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}



.hierarchy  input.check_list_ids {
    width:20px;
    height:20px;    margin: -5px;
}  

.hierarchy   .tool_bar >div{
    height: 30px;
    /* border-right: 1px solid; */
    margin: -2px;
    background: #eee;
    margin-bottom: 2px;

}



.hierarchy  .entry:after,.hierarchy   .entry:before,.hierarchy  .branch:before{
    position: absolute;
    content: " " ;   
}

.hierarchy  .entry:before,.hierarchy  .branch:before{
    left:50%; 


    border-top-width: 0;
    border-bottom-width:  0;
    border-right-width:  0;


}
.hierarchy  .entry:after{
    width: 100%;
    left:0;



    border-left-width:  0;
    border-bottom-width:  0;
    border-right-width:  0;




}
.hierarchy  .entry:last-child:after,.hierarchy  .entry:first-child:after{
    width: 50%;   
}
.hierarchy .entry:first-child:after{
    left:50%;

}
.hierarchy .entry:first-child:before,.hierarchy .entry:first-child:after{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.hierarchy .entry:last-child:after, .hierarchy .entry:last-child:before{


    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.hierarchy .entry:last-child:before{



    border-left-width:  0;
    border-top-width: 0;
    border-bottom-width:  0;


    right:50%;
    left:auto;
    border-left:none;
}



.hierarchy .entry:before,.branch:before{
    width: 20px;
}
.hierarchy .entry:after{
    height: 20px; 


}



.hierarchy.lefttoright {

    text-align: left;
}

.hierarchy.lefttoright  .branch {

    margin: 0;
    padding: 0;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.hierarchy.lefttoright   .entry {
    margin: 0;

    display: block;
    text-align: left; 

}

.hierarchy .entry.single:after{
    display: none;
}

.hierarchy .entry.single:before{
    margin-right: -2px;    border-radius: 0 !important;
}






.hierarchy.lefttoright  .entry.single:before{
    margin-top: -20px !important;
}

.hierarchy.lefttoright   .entry:before, .hierarchy.lefttoright   .branch:before{

    border-bottom: 2px solid #000;
    left: -30px;
    margin-top: -5px;
    border-left-width: 0;
    width: 30px;
    height: 3px;
    top: 50%;
}


.hierarchy.lefttoright  .entry:last-child:after
{
    height: 50%;
    top: 0;

}

.hierarchy.lefttoright  .entry:first-child:after{
    height: 50%;
    top: 50%;

}


.hierarchy  span{
    text-align: center;

}

.hierarchy.lefttoright .entry:after {
    top: 0;
    height: 100%;
    left: -30px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom: 0;
    border-left-width: 2px;

}.hierarchy.lefttoright .entry >.label{
    margin: 10px 0;       vertical-align: middle;
}


.hierarchy.lefttoright  .entry:first-child:before{
    border-radius: 10px 0;

    border:none;
    border-top:  2px solid #000;

    height: 18px;
}.hierarchy.lefttoright  .entry:last-child:before{
    border:none;
    border-bottom:  2px solid #000;
    border-bottom-left-radius: 10px;
    height: 18px;
    margin-top: -14px;    border-right: 0;
}