body{
    background:#FFF;
    font-size : 12px;
    /*	font-family : 'Arial', sans-serif, Verdana, Tahoma; */
    background-image: url(../../img/body_bg.jpg);
    background-repeat:repeat;
    color:#666;

    position: relative;
}
a {text-decoration:none}
input[type="text"]:disabled {
    background: #dddddd;
}
#container{
    padding-bottom:20px;
    width:100%;
    min-width:1242px;
}
.layer_content {
    margin:20px;
}
/* LOGIN STYLE */

.log_per {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}

#login_div {
    /* margin-left: -160px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: visible;
    background:url(../../img/active.gif);
    width:350px;
    text-align:center;
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    border-radius:5px;
    padding:20px;
}

#login_div form{
    text-align: center;
    /* width: 257px; */
    width: 300px;
    color: #000;
    margin:10px 23px;
}

#login_div .add input[type="text"] {
    height: 24px !important;
    width: 180px;
}

#login_div .add input[type="password"] {
    height: 24px;
    width: 180px;
}

#login_div .form-control {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

@media (max-width:390px) {
    #login_div {
        width: 100%;
    }
}

/* END LOGIN STYLE */

.nav {min-width:1242px}

/* topmenu style */
.topmenu ul li {
    float:left;
}
.topmenu a {
    color:#646464;
    font-size: 14px;
    padding: 19px  25px 0px 25px;
    font-weight: 400;
    text-decoration: none;
    float:left;
    height:36px;
    display:inline-block;
    text-transform:uppercase;
}
.topmenu{
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    background-image: url(../../img/navigation.png);
    background-repeat:repeat-x;
    height:55px; 
}
.topmenu a:hover{
    background:#e7e7e7;
    height:36px;
    color:#fc7019;
    background-image: url(../../img/line.gif) !important;
    background-repeat:no-repeat!important;
    background-position:right top;
}
.topmenu_a_hover{
    color:#fc7019 !important;
    background-color:#e7e7e7;
    background-image: url(../../img/line.gif) !important;
    background-repeat:no-repeat!important;
    background-position:right top;
}
/* END second_topmenu style */

/* under_topmenu */
.under_topmenu {
    background:#e7e7e7;
    height:38px; 
    padding:0px;
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
}
.under_topmenu  ul li {float:left;}
.under_topmenu a {
    font-size: 12px;
    color:#646464;
    padding:11px 15px 0px 15px;
    text-decoration: none;
    float:left;
    height:26px;
    display:inline-block;
    text-transform:uppercase;
}
.under_topmenu a:hover{
    color:#fc7019;
    height:26px;
}
.under_topmenu_a_hover{
    color:#fc7019 !important;
}

.under_topmenu li a b{
    color:#fc7019;
}
/* END under_topmenu */

/* second_topmenu style */
.second_topmenu ul li {
    float:left;
}
.second_topmenu{
    background-image: url(../../img/navigation1.png);
    background-repeat:repeat-x;
    height:25px;
    padding-top: 2px;
    min-width:1242px;
}
.second_topmenu a {
    border:none;
    font-size: 11px;
    text-decoration: none;
    margin:0 10px 0px 10px;
    color:#646464;
    font-weight:bold;

}
.second_topmenu a:hover{
    color:rgb(255, 160, 116);
    opacity:0.9;
}
.second_topmenu_a_hover{color:rgb(255, 160, 116) !important;}
/* END second_topmenu style */

/* topmenu_client */
.topmenu_client {
    height:30px; 	
}
.topmenu_client ul li {
    float:left
}

.topmenu_client ul { 
    background-image: url(../../img/navigation.png);
    background-repeat: repeat-x; 
    border:1px solid #ddd;
    border-radius:5px 5px 0 0;
    float:left;
    display:inline-block;
}
.topmenu_client a {
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    color:#646464;
    font-size: 14px;
    padding:3px 25px 0px 25px;
    font-weight: 400;
    text-decoration: none;
    float:left;
    height:23px;
    display:inline-block;
    text-transform:uppercase;
}
.topmenu_client ul li {
    display:inline;
    float:left;
}
.topmenu_client a:hover{
    background:#e2e2e2;
    height:23px;
    color:#fc7019;
}
/* end topmenu_client */

/* Service menu style */
.service_topmenu ul li{
    float:left;
    padding: 5px 10px 5px 10px
}
.service_topmenu {
    background:#e2e2e2;
    height:30px;
}
.service_topmenu a {
    border:none;
    color:#666;
    font-size: 14px;
    text-decoration: none;
    margin: 0px 10px 0px 7px;
    float:left;
    display:block;
}
.service_topmenu li:hover {
    color:rgb(255, 160, 116);
    opacity:0.9;
} 
/* END Service menu style */

/*start order_topmenu*/
.order_topmenu ul li{
    float:left;
}
.order_topmenu {
    height: 29px;
    border-color: #111;
    margin:20px 0px 0px 25px;
    background: #666;
    display: inline-block;
    line-height: 2;
    border-radius: 5px 5px 0 0 ;
}
.order_topmenu a {
    border:none;
    color:#fff;
    font-size: 14px;
    text-decoration: none;
    margin: 0px 10px 0px 10px;
    float:left;
    display:block;

}
.order_topmenu li:hover {

    background:rgb(255, 160, 116);
    color:#fff;
    opacity:0.9;
} 
.order_topmenu_a_hover{
    background:rgb(255, 160, 116);
    color:#fff;
    opacity:0.9;
}
/* END order_topmenu */

/*End of heder and menu part*/

/* menu_lien_bg */
.line_left_right{
    background-image: url(../../img/line.gif);
    background-repeat:no-repeat;
    background-position:left top;
    margin-top:2px;
}
.line_left_right{
    background-image: url(../../img/line.gif) !important;
    background-repeat:no-repeat;
    background-position:right top;
}
.line_left {
    background-image: url(../../img/line.gif) !important;
    background-repeat:no-repeat;
    background-position:left top;
} 
/* menu_lien_bg */
/*MASSAGE-BOX*/
.message-box {
    border: 1px solid;
    line-height:17px;
    padding: 4px 2px 4px 8px;
}
.message-box {
    border-radius:3px; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;behavior: url(../../js/PIE.htc);
}
.message-box.success {
    border-color:#b4e8aa; 
    color: #5E6F33; 
    background:#e9f9e5 10px center no-repeat; 
}
.message-box.info {
    border-color:#b6d4fe; 
    color: #084298; 
    background:#cfe2ff 10px center no-repeat; 
}
.message-box.error   {
    border-color:#e8aaad !important; 
    color: #cc0006; 
    background:#f9e5e6 10px center no-repeat;
    position:relative;
    text-align: left;

}
/*END OF MASSAGE-BOX*/
textarea {
    color:#666;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:5px;
    padding:5px;
    -webkit-box-shadow: inset 1px 1px 2px 2px #E9E9E9;    
    box-shadow: inset 1px 1px 1px 1px #E9E9E9;
    overflow: auto;

}
input {
    color:#666;
    background:#fff;
    border-radius:5px;
    -webkit-box-shadow: inset 1px 1px 2px 2px #E9E9E9;    
    box-shadow: inset 1px 1px 1px 1px #E9E9E9;
}

input[type="button"], .btncontent3 {
    border-radius:2px;
    height:24px;
    cursor:pointer;
    background:#fc7019;
    color:#fff;
    box-shadow:none;
    text-shadow: 0 1px 0 #888;
    margin-left:3px;
    margin-right:3px;
    padding: 4px 15px;
}

input[type="button"].btncontent1 {
    border: 0 none;
    background:#999 !important;
}

.add textarea:focus {
    border:1px solid rgb(255, 160, 116);
}
.add input:focus {
    border:1px solid rgb(255, 160, 116) !important;
}

input.invisible{cursor:pointer}

.shadow {
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
}
.shadowin{
    -webkit-box-shadow:inset 4px 4px 7px 1px rgba(45, 45, 45, 0.35); 
    box-shadow:inset 4px 4px 7px 1px rgba(45, 45, 45, 0.35);
    -moz-box-shadow:inset 4px 4px 7px 1px rgba(45, 45, 45, 0.35);
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    padding:5px;
    border-radius:5px;
}
/* da gi kombiniram */

/* ///////////// */

/*START ICON'S*/

/* Delate */
a.delete{
    background:url(../../img/admin/icons/icon_delete.png) 0 center no-repeat;
    width:18px;
    height:18px;
    border:3px solid transparent;
    border-radius:5px;
}
a.delete:hover {
    background:url(../../img/admin/icons/icon_delete.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* Print Icon */
a.print{
    background:url(../../img/admin/icons/print.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px;
}

/* Check Icon */
a.check{
    background:url(../../img/admin/icons/check.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px;
}
/* Reject Icon */
a.reject{
    background:url(../../img/admin/icons/reject.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px;
}
/* Detiles Icon */
a.comment{
    background:url(../../img/admin/icons/comments.png) 0 center no-repeat;
    border:3px solid transparent;
    width:18px;
    height: 18px;
    border-radius:5px;
    position: relative;
}
a.comment .badge {
    background: #686868 none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    font-size: 9px;
    font-weight: bold;
    height: 14px;
    left: 35%;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 14px;
}

/*a.comment1{
        background:url(../../img/admin/icons/comment1.png) 0 center no-repeat;
        border:3px solid transparent;
        width:18px;
        height: 18px;
        border-radius:5px;
}
a.comment1:hover{
        background:url(../../../img/admin/icons/comment1.png) #666 0 center no-repeat;
        border:3px solid #666;
}
a.comment:hover{
        background:url(../../img/admin/icons/comments.png) #666 0 center no-repeat;
        border:3px solid #666;
}*/

/* Download icon */
a.download {
    background:url(../../img/admin/icons/download.png) 0 center no-repeat;
    border:3px solid transparent;
    width:18px;
    height: 18px;
    border-radius:5px;
}
a.download:hover{
    background:url(../../img/admin/icons/download.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* Copy Icon */
a.copy {
    background:url(../../img/admin/icons/copy_icon.png) 0 center no-repeat;
    border:3px solid transparent;
    width:18px;
    height: 18px;
    border-radius:5px;
}
a.copy:hover{
    background:url(../../img/admin/icons/copy_icon.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* Cancel Icon */
a.cancel_icon{
    background:url(../../img/admin/icons/cancel_icon.png) 0 center no-repeat;
    border:3px solid transparent;
    width:16px;
    height:16px;
    border-radius:5px;
}
a.cancel_icon:hover {
    background:url(../../img/admin/icons/cancel_icon.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* Pay Icon */
a.pay_icon{
    background:url(../../img/admin/icons/pay_icon.png) 0 center no-repeat;
    border:3px solid transparent;
    width:16px;
    height:17px;
    border-radius:5px;
}
a.pay_icon:hover {
    background:url(../../img/admin/icons/pay_icon.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* History Icon */
a.history{
    background:url(../../img/admin/icons/history.png) 0 center no-repeat;
    border:3px solid transparent;
    width:16px;
    height:16px;
    border-radius:5px;
}
a.history:hover{
    background:url(../../img/admin/icons/history.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/* Edit_menu Icon */
a.edit_menu {
    background:url(../../img/admin/icons/edit.png) 0 center no-repeat;
    padding: 3px 0px 3px 23px;
}

/* Edit Icon */
a.edit{
    border:3px solid transparent;
    background:url(../../img/admin/icons/edit.png) 0 center no-repeat;
    width:18px;
    height:18px;
    border-radius:5px;

}
a.edit:hover{
    background:url(../../img/admin/icons/edit.png) #666 0 center no-repeat;
    border:3px solid #666;
}
a.edit_icon{
    background:url(../../img/admin/icons/edit.png) 0 center no-repeat;
    /*	width:18px;
            height:18px*/
    padding: 3px 0px 3px 20px;
} 

/* Add Icon */
a.add_icon{
    border:3px solid transparent;
    background:url(../../img/admin/icons/add.png) 0 center no-repeat;
    width:18px;
    height:18px;
    border-radius:5px;
}

a.add_icon.text_icon {
    background-position: left 0;
    font-weight: bold;
    padding-left: 23px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    width: auto;
    padding-right: 4px;
    background-color:#666;
    color:#fff;
}

a.add_icon_menu {
    background:url(../../img/admin/icons/add.png) 0 center no-repeat;
    padding: 3px 0px 3px 23px;
}
a.add_icon:hover{
    background:url(../../img/admin/icons/add.png) #666 0 center no-repeat;
    background:3px solid #666;
}

a.add_icon.text_icon:hover {
    background-color:#555;
}

/* Items Icon */
a.items {
    background:url(../../img/admin/icons/list.png) 0 center no-repeat;
    padding: 3px 0px 3px 20px;
}

/* Waiting Icon */
a.waiting {
    background:url(../../img/admin/icons/waiting.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px;
}

/* Back Icon */
a.back{
    background:url(../../img/admin/icons/back.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px;
}

/* UP and Down Icon */
a.up{
    border:3px solid transparent;
    border-radius:5px;
    background:url(../../img/admin/icons/up.png) 0 center no-repeat;
    width:18px;
    height:18px
}
a.up:hover{
    background:url(../../img/admin/icons/up.png) #666 0 center no-repeat;
    border:3px solid #666;
}
a.down{
    border:3px solid transparent;
    border-radius:5px;
    background:url(../../img/admin/icons/down.png) 0 center no-repeat;
    width:18px;
    height:18px
}
a.down:hover{
    background:url(../../img/admin/icons/down.png) #666 0 center no-repeat;
    border:3px solid #666;
}

/* Translation Icon */
a.translation_img1 {
    background:url(../../img/admin/icons/translation.png)  0 center no-repeat;
    padding: 2px 0px 2px 25px;
}
a.translation_img{
    background:url(../../img/admin/icons/translation.png)  0 center no-repeat;
    width:16px;
    height:18px;
    border-radius:5px;
    border:3px solid transparent;
    margin:0 10px;
}
a.translation_img:hover{
    background:url(../../img/admin/icons/translation.png) #666 0 center no-repeat;
    border:3px solid #666;
}

/* Approve Icon */
a.approve_icon {
    background:url(../../img/admin/icons/approve_icon.png)  0 center no-repeat;
    height:18px;
    padding: 2px 0px 4px 5px;
    width:11px;
    height:10px;
    border-radius:5px;
    border:3px solid transparent;
}
a.approve_icon:hover{ 
    background:url(../../img/admin/icons/approve_icon.png) #666 0 center no-repeat;
    border:3px solid #666;
}

.btn_approve {
    border: 0 none; 
    padding-left: 0; 
    padding-right: 0; 
    background: none; 
    cursor: pointer;
    border-radius:5px;
    border: 3px solid transparent;
}
.btn_approve:hover {
    border:3px solid #666;
    background: #666;
}

/* Identification Icon */
a.identification_icon {
    background:url(../../img/admin/icons/identification_icon.png)  0 center no-repeat;
    height:18px;
    padding: 2px 0px 4px 5px;
    width:11px;
    height:10px;
    border-radius:5px;
    border:3px solid transparent;
}
a.identification_icon:hover{ 
    background:url(../../img/admin/icons/identification_icon.png) #666 0 center no-repeat;
    border:3px solid #666;
}

/* Decline Icon */
a.decline_icon {
    background:url(../../img/admin/icons/decline.png)  0 center no-repeat;
    padding-right:2px;
    height:16px;
    width:16px;
    border-radius:5px;
    border:3px solid transparent;
}
a.decline_icon:hover{ 
    background:url(../../img/admin/icons/decline.png) #666 0 center no-repeat;
    border:3px solid #666;
}
/*END ICON'S*/

.filter_table {
    width:1200px;
}
/* Color */
.orange{
    background:url(../../img/active.gif);
    border-radius:5px;
}
.orange1{
    background:url(../../img/active.gif);
    border-radius:5px 5px 0 0 ;
}
.orange2{
    background:url(../../img/active.gif);
    border-radius:0 0 5px 5px;
}
.orange3{
    background:url(../../img/active.gif);
}
.gray{
    background:url(../../img/unactive1.gif);
    border-radius:5px;
}

.gray1{
    background:url(../../img/unactive1.gif);
    border-radius:5px 5px 0 0;
}
.gray2{
    background:url(../../img/unactive1.gif);
    border-radius:0 0 5px 5px;	
}
.bg_color_666 {
    background:#ddd; 
    color:#666;
    font-size:12px;
    padding:5px;
    border-radius:5px;
}
.bg_color_ddd {
    background:#666;
    color:#ddd;
    font-size:12px;
    padding:5px 6px;
    border-radius:5px;
}
.fffcolor {color:#fff;}
.orange_color{color:rgb(252, 112, 25);}
.color_red{color:rgb(219, 68, 68)}
.color_666{color:#666}
.blue{color:#37B6CE;}
/* end Color */

/* BUTTIN'S */
.buttons_css_browse {
    background:url(../../img/browse.png) no-repeat top right;
    display: inline-block;
    padding:0 4px 0 0;
    text-transform: uppercase;
    text-align:center;
}

.buttons_css_browse span {
    min-width:70px;
    vertical-align:center;
    background:url(../../img/browse.png) no-repeat top left;	
    line-height:20px;
    display:inline-block;
    padding:0 6px 0 10px;
    color:#fff;
    font-size:9px;
} 

.btnwrapper {
    display:block;
}
.btncontent{
    text-shadow:#888 0 1px 0;
    background:#fc7019;
    cursor:pointer;
    color:#fff !important;
    text-align:center;
    padding:4px 26px;
    text-align: center;
    /* border-radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    display:inline; 
    display:inline-block;
    background-image: linear-gradient(bottom, rgb(255,123,46) 1%, rgb(255,113,36) 51%, rgb(252,112,25) 76%);
    background-image: -o-linear-gradient(bottom, rgb(255,123,46) 1%, rgb(255,113,36) 51%, rgb(252,112,25) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(255,123,46) 1%, rgb(255,113,36) 51%, rgb(252,112,25) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,123,46) 1%, rgb(255,113,36) 51%, rgb(252,112,25) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(255,123,46) 1%, rgb(255,113,36) 51%, rgb(252,112,25) 76%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(255,123,46)),
        color-stop(0.51, rgb(255,113,36)),
        color-stop(0.76, rgb(252,112,25))
        );
}
button.btncontent {
    border: 0 none;
    font-size: 12px;
    /*    padding: 2px 16px; */
    line-height: 16.8px;
    font-family: Arial,sans-serif;
}

.remove-border{
    border: 0 none !important;
}
.btncontent:hover {
    background:rgb(255, 138, 86);
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    color:#F7F7F7;
    background-image: linear-gradient(bottom, rgb(252,112,25) 0%, rgb(255,113,36) 51%, rgb(255,134,64) 100%);
    background-image: -o-linear-gradient(bottom, rgb(252,112,25) 0%, rgb(255,113,36) 51%, rgb(255,134,64) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(252,112,25) 0%, rgb(255,113,36) 51%, rgb(255,134,64) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(252,112,25) 0%, rgb(255,113,36) 51%, rgb(255,134,64) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(252,112,25) 0%, rgb(255,113,36) 51%, rgb(255,134,64) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(252,112,25)),
        color-stop(0.51, rgb(255,113,36)),
        color-stop(1, rgb(255,134,64))
        );
}
.btncontent1{
    text-shadow:inset #888 0 1px 0;
    background:#666;
    cursor:pointer;
    color:#fff;
    text-align:center;
    padding:4px 18px;
    text-align: center;
    /* border-radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    display:inline; 
    display:inline-block;
    background-image: linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(201,201,201) 100%);
    background-image: linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -o-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(163,163,163)),
        color-stop(0.51, rgb(156,156,156)),
        color-stop(1, rgb(133,133,133))
        );
}
.btncontent1:hover {
    background:#888;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    color:#F7F7F7;
    background-image: linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(163,163,163) 100%);
    background-image: -o-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(163,163,163) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(163,163,163) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(163,163,163) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(163,163,163) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(133,133,133)),
        color-stop(0.51, rgb(156,156,156)),
        color-stop(1, rgb(163,163,163))
        );
}
.identify_button {
    padding:0 10px;
    font-family: 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    text-shadow:#888 0 1px 0;
    display:inline; 
    display:inline-block;
    color:#F7F7F7;
    background:#666;
    font-size:23px;
    border:1px solid #ddd;
    cursor:pointer;
    text-align:center;
    /* border-radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 13px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 13px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 13px;
    background-image: linear-gradient(bottom, rgb(133,133,133) 0%, rgb(146,146,146) 51%, rgb(163,163,163) 1%);
    background-image: -o-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(163,163,163) 51%, rgb(163,163,163) 1%);
    background-image: -moz-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,163) 51%, rgb(163,163,163) 1%);
    background-image: -webkit-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(163,163,163) 51%, rgb(163,163,163) 1%);
    background-image: -ms-linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,163,163) 51%, rgb(163,163,163) 1%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(133,133,133)),
        color-stop(0.51, rgb(156,156,156)),
        color-stop(1, rgb(163,163,163))
        );
}
.identify_button:hover {
    padding:0 10px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 0px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 0px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 0px;
    background:#555;
    background-image: linear-gradient(bottom, rgb(133,133,133) 0%, rgb(156,156,156) 51%, rgb(201,201,201) 100%);
    background-image: linear-gradient(bottom, rgb(163,168,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -o-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(163,163,163) 0%, rgb(156,156,156) 51%, rgb(133,133,133) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(163,163,163)),
        color-stop(0.51, rgb(156,156,156)),
        color-stop(1, rgb(133,133,133))
        );
}
.identify_button a{
    float:left;
    color:#fff;
}
.identify_button img {
    padding:5px 0 0 0;
    float:left;
}
/* END BUTTIN'S */

/* h1 h2 h3 */
h1 {
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    border-radius:5px 5px 0 0; 
    background:rgb(255, 135, 79);
    padding:5px;
    color:#fff; 
    width:200px; 
    border-radius:5px 5px 0px 0px;
}
h2 {
    text-align:left;
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    font-weight:normal;
    color:#000;
    padding:3px;
    font-size:20px;
    color:#666;
}
h3 {
    font-size:23px; 
    font-family : 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    text-transform:uppercase;
    padding-left:5px;
    color: #666;
    padding:2px;
    font-weight:normal;

    text-shadow: 1px 1px 0 #fff;
}

h4 {
    font-family : 'arial', sans-serif, Verdana, Tahoma;
    font-size:12px;
    border-radius:5px 5px 0 0 ;
    background:#666;
    color:#ddd;
    padding:3px;
}
h5{
    font-family : 'arial', sans-serif, Verdana, Tahoma;
    font-size:12px;
    border-radius:5px;
    color:#666;
    vertical-align:15px;
}
/* END h1 h2 h3 h4 h5*/

.packageActive {
    margin-left: 12px;
}
.section{
    background:rgb(250, 250, 250); 
    border:1px solid #666;
    border-radius:5px;
}
.layout h1 {margin:0 auto;}
.add1 label {
    color:#666;
    text-align: left;
}
.add1 input{
    border:1px solid #c2c0c5;
    padding:2px 3px 2px 4px;
}
.add1 input.radio {
    vertical-align:middle;
    border:none; 
    padding:0; 
    background:none;
}
.add1 select {
    border:1px solid #c2c0c5;
    border-radius:5px;
}
.add1 .radio {
    vertical-align:middle;
}
.add {
    float:left;
}

.add label {
    color:#666;
    text-align: left;
}
.add textarea{
    border:1px solid #c2c0c5;
    width: 134px;
    padding:4px 3px 3px 4px;
}
.add select {
    border:1px solid #c2c0c5;
    color:#666;background:#fff;
    border-radius:5px;
    padding:2px 3px 2px 4px;
    background:#fff;
    border-radius:5px;
    width: 144px;
}
select  {background:#fff;color:#666;border-radius:5px;}

.add input[type="text"], .add_td input[type="text"]{
    border:1px solid #c2c0c5;
    padding:4px 3px 3px 4px !important;
    height:15px !important;
    width: 134px;
}
.add input[type="text"].news_title {
    width: 350px;
}
.add input[type="password"]{
    border:1px solid #c2c0c5 !important;
    padding:3px 3px 3px 4px !important;
    width: 134px;
}

.add.large_table input[type="text"], .add.large_table input[type="password"], .add.large_table textarea {width:180px;}
.add.large_table select {width:190px;}

.add .large_table input[type="text"], .add .large_table input[type="password"], .add .large_table textarea {width:200px;white-space:normal;}
.add .large_table select {width:210px;}

.add input.radio {
    /*	vertical-align:middle;*/
    border:none; 
    padding:0; 
    background:none;
}

.form_border input {
    border:1px solid #c2c0c5;
    padding:2px 3px 2px 4px;
}

.add .invoice-form li input {width:155px;}
.add .invoice-form select {width:165px;}

/* TABLE STYLE */
.td_table td { 
    /*	margin:0px 20px 20px 20px;  */
    padding:5px 0 5px 0;
}
/* Table's */

table.list_small{
    font-size: 11px; 

    text-align:left;
    background:#ddd;	
}
table.list_small th{
    font-family :'arial', Verdana, Tahoma;
    font-size:12px;
    font-weight:normal;
    color:#ddd;
    padding:3px 7px;
    border-bottom:1px solid #777;
    background:url(../../img/line2px.gif) #666 right repeat-y;
    text-align: center;
}
table.list_small td{
    padding:3px 7px;
    background:url(../../img/line-horizontal.gif) repeat-x;
    color:#666;
}
.list_small a{
    text-decoration:none;
    color:#555; float:left; 
    display:block;
}

teble .filter label{
    color:#fff;
}

table.list{
    background:#ddd;
    float:left;
    text-align:left; 
    width:100%;
}
table.list th{
    font-family :'arial', Verdana, Tahoma;
    font-size: 1.2em; 
    font-weight:normal;
    color:#ddd;
    padding:3px 7px;
    border-bottom:1px solid #777;
    background:url(../../img/line2px.gif) #666 right repeat-y;
    /* text-align: center; */
}

table.list td{
    /*	font-size: 0.9em; */
    font-size: 11px;
    padding:3px 7px;
    background:url(../../img/line-horizontal.gif) repeat-x;
    color:#666;
}

td.nowrap { white-space:nowrap; }

table.list, a{
    text-decoration:none;
    color:#555;
    float:left; 
}
.list_small a:hover{
    text-decoration:none;
}
.list td:hover{
    color:#666;
    cursor:default
}
.list tr:hover{
    background:#fafafa;
    cursor:default
}
.list_small td:hover{
    color:#666;
    cursor:default
}
.list_small tr:hover{
    background:#fff;
    cursor:default
}
.list .action td:hover{
    color:#666;
    cursor:pointer;
}


table.list, a:hover{
    text-decoration:none;
}

table.list1{ 
    font-size: 12px; 
    float:left;
    text-align:left; 
    width:1180px !important
}
table.list1 td{	
    padding:5px 7px !important;
    background:url(../../img/line-horizontal.gif) repeat-x;
    color:#666;
}
td.Operations_td {
    width:95px
}
.Operations_td a{
    margin-left:5px;
}
.fieldset a {
    text-align:right
}
.client_info  {
    color:#666;
    min-width:778px;
    padding:1px 5px 1px 5px;
    background:#ccc;
    border:none;
    border-radius:5px;
}

.identify_client_data ul {
    background:#ddd;
    padding:10px;
    display:inline-block;
    border-radius:5px;
}
.ul_style  ul li a {
    color:#37B6CE; 
    text-align:right
}
.ul_style  ul li a.buttons_css {
    text-align:center;
}
.ul_style  ul li a:hover {
    color:#269926;
}

.sync {
    background: url(../../img/admin/icons/synhronize.png) 0 center no-repeat;
    padding: 2px 0px 2px 20px !important;
}

.balon {
    background:#fff;
    border:1px solid #444;
}
.order_li label{padding:2px ;margin-right:40px}
.order_li ul li{border-top:1px solid #555}
.order_li li{display:inline-table;}
.form_style{
    display:inline-table;
    padding:5px;
}
.form_style1{
    display:inline-table;
    padding:5px;
    border:1px solid rgb(204, 204, 204);
    margin:20px
}
.form_style2{
    display:block;
    padding:5px;
    margin:0 20px;
}
input.data_bg{
    background-image:url(../../img/admin/icons/calendar1.png);
    background-repeat:no-repeat;
    background-position:122px 3px;
    cursor:pointer;
}
input.data_bg1{
    background-image:url(../../img/admin/icons/calendar1.png);
    background-repeat:no-repeat;
    background-position:151px 3px;
}
.form_wrapper label {
    margin-right:10px;
}
.form_wrapper label:last-child {
    margin-right:0;
}
.form_wrapper select {
    width:143px;
}
/* upload fielad start */
.upload_field {
    position:relative;
}
.upload_field input {
    width:100%;
    position:relative;
    display:block;
    z-index:10; 
    cursor:pointer; 
    padding:2px 0 1px 0;
}
.upload_field_sub {
    top:0;
    right:0;
    width:100%;
}
.upload_field_sub input {
    width:100%;
    position:relative;
    z-index:1;
    height:15px;
    top:0; 
    right:0;

}
.upload_field_sub a {

    z-index:1;
    top:0; 
    right:0;
}
/* upload fielad end */

.short_textarea textarea{
    height:40px;
    max-width:250px;
    min-width:250px;
}
/* delivery_form input style */
.input_delivery_form{
    min-width: 150px;
    display: inline-block;
}
/*///////////////////////////*/

.identyfy_client {
    background:#ddd;
    border-radius:5px;
    border:2px outset rgb(197, 197, 197);
    padding:5px;
}
.identyfy_client:hover {
    border:2px inset rgb(197, 197, 197);
}
.box_style_2{
    padding:20px;

    margin-bottom:20px;
    background-color:#e2e2e2;
    display:inline-block;
    border-radius:5px;
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
}

.box_style_width {
    min-width: 1300px;
}

.box_div {
    border-radius:5px;
    background:#ddd ;
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
}

.card_types_style label {
    float:left;
    margin-top:5px
}
.card_types_style a {
    float:right;
    margin-top:5px
}
.card_link_style {
    display:inline-block;
}
.card_link_style a {
    color:#000;
}
/* LINE DIV IMG */
.line_bg {
    height:2px;
    background-image: url(../../img/line-horizontal.gif);
    background-repeat:repeat-x;
}
/* card and package detile form */
.table_form td{
    width:150px;
}
/* Order_list.html Filter */
#filterToggle {
    color: #646464;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    text-transform: uppercase;
    width: 60px;
    height: 25px;
    float: right;
    background: url('../../img/order-filter.png') no-repeat;
    background-position: 34px 0;
    margin-top:10px;

    line-height: 25px;
}

#filterToggle.clicked {
    background-position: -23px -2px !important;
}

/* Status button edit_order.html */
.status_style a{
    color:#fff;
    padding:2px 5px;
    background:#fc7019;
    border:1px solid #ddd;
    margin:5px 0px;
    min-width:100px;
    border-radius:5px;
}

.status_style a.margl_5 {margin-left:5px;}

.status_style1{
    font-weight:bold;
    margin:5px 0px;
    color:#666;
}

/* edit_order branding box */
.branding_div_style {
    float:left;
    display:inline-block;
}
.labeldiv {
    float:left;
    display:inline-block;
}
.imgdiv {
    float:left;
    display:inline-block;
    width:50px;
}
.adiv{
    display:inline-block;
}
/* TITEL */
#customTitle {
    display: none;
    position: absolute;
    background:#666;
    border-radius: 5px;
    padding:2px 7px;
    font-size:12px;
    text-align:left;
    color:#fff;
    font-weight:bold;
    max-width:200px;
    opacity:0.9;
    z-index:100;
}
/* IMG ZOOM */
#imageZoom { 
    display: none;
    position: absolute;
    z-index: 1; 
}

.inactive_input {
    border: none !important;
    background: transparent;
    width: 40px;
    text-align: right;
}


/* Pagination style */

#pagination a{
    border-radius:2px;
}
#pagination {
    float:right;
}
#pagination li{
    float:left;
}
#pagination ul{
    float:left;
}
#pagination {
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    color: #A3A3A3;
    text-align: center;
    height:24px;
}
.selected {
    margin:2px 5px;
    padding:1px 8px;
    line-height: 18px;
    background-color: #f0f0f0;
    background:rgb(255, 138, 86);
    border-radius:2px;
    color:#fff;
}
.pagination_a{
    margin:2px 5px;
    padding:1px 8px;
    line-height: 18px;
    background-color: #f0f0f0;
}
.arrow_a {
    margin-top:5px;
}
span.arrow { 
    color: #fff;
    line-height:13px;
    font-size:22px;
    padding:2px 10px;
    margin-top:10px;
}
.pages {
    line-height:25px;
    float:left;
    margin:0 5px 0 5px;
    font-size:12px;
}
.pages ul {float:left;}
.pages b{
    color:#fff;
    font-size:13px;
}

.pages i {
    margin:0 5px;
}

.pages form {
    display: inline-block;
}
/* end pagination */

.checkbox_div,.checkbox_div1 input {
    float:right;

}
.checkbox_div1 {
    padding:10px 25px;
    width: 202px;
    float:right;
}

.checkbox_div1 label {    
    display: inline-block;
    margin-bottom: 5px;}

.checkbox_div {
    padding:10px 25px;
    width: 257px;
    float:right;
}
span.trn_store{
    line-height:2;
    float:left;
}

.gcp_btn select{
    margin:0 10px 0 10px;
    float:left;
    width:142px;
}
a.table_btn{
    padding:3px 8px;
    margin-left:10px;
    float:left;
}

.requsts_filter{
    width:1180px
}
.requsts_filter label{
    line-height:23px;
}

.requsts_filter select{
    padding:2px;
}
.requsts_filter input{
    padding:2px;
}

.pay_d_active {
    float:right;
}
.pay_d_unactive {
    float:left;
}
.loader3 {
    position: fixed;
    top: 575px;
    left: 1015px;
    margin-left:-100px;
    width: 50px;
    height: 50px;
    -webkit-animation:spin 4s infinite ease;
    -moz-animation:spin 4s infinite ease;
}
.loader3 i { 
    border-style:solid;
    display:inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:4px dashed #fff;
    border-radius: 50px;
    -webkit-animation:scale 4s infinite linear;
    -moz-animation:scale 4s infinite linear;
    height: 50px;
    width: 50px;
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
    }
    25%{
        -webkit-transform:rotate(90deg);
    }
    50%{
        -webkit-transform:rotate(-90deg);
    }
    75%{
        -webkit-transform:rotate(180deg);
    }
    100%{
        -webkit-transform:rotate(-180deg);
    }
}
@-webkit-keyframes scale{
    0%{
        -webkit-transform:scale(1);
    }
    25%{
        -webkit-transform:scale(0.5);
    }
    50%{
        -webkit-transform:scale(1);
    }
    75%{
        -webkit-transform:scale(0.5);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes spin{
    0%{
        -moz-transform:rotate(0deg);
    }
    25%{
        -moz-transform:rotate(90deg);
    }
    50%{
        -moz-transform:rotate(-90deg);
    }
    75%{
        -moz-transform:rotate(180deg);
    }
    100%{
        -moz-transform:rotate(-180deg);
    }
}
@-moz-keyframes scale{
    0%{
        -moz-transform:scale(1);
    }
    25%{
        -moz-transform:scale(0.5);
    }
    50%{
        -moz-transform:scale(1);
    }
    75%{
        -moz-transform:scale(0.5);
    }
    100%{
        -moz-transform:scale(1);
    }
}
#js_loading_div {
    background:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    position:fixed;
    z-index:1000;
    display:none;
}
#js_loading_div h1 {
    font-size:85px;
    color:#fff;
    border-radius:0;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left:-200px;
    background:transparent;
    text-align:center;

}
.loader {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    font-size: 5em;
    color: transparent;
}

.loader span {
    text-shadow:
        0 0 2px rgba(204, 208, 212,0.9),
        0 15px 25px rgba(0, 0, 0, 0.3),
        0 -2px 3px rgba(0, 0, 0, 0.1),
        0 -5px 10px rgba(255, 255, 255, 0.5),
        0 5px 10px rgba(0, 0, 0, 0.3),
        0 3px 4px rgba(255, 255, 255, 0.2),
        0 0 20px rgba(255, 255, 255, 0.45);

    -webkit-animation: loading 1.2s ease-in-out infinite alternate;
    -moz-animation: loading 1.2s ease-in-out infinite alternate;
    -ms-animation: loading 1.2s ease-in-out infinite alternate;
    animation: loading 1.2s ease-in-out infinite alternate;
}

@-webkit-keyframes loading {
    to { text-shadow:
             0 0 2px rgba(204, 208, 212,0.2),
             0 0 3px rgba(0, 0, 0, 0.02),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(255, 255, 255, 0);}
}

@-moz-keyframes loading {
    to { text-shadow:
             0 0 2px rgba(204, 208, 212,0.2),
             0 0 3px rgba(0, 0, 0, 0.02),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(255, 255, 255, 0);}
}

@-ms-keyframes loading {
    to { text-shadow:
             0 0 2px rgba(204, 208, 212,0.2),
             0 0 3px rgba(0, 0, 0, 0.02),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes loading {
    to { text-shadow:
             0 0 2px rgba(204, 208, 212,0.2),
             0 0 3px rgba(0, 0, 0, 0.02),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(0, 0, 0, 0),
             0 0 0 rgba(255, 255, 255, 0),
             0 0 0 rgba(255, 255, 255, 0);}
}

.loader span:nth-child(2) {
    -webkit-animation-delay:0.2s;
    -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
    animation-delay:0.2s;
}
.loader span:nth-child(3) {
    -webkit-animation-delay:0.4s;
    -moz-animation-delay:0.4s;
    -ms-animation-delay:0.4s;
    animation-delay:0.4s;
}
.loader span:nth-child(4) {
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    animation-delay:0.6s;
}
.loader span:nth-child(5) {
    -webkit-animation-delay:0.8s;
    -moz-animation-delay:0.8s;
    -ms-animation-delay:0.8s;
    animation-delay:0.8s;
}
.loader span:nth-child(6) {
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    animation-delay:1s;
}
.loader span:nth-child(7) {
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    animation-delay:1.2s;
}



/*
#js_alert_div {
    background:rgba(0,0,0,.5);
        height:100%;
        left:0;
        margin:0;
        overflow:hidden;
        padding:0;
        position:fixed;
        top:0;
        width:100%;
        z-index:1000;
    display:none;
}

#js_alert_div div {
    background: #efefef;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    min-height: 200px;
    border: solid 2px white;
    margin:-150px 0 0 -150px;
}
*/
.js_package_order_change_quantity_div {
    display: none;
}

table.translation_table {
    width:1200px;
}

.warning_tr {
    background:#F16969;
}

.table_va_top td {
    vertical-align: top;
}

/* Clearfix hack */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}

.clearfix {
    zoom:1;
}

.gc_order_list_table_form select {
    width:146px
}

.gc_order_list_table_form table td {
    padding:5px 0;
}
.gc_order_list_table_form input[type="text"] {
    margin-right:20px;
    width:137px;
}

.card-list-form {
    background:#ddd;
    margin:10px 20px 0 0;
    padding:10px;
    min-height: 116px;
    border-radius:5px;
    -moz-box-shadow: 4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow: 4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow: 4px 4px 10px 1px rgba(119, 119, 119, 0.35);
}

/* .card-list-form select{
        width:100px;
} */

/* new styles */
/* user details, card order */
.table_n td { padding-right:5px; }
.td_table.wmh td { min-height: 24px; } /* with-min-height */
.td_table.wmh td p { white-space: nowrap; min-height: 24px; padding-right: 3px;} /* with-min-height */
.table_n td:last-child {padding-right:0;}

.table_n p.bold {margin-right:20px;}
.table_n  td:last-child p.bold {margin-right:0;}


.new_tabs {height: 26px;}
.new_tabs li {
    background:#fff;
    float:left;
}

.new_tabs li:first-child a { border-left:1px solid #e2e2e2;}

.new_tabs a, .new_tabs a.active {
    background:#e2e2e2;
    float:none;
    /*border-bottom:1px solid #ccc; */
    border-right:1px solid #ccc;
    border-left: 1px solid #fff;
}

.new_tabs a.active	{
    background:#fff;
    height:23px;
    color:#fc7019;
    height: 24px;
}

.tabs_bgr {
    background-color:#fff;
    border:1px solid #e2e2e2;

    padding: 0 20px 20px;
}

/* USER DETAILS */
.border-box {
    border: 1px dotted #f7951e;
    padding: 10px;
}

.account_info li {
    padding: 0 0 4px;
}

.account_info label {
    color: #888;
    display: inline-block;
    width: 125px;
}

/* translations */
.translation_table textarea {    
    float: left;
    width: 360px;
    margin: 10px 0;
    white-space: pre-wrap;
}

table.list.translation_table td	{
    padding: 10px 7px;
    vertical-align: top;
    font-size:13px;
}

/* corporate order add */
.corporate_order_card_table h4, .h4_table_top {
    background-color:#666;
    color:#fff;
    padding:3px;
    border-radius:5px 5px 0 0;
}

.row {
    width:100%;
    height:24px;
    margin-bottom: 10px;
}	

.row label {
    height:24px;
    line-height: 24px;
    display:inline-block;}

.row label.radio {width:150px;line-height: 25px;}

.row div label {width:50px;}

/* corporate order list */
.order_list_filter label, .sales_list_filter label {
    display:inline-block;
    width:80px;
    margin-right:10px;
}

.sales_list_filter label{ width:100px; }

.gc_order_list_table_form.order_list_filter td {padding:5px;}

.order_list_filter td.status label {
    margin-right: 28px;
    margin-top: 10px;
    vertical-align: middle;
    width:auto;}

.stores_filter label.checkb		{width:auto;}

.order_list_filter td.status label:first-child { width:84px;margin-right:5px;}

.gc_order_list_table_form.order_list_filter input.radio {vertical-align:baseline;}

.order_list_filter .btncontent1, .order_list_filter .btncontent {float:right;margin-top: 5px;}

.gc_order_list_table_form.order_list_filter input[type="text"] {
    margin-right: 0;
    width: 117px;
}

.gc_order_list_table_form.order_list_filter select { width: 126px;}

.gc_order_list_table_form.order_list_filter input.data_bg {background-position: 102px 3px;}

.add select.max_width {width:200px;}

/* edit welcome */
.add select.middle_width, .add input.middle_width[type="text"] {width:90px;}

/* new btn upload style */
.upload_field.new input {padding:0;height:24px;}
.upload_field.new .buttons_css_browse {
    background-color:#777;
    background-image:none;
    border-radius: 0 5px 5px 0;
    padding:0;
}

.upload_field.new .buttons_css_browse span{
    background:none;
    line-height: 24px;
}

/* top filter - stores/cards, web site list */

.top_filter_list td, .fix .top_filter_list td {padding:5px 20px 5px 5px;}
.top_filter_list td:last-child, .fix .top_filter_list td:last-child {padding-right:0;}
.fix .top_filter_list div label {margin-right:28px;}
.fix .top_filter_list div label:last-child {margin-right:0;}

.top_filter_list label {
    display:inline-block;
    width:80px;
    margin-right:10px;
}
.top_filter_list.sales label {width:90px;}

.top_filter_list label.checkb		{width:auto;}
.top_filter_list input[type="text"] {margin-right:0;}

/* history order status table */
.history_order_status, .notice_opened {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 7px 10px;
    -moz-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    box-shadow:4px 4px 10px 1px rgba(119, 119, 119, 0.35);
    -webkit-transition: width 3s ease-out;
    -moz-transition: width 3s ease-out;
    -o-transition: width 3s ease-out;
    transition: width 3s;
}

.history_order_status.black-list-history {
    max-width: 250px;
    -webkit-transition: width 3s ease-out;
    -moz-transition: width 3s ease-out;
    -o-transition: width 3s ease-out;
    transition: width 3s;
}

.history_order_status.opened, .notice_opened.opened {	
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
    width:370px;
    -webkit-transition: width 3s ease-out;
    -moz-transition: width 3s ease-out;
    -o-transition: width 3s ease-out;
    transition: width 3s;
}
.history_order_status.opened.black-list-history {
    width:auto;
    max-width:500px;
}

.notice_opened.opened, .notice_opened {width:296px;}

.history_order_status td, .history_order_status th { padding:3px 10px 3px 0;}
.history_order_status th {border-bottom:1px solid #ccc;}
.history_order_status td:last-child, .history_order_status th:last-child{padding-right:0;}

.history_order_status .fa {font-size:15px;}

.history_order_status table {text-align:left;}	

.status_style.new {margin-left:5px;}

.second_topmenu.font_awesome a .fa{
    font-size: 18px;
    vertical-align: bottom;}

.history_inpage_table {
    border: 1px solid #ccc;
    border-radius:5px;
    padding: 5px;
}		

.history_inpage_table td, .history_inpage_table th {
    padding: 5px;
}

.add_service_label label, .add .add_currencies_label label {
    width: 100%;
    min-width:100px;
    display:inline-block;
    margin-right:10px;
    white-space: nowrap;
    vertical-align: middle;
}

.add .add_currencies_label label {width:140px;}

.add .add_service_label input[type="text"] {width:180px;}

.add .add_service_label select {width:190px;}

.add .add_currencies_label input[type="text"] {width:80px;text-align:right;}

.second_nav_fa {    
    margin-left: 16px !important;
    margin-top: 5px !important;

}

.second_nav_fa i {
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.second_nav_fa.second_topmenu_a_hover {color: #fc7019 !important;}

.min_second_menu .under_topmenu {height: 15px;}

.add .wide_input_width  input[type="text"], .add .wide_input_width textarea {width: 210px;}
.add .wide_input_width select {width:220px;}


.price-table {background-color:#fff; text-align:left;}
.price-table td , .price-table th {padding:3px 10px;}
.price-table input {text-align:right;}

.filter_row {	background-color:#f0f0f0;padding:10px;}

table.list th.grey-light {
    background-color: #888;
    font-weight: bold;
    font-size: 12px;
}

.white-container {
    background-color:#fefefe;
    padding:10px 20px;
    border-radius: 5px;
}


.error_mb .message-box.error {margin-bottom:10px;}

.cardImage { max-width: 350px; }
/* video message */
.history_video_status {background-color:#fff;padding: 7px 10px;margin-top:10px; border: 1px solid #ccc; border-radius: 5px;display:none;}
.history_video_status table { text-align: left;}
.history_video_status td, .history_video_status th { padding: 3px 10px 3px 0;}
.history_video_status th { border-bottom: 1px solid #ccc;}
.video-messsage video {width:100%;}
.border-notice { border-top: 1px dotted #aaa; padding-top: 10px;	}
.approve-btn {background-color:#0fad55;background-image: none;}
.approve-btn:hover {background-color:#4bca83;background-image: none;}
.video-messsage .fa {color:#fff;}

/* popup window */
.video-preview {display:none;}
.opacity-raster {
    background: rgba(0, 0, 0, 0) url("../../img/site/bg/gc_raster.png") repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 550;
}
.popup_box {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    margin-left: -405px;
    padding: 20px;
    position: absolute;
    right: 50%;
    top: 40px;
    width: 870px;
    z-index: 600;
}

.popup_box.admin-popup {
    position: fixed;
    top: 40px;
    left: 50%;
    transform: translateX(50%);
    background: #fff;
    width: 370px;
    z-index: 1600;
    padding: 20px;
    border-radius: 10px;
}

.popup_box h2 {
    color: #fc7c0b;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
}

.popup_box.admin-popup h2 {
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif, Verdana, Tahoma;
    font-weight: normal;
    color: #000;
    padding: 3px;
    font-size: 20px;
    color: #666;
}

.popup_box .form {
    background-color: #f3f3f3;
    padding: 20px;
}

.vc-img {max-width:200px;}

.vcard-message {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;     /* fallback */
    max-height: 32px;      /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

#popup_container.iframe {
    top: 50%;
    left: 50%;
    display: none;
    width: 1024px;
    height: 600px;
    z-index: 1001;
    max-width: 1024px;
    position: absolute;
    margin-top: -300px;
    margin-left: -512px;
}

#popup_container.iframe iframe {
    border: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

#popup_container.iframe #popup_content {
    padding: 0;
    background: none;
    min-height: 100%;
}

#popup_container.iframe #popup_message {
    padding: 0;
}

#popup_container .iframe-close {
    right: 0;
    bottom: -35px;
    position: absolute;
}
/* standart view @corporate orders */
.views-link, .views-link .fa {
    font-size: 15px;
    font-weight:400;
}
.views-link {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-right:10px;
}

select.change-view-select {
    height: 33px;
}

.views-link:hover, .views-link.colorgreen {
    color: #2e9700;
    border-color: #888;
}
.bnt-pay-selected .fa {
    color:#fff;  
}

#multiple-actions .popup_box {
    max-height: 90%;
    overflow-y: scroll;
    position: fixed;
} 

.d_none { display: none; }
.d_block { display: block; }
.d_inline-block { display: inline-block; }
/* admin Orders/Closure GC/Edit Card Closure Request */
.dataTables_filter, .dataTables_length {
    margin-top: 10px;
    margin-bottom: 10px;
}
.dataTables_length select, .dataTables_filter input {
    height: 30px;
    width: 70px;
}
.dataTables_filter input {
    width:200px;
    border: 1px solid #c2c0c5;
    padding: 4px 3px 3px 4px !important;

}

#listUsers label {
    width: 80px;
    margin-left: 15px;
    text-align: right;
    display: inline-block;
}

#listUsers tr.devider {
    height: 5px;
}
/* ============= NEW STYLES 2019 ============== */
/* --- CRM PERSONAL VERIFICATION --- */
/* FILTER @ TOP OF THE LISTS */
.form_wrapper .filter-new {
    width:100%;
}
.form_wrapper .filter-new label:first-child {
    display: block !important;
    text-align: left !important;
    width:auto !important;
    margin-left: 0 !important;
}
.form_wrapper .filter-new td {
    padding: 3px 5px;
}
/* commons */
.va-bottom {
    vertical-align: bottom;  
}
.inline-block {
    display: inline-block;
}
.text-align-right {
    text-align: right;
}
textarea.one-row-area {
    height: 15px;
}
.add select.w-100pr, .add textarea.w-100pr {
    width:100%;
}
.page-divider {
    background-color: #666;
    padding: 3px 7px;
    margin: 20px 20px 10px;
}
.page-divider h3 {
    color:#fff;
    text-shadow:none;
}

.icon-info {
    width: 18px;
    height: 18px;
    background: url('../../img/admin/icons/info.png') no-repeat;
}

#addScheduleTask label {
    width: 100px;
    display: inline-block;
}

#addScheduleTask input,
#addScheduleTask select {
    width: 250px;
}


/* modal styles */

/* .modal-admin-preview {
    position: absolute;
    background-color: #fff;
    /* margin: 30px; 
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #666666;

    top: 0;
    left: 94px;

} */