/**

Author : Prayogi
Make With Love

=====================================

Having Fun Guys

*/
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,
tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-style: normal;
}
img,
object,
embed,
video,
iframe {
    /*    width: auto;
        max-width: 100%;*/
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-hovered {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-hovered tbody tr {
    background: #FFF;
    cursor: pointer;
}
.table-hovered tbody tr:hover {
    background: #F0F0F0;
    cursor: pointer;
}

img {
    border: 0 none;
}
body {
    background: #F1F2F2;
    color: #333;
    font-size: 0.875em;
    line-height: 1.5em;
    /*    font-family: Helvetica, Arial, Tahoma, sans-serif;*/
    font-family: Myriad Pro;
}
a {
    color: #336699;
    text-decoration: none;
}
a:hover {
    color: #19334d;
    text-decoration: underline;
}
.container {
    margin: 0 auto;
    width: 940px;
}
.container-top-navigation {
    /*    margin: 0 auto;
        background: black;
        height: 60px;
        text-align: center;*/
    top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 55px;
    background: #fff;
    display: block;
}
*:focus{
    outline: none;
}
/*GRID*/
.row {
    width: 100%;
}
.row:before, .row:after{
    clear: both;
    content: "";
    display: table;
}
.row > .col{
    float: left;
}
.active{
    outline: none;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333 !important;
    text-shadow: 0 1px 0 #FFFFFF;
    border-top: 0px solid #F7941E;
}
.active_slider{
    background: none repeat scroll 0 0 transparent !important;
}

.row > .lcol{
    float: left;
}
.row > .rcol{
    float: right;
}
.row > .centercol{
    float: none !important;
    margin: 0 auto;
}



[class*="col-"] {
    float: left;
    padding: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.w10{ width : 10%;}
.w20{ width : 20%;}
.w30{ width : 30%;}
.w40{ width : 40%;}
.w45{ width : 45%;}
.w50{ width : 50%;}
.w60{ width : 60%;}
.w65{ width : 67%;}
.w70{ width : 70%;}
.w80{ width : 80%;}
.w90{ width : 90%;}
.w100{ width : 100%;}

/*MARGIN & PADDING*/
.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}
.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}
.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}
.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}
.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}
.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}
.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}

.floatright{
    float : right;
}
.floatleft{
    float : left;
}
.clear{
    clear: both;
}

.pointer{
    cursor: pointer;
}

.f8{font-size: 8px;}.f10{font-size: 10px;}.f11{font-size: 11px;}
.f12{font-size: 12px;}.f13{font-size: 13px;}.f14{font-size: 14px;}
.f16{font-size: 16px;}.f18{font-size: 18px;}.f20{font-size: 20px;}
.f22{font-size: 22px;}.f24{font-size: 24px;}.f26{font-size: 24px;}
.normal {
    font-weight: normal;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}

button,
input,
select,
textarea {
    margin: 0;
}
textarea {
    overflow: auto;
}

button {
    width: auto;
    overflow: visible;
}

input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
    font-size: 110%;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
    margin-top: 5px;
}
.width-label{
    width: 99% !important
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    font-size: 13px;
}
input[type="text"].w100,
input[type="password"].w100,
input[type="email"].w100,
textarea.w100 {
    width: 96%;
}
input[type="radio"],
input[type="checkbox"] {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea, select {
    position: relative;
    z-index: 2;
    /*    font-family: Helvetica, Arial, Tahoma, sans-serif;*/
    font-family: Myriad Pro;
    height: 20px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 2px 5px;
    background-color: white;
    color: #333;
    font-size: 13px;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: border 0.3s ease-in;
    -moz-transition: border 0.3s ease-in;
    -ms-transition: border 0.3s ease-in;
    -o-transition: border 0.3s ease-in;
    transition: border 0.3s ease-in;
}
select{
    padding: 2px 3px;
    height: 26px;
}
textarea {
    line-height: 1.4em;
    height: 60px;
}
/* Errors and Success */
.error,
.success {
    margin-left: 5px;
    font-weight: normal;
    font-size: 0.85em;
}
input.input-error,
textarea.input-error,
select.input-error,
.input-error {
    border-color: #da3e5a;
    box-shadow: 0 0 0 2px rgba(218, 62, 90, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-success,
textarea.input-success,
select.input-success,
.input-success {
    border-color: #18a011 ;
    box-shadow: 0 0 0 2px rgba(24, 160, 17, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-gray,
textarea.input-gray,
select.input-gray,
.input-gray {
    border-color: #ccc;
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input:focus,
textarea:focus {
    outline: none;
    border-color: #5ca9e4;
    box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-search {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0;
    border-radius: 15px;
}
.input-append,
.input-prepend {
    display: inline-block;
    background-color: #eee;
    height: 23px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 1px 8px;
    color: #333;
    font-size: 14px;
    line-height: 23px;
}
.input-prepend {
    margin-right: -1px;
}
.input-append {
    position: relative;
    z-index: 1;
    margin-left: -1px;
}
input[type="submit"],input[type="reset"], input[type="button"], button .btn {
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
    border: 1px solid #dadada;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom-color: #a9a9a9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-shadow: 0 1px 0px #ffffff;
    color: #000;
}
input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover, .btn:hover {
    filter: none;
    background: none;
    background: #eee;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
/* Active  */
.btn-big.btn-active,
.btn-big.btn-active:hover {
    padding: 11px 25px;
}
.btn-active,
.btn-active:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset;
    color: #555;
    border: none;
    background: none;
    filter: none;
    background-color: #ddd;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
    padding: 7px 17px 8px 17px;
}
.btn-small {
    padding: 4px 12px;
    font-size: 11px;
}
.btn-small.btn-active {
    padding: 5px 12px;
}
.btn-big {
    padding: 10px 24px;
    font-size: 20px;
}
.btn-square {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.btn-round {
    border-radius: 15px;
    border-radius: 0 \0;
}
.btn-full {
    width: 100%;
}
.btn-group {
    display: inline-block;
    margin-right: 2px;
    vertical-align: bottom;
}
.btn-group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.btn-group > .btn,
.btn-group > input {
    float: left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-left: -1px;
}
.btn-group > .btn:first-child {
    border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child {
    border-radius: 0 4px 4px 0;
}
.btn-group > .btn.btn-round:first-child,
.btn-group > .input-search:first-child {
    border-radius: 15px 0 0 15px;
}
.btn-group > .btn.btn-round:last-child,
.btn-group > .input-search:last-child {
    border-radius: 0 15px 15px 0;
}
.btn-append {
    margin-left: -2px;
    border-radius: 0 4px 4px 0;
}
.btn.disabled,
.btn[disabled] {
    border: none;
    filter: none;
    background: none;
    background-color: #e9e9e9;
    opacity: 0.6;
    cursor: default;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

input.width-100 {
    width: 98.6%;
}
textarea.width-100 {
    width: 99.4%;
}
select.width-100 {
    width: 99.4%;
}

.form-horizontal {
    width: 100%;
}
.form-horizontal .form-field {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}
.form-horizontal .form-field:after, .form-horizontal .form-field:before {
    clear: both;
    content: "";
    display: block;
}
.form-field .form-label {
    float: left;
    width: 90px;
    display: block;
    margin-right: 10px;
}
.form-field .form-input {
    float: left;
}

@-moz-document url-prefix("http://") {
    input[type=submit].btn::-moz-focus-inner,
    button.btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
}

.text-centered {
    text-align: center;
}
.uppercase {
    text-transform: uppercase;
}
.nowrap {
    white-space: nowrap;
}
.clear {
    clear: both;
}

.black {
    color: #000000;
}
.gray-dark {
    color: #555555;
}
.gray {
    color: #777777;
}
.gray-light {
    color: #999999;
}
.white {
    color: #ffffff;
}
.red, .msg-error,
.error {
    color: #da3e5a;
}
.green,
.success {
    color: #18a011;
}
a.white:hover {
    color: #d9d9d9;
    color: rgba(255, 255, 255, 0.8);
}
a.green:hover,
a.red:hover,
a.error:hover {
    color: #000000;
}
.table th {
    font-weight: bold;
    padding: 5px;
    text-align: left;
    color: #fff;
    background: #3F3D3D;

}
.table {
    width: 100%;
}
.table tr th:first-child{
    border-top-left-radius: 3px;
}
.table tr th:last-child{
    border-top-right-radius: 3px;
}
.table td {
    padding: 5px;
}
.table tr {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
}
.table tr:nth-child(2n+1) {
    background: #fff;
}

.popup {
    background: transparent;
    left: 0;
    position: fixed;
    right: 0;
    top: 97px;
    width: 100%;
    z-index: 1000;
    display: none;
}
.popup-content {
    margin: 0 auto;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    border: 3px solid #eee;
}
.bg-popup {
    background: rgba(0, 0, 0, 0.08);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    display: none;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/icons_1.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.icon-glass{background-position:0 0}
.icon-music{background-position:-24px 0}
.icon-search{background-position:-48px 0}
.icon-envelope{background-position:-72px 0}
.icon-heart{background-position:-96px 0}
.icon-star{background-position:-120px 0}
.icon-star-empty{background-position:-144px 0}
.icon-user{background-position:-168px 0}
.icon-film{background-position:-192px 0}
.icon-th-large{background-position:-216px 0}
.icon-th{background-position:-240px 0}
.icon-th-list{background-position:-264px 0}
.icon-ok{background-position:-288px 0}
.icon-remove{background-position:-312px 0}
.icon-zoom-in{background-position:-336px 0}
.icon-zoom-out{background-position:-360px 0}
.icon-off{background-position:-384px 0}
.icon-signal{background-position:-408px 0}
.icon-cog{background-position:-432px 0}
.icon-trash{background-position:-456px 0}
.icon-home{background-position:0 -24px}
.icon-file{background-position:-24px -24px}
.icon-time{background-position:-48px -24px}
.icon-road{background-position:-72px -24px}
.icon-download-alt{background-position:-96px -24px}
.icon-download{background-position:-120px -24px}
.icon-upload{background-position:-144px -24px}
.icon-inbox{background-position:-168px -24px}
.icon-play-circle{background-position:-192px -24px}
.icon-repeat{background-position:-216px -24px}
.icon-refresh{background-position:-240px -24px}
.icon-list-alt{background-position:-264px -24px}
.icon-lock{background-position:-287px -24px}
.icon-flag{background-position:-312px -24px}
.icon-headphones{background-position:-336px -24px}
.icon-volume-off{background-position:-360px -24px}
.icon-volume-down{background-position:-384px -24px}
.icon-volume-up{background-position:-408px -24px}
.icon-qrcode{background-position:-432px -24px}
.icon-barcode{background-position:-456px -24px}
.icon-tag{background-position:0 -48px}
.icon-tags{background-position:-25px -48px}
.icon-book{background-position:-48px -48px}
.icon-bookmark{background-position:-72px -48px}
.icon-print{background-position:-96px -48px}
.icon-camera{background-position:-120px -48px}
.icon-font{background-position:-144px -48px}
.icon-bold{background-position:-167px -48px}
.icon-italic{background-position:-192px -48px}
.icon-text-height{background-position:-216px -48px}
.icon-text-width{background-position:-240px -48px}
.icon-align-left{background-position:-264px -48px}
.icon-align-center{background-position:-288px -48px}
.icon-align-right{background-position:-312px -48px}
.icon-align-justify{background-position:-336px -48px}
.icon-list{background-position:-360px -48px}
.icon-indent-left{background-position:-384px -48px}
.icon-indent-right{background-position:-408px -48px}
.icon-facetime-video{background-position:-432px -48px}
.icon-picture{background-position:-456px -48px}
.icon-pencil{background-position:0 -72px}
.icon-map-marker{background-position:-24px -72px}
.icon-adjust{background-position:-48px -72px}
.icon-tint{background-position:-72px -72px}
.icon-edit{background-position:-96px -72px}
.icon-share{background-position:-120px -72px}
.icon-check{background-position:-144px -72px}
.icon-move{background-position:-168px -72px}
.icon-step-backward{background-position:-192px -72px}
.icon-fast-backward{background-position:-216px -72px}
.icon-backward{background-position:-240px -72px}
.icon-play{background-position:-264px -72px}
.icon-pause{background-position:-288px -72px}
.icon-stop{background-position:-312px -72px}
.icon-forward{background-position:-336px -72px}
.icon-fast-forward{background-position:-360px -72px}
.icon-step-forward{background-position:-384px -72px}
.icon-eject{background-position:-408px -72px}
.icon-chevron-left{background-position:-432px -72px}
.icon-chevron-right{background-position:-456px -72px}
.icon-plus-sign{background-position:0 -96px}
.icon-minus-sign{background-position:-24px -96px}
.icon-remove-sign{background-position:-48px -96px}
.icon-ok-sign{background-position:-72px -96px}
.icon-question-sign{background-position:-96px -96px}
.icon-info-sign{background-position:-120px -96px}
.icon-screenshot{background-position:-144px -96px}
.icon-remove-circle{background-position:-168px -96px}
.icon-ok-circle{background-position:-192px -96px}
.icon-ban-circle{background-position:-216px -96px}
.icon-arrow-left{background-position:-240px -96px}
.icon-arrow-right{background-position:-264px -96px}
.icon-arrow-up{background-position:-289px -96px}
.icon-arrow-down{background-position:-312px -96px}
.icon-share-alt{background-position:-336px -96px}
.icon-resize-full{background-position:-360px -96px}
.icon-resize-small{background-position:-384px -96px}
.icon-plus{background-position:-408px -96px}
.icon-minus{background-position:-433px -96px}
.icon-asterisk{background-position:-456px -96px}
.icon-exclamation-sign{background-position:0 -120px}
.icon-gift{background-position:-24px -120px}
.icon-leaf{background-position:-48px -120px}
.icon-fire{background-position:-72px -120px}
.icon-eye-open{background-position:-96px -120px}
.icon-eye-close{background-position:-120px -120px}
.icon-warning-sign{background-position:-144px -120px}
.icon-plane{background-position:-168px -120px}
.icon-calendar{background-position:-192px -120px}
.icon-random{width:16px;background-position:-216px -120px}
.icon-comment{background-position:-240px -120px}
.icon-magnet{background-position:-264px -120px}
.icon-chevron-up{background-position:-288px -120px}
.icon-chevron-down{background-position:-313px -119px}
.icon-retweet{background-position:-336px -120px}
.icon-shopping-cart{background-position:-360px -120px}
.icon-folder-close{width:16px;background-position:-384px -120px}
.icon-folder-open{width:16px;background-position:-408px -120px}
.icon-resize-vertical{background-position:-432px -119px}
.icon-resize-horizontal{background-position:-456px -118px}
.icon-hdd{background-position:0 -144px}
.icon-bullhorn{background-position:-24px -144px}
.icon-bell{background-position:-48px -144px}
.icon-certificate{background-position:-72px -144px}
.icon-thumbs-up{background-position:-96px -144px}
.icon-thumbs-down{background-position:-120px -144px}
.icon-hand-right{background-position:-144px -144px}
.icon-hand-left{background-position:-168px -144px}
.icon-hand-up{background-position:-192px -144px}
.icon-hand-down{background-position:-216px -144px}
.icon-circle-arrow-right{background-position:-240px -144px}
.icon-circle-arrow-left{background-position:-264px -144px}
.icon-circle-arrow-up{background-position:-288px -144px}
.icon-circle-arrow-down{background-position:-312px -144px}
.icon-globe{background-position:-336px -144px}
.icon-wrench{background-position:-360px -144px}
.icon-tasks{background-position:-384px -144px}
.icon-filter{background-position:-408px -144px}
.icon-briefcase{background-position:-432px -144px}
.icon-fullscreen{background-position:-456px -144px}

ul.navigation:after, ul.navigation:before {
    clear: both;
    content: "";
}
ul.navigation li {
    list-style: none;
    float: left;
    margin: 0 !important;
}
ul.navigation li a, ul.navigation li span, ul.navigation li.until {
    text-decoration: none;
    padding: 8px 12px;
    margin: 0px 1px;
}
ul.navigation li a {
    background: #FFFFFF;
    color: #58595B !important;
    border-radius: 0.3em;
    border: 1px solid #58595B;
    font-family: arial;
    padding: 7px 11px;
}
ul.navigation li a:hover {
    box-shadow: 0 1px 0 #eee inset, 0 0 1px #ddd inset;
}
ul.navigation li span {
    background: #333;
    color: #fff;
    box-shadow: 0 1px 2px #888 inset, 0 0 1px #ccc inset;
    border-radius: 0.3em;
}
ul.navigation {
    clear: both;
    display: table;
    margin: 10px 0px;
}
ul.navigation li.until {
    padding: 7px 6px 0px;
}
.footerclass_new{
    text-align: center;
    font-family: verdana;
    font-size: 12px;
    margin-top: 10px;
    border-top: 1px solid #B6AEAE;
    padding-top: 10px;
    /* background: white; */
    background: #33363B;
    color: white;
    height: 40px;
}
.customRightMenu{
    position: fixed;
    z-index: 5000;
}
.customRightMenu ul{
    margin: 0px;
    /* padding: 4px 0; */
    list-style: none;
    min-width: 160px;
    white-space: nowrap;
    background: rgb(255, 255, 255);
    /* padding: 10px; */
    border: 1px solid #BDE7F7;
    box-shadow: 0px 0px 8px 1px #DDDDDD;
    border-radius: 0.3em;
    z-index: 50000;
    padding-left: 0;
}
.customRightMenu ul li{
    padding: 7px;
    border-bottom: 1px solid #0C4C6B;
    font-size: 14px;
}
.customRightMenu ul li:hover{
    padding: 7px;
    border-bottom: 1px solid #0C4C6B;
    font-size: 14px;
    background: rgb(197, 236, 237);
    color: white;
    border-radius: 0.3em;
}
.customRightMenu ul li a{
    color: rgb(0, 0, 0);
    display: block;
    font-family: verdana;
    font-size: 12px;
    text-decoration: none;
}
.customRightMenu ul li span{
    vertical-align: -webkit-baseline-middle;
    font-size: 14px;
}
.customRightMenu ul li:last-child{
    padding: 7px;
    border-bottom: 0px solid #FFF;
    font-size: 14px;
}
.customRightMenu ul li table{
    color: #252424;
}
.page-header{
    /*font-size: 20px;*/
    /*margin-bottom: 15px;*/
    /*border-bottom: 1px solid #ccc;*/
    padding-bottom: 35px;
}

.page-header.centered{
    text-align: center;
}
.group{

}
.group .form-group{

}
.group .form-group label{
    display: block;
}

.group .form-group input,textarea{
    padding: 6px;
    width: 99%;
    margin-bottom: 15px;
    border: 1px solid #808285;
}
.add_folder_media_btn{
    background: #1C75BC;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    width: 132px;
    color: white;
    text-align: center;
    border: 1px solid #D1D3D4;
    border-radius: 0.2em;
    text-decoration: none;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
}

.add_folder_media_btn:hover{
    color: white;
    text-decoration: none;
    box-shadow: 0px 0px 4px 4px #B5B5B5;
    -transition : box-shadow 0.3s;
    -webkit-transition : box-shadow 0.3s;
    -moz-transition : box-shadow 0.3s;
}

.area_drag_images{
    background: #EEF5FF;
    border: 1px dashed #807F7F;
    width: 157px;
}
.area_drag_images:hover{
    background: #DDEBFF;
}
.area_drag_images section{
    font-weight: bold;
    font-size: 15px;
    /*    display: none;*/
}

.area_drag_images_banner{
    background: #EEF5FF;
    padding: 10px;
    border: 1px dashed #807F7F;
}
.area_drag_images_banner:hover{
    background: #DDEBFF;
}
.area_drag_images_banner section{
    font-weight: bold;
    font-size: 15px;
}

.area_drag_images:hover > section {
    display: block;
}

.area_drag_images_mobile{
    background: #EEF5FF;
    padding: 2px;
    border: 1px dashed #807F7F;
    width: 52px;
}
.area_drag_images_mobile:hover{
    background: #DDEBFF;
}
.area_drag_images_mobile section{
    font-weight: bold;
    font-size: 15px;
}
.area_drag_images_mobile:hover > section {
    display: block;
}


.save_media{
    background: #2BB673;
    padding: 7px;
    border-radius: 0.3em;
    color: rgb(255, 255, 255);
    border: 1px solid #D1D3D4;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 50px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    text-shadow: none;
}

.save_media:hover{
    text-decoration: none;
    background: #09A258;
    color: white;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.edit_media{
    background: rgb(79, 157, 223);
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    border: 1px solid #ccc;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 38px;
    box-shadow: 0px 0px 4px 0px #ccc;
    margin-left: 7px;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.edit_media:hover{
    text-decoration: none;
    background: rgb(244, 244, 244);
    color: rgb(5, 5, 5);
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.hapus_media{
    background: #d9534f;
    padding: 7px;
    border-radius: 0.3em;
    color: rgb(255, 255, 255);
    border: 1px solid #D1D3D4;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 50px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    text-shadow: none;
}

.hapus_media:hover{
    border-color: #ac2925;
    text-decoration: none;
    color:#fff;
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.hapus_sub_media{
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 38px;
    margin-left: 7px;
    text-decoration: none;
}

.hapus_sub_media:hover{
    text-decoration: none;
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.add_more_images_product{
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    display: inline-block;
    padding: 5px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    vertical-align: middle;
}

.add_more_images_product:hover{
    text-decoration: none;
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.add_more_images_product_no_ajax{
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    display: inline-block;
    padding: 5px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    vertical-align: middle;
}

.add_more_images_product_no_ajax:hover{
    text-decoration: none;
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.drag_drop_files_popup{
    margin-bottom: 10px;
    padding: 10px;
    color: #ADADAD;
    padding: 2%;
    font-size: 29px;
    background: #FEFBE3;
    margin-top: 10px;
    border: 3px dashed #ccc;
}

.drag_drop_files_popup:hover{
    text-decoration: none;
    background: #F7F0CB;
    color: black;
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.drag_drop_files_popup.active{
    text-decoration: none;
    background: rgb(66, 139, 202);
    color: rgb(255, 255, 255);
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.header_popup_admin{
    display: block;
    text-align: left;
    margin: 0 auto;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.save_media_shortcut{
    background: rgb(79, 157, 223);
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    border: 1px solid #ccc;
    width: 50px !important;
    display: inline-block;
    padding: 5px;
    width: 38px;
    box-shadow: 0px 0px 4px 0px #ccc;
    margin-left: 7px;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.save_media_shortcut:hover{
    text-decoration: none;
    background: rgb(244, 244, 244);
    color: rgb(5, 5, 5);
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.save_on_click{
    background: rgb(79, 157, 223);
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    border: 1px solid #ccc;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 47px;
    box-shadow: 0px 0px 4px 0px #ccc;
    margin-left: 7px;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.save_on_click:hover{
    text-decoration: none;
    background: rgb(244, 244, 244);
    color: rgb(5, 5, 5);
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.save_mc_shortcut{
    background: rgb(79, 157, 223);
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    border: 1px solid #ccc;
    width: 100px;
    display: inline-block;
    padding: 5px;
    width: 48px;
    box-shadow: 0px 0px 4px 0px #ccc;
    margin-left: 7px;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.save_mc_shortcut:hover{
    text-decoration: none;
    background: rgb(244, 244, 244);
    color: rgb(5, 5, 5);
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.open_folder_sc{
    padding: 7px;
    border-radius: 0.3em;
    color: rgb(5, 5, 5);
    width: 100px;
    padding: 5px;
    width: 38px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.open_folder_sc:hover{
    text-decoration: none;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.delete_folder{
    padding: 7px;
    border-radius: 0.3em;
    color: rgb(255, 255, 255);
    width: 100px;
    padding: 5px;
    width: 38px;
    margin-left: 7px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.delete_folder:hover{
    text-decoration: none;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.select_cover{
    background: rgb(79, 157, 223);
    padding: 7px;
    border-radius: 0.3em;
    color: white;
    border: 1px solid #ccc;
    width: 120px;
    display: inline-block;
    padding: 5px;
    width: 38px;
    box-shadow: 0px 0px 4px 0px #ccc;
    margin-left: 7px;
    text-decoration: none;
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.select_cover:hover{
    text-decoration: none;
    background: rgb(244, 244, 244);
    color: rgb(5, 5, 5);
    -transition : background 0.3s;
    -webkit-transition : background 0.3s;
    -moz-transition : background 0.3s;
}

.select_cover.active{
    text-decoration: none;
    background: rgb(91, 191, 49);
    color: rgb(255, 255, 255);
    -transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    display: block;
    width: 65px;
    color: white !important;
    text-shadow: none;
}

#holder { border: 10px dashed #ccc; width: 300px; min-height: 300px; margin: 20px auto;}
#holder.hover { border: 10px dashed #0c0; }
#holder img { display: block; margin: 10px auto; }
#holder p { margin: 10px; font-size: 14px; }
progress { width: 100%; }
/*progress:after { content: '%'; }*/
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}
.add_images_new{
    padding: 7px;
    display: block;
    background: #1C75BC;
    width: 150px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #D1D3D4;
    border-radius: 0.3em;
    color: white;
    text-decoration: none;
}
.add_images_new:hover{
    padding: 7px;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
    border-radius: 0.3em;
    color: white;
    text-decoration: none;
}

progress[value]::-webkit-progress-value {
    background-image:
        -webkit-linear-gradient(-45deg, 
        transparent 33%, rgba(0, 0, 0, .1) 33%, 
        rgba(0,0, 0, .1) 66%, transparent 66%),
        -webkit-linear-gradient(top, 
        rgba(255, 255, 255, .25), 
        rgba(0, 0, 0, .25)),
        -webkit-linear-gradient(left, #09c, #f44);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

progress[value]::-webkit-progress-value::before {
    position: absolute;
    right: 0;
    top: -125%;
}

progress[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
}


.frame_autocomplete{
    position: absolute;
    background: rgb(240, 237, 237);
    width: 50%;
    border: 1px solid #ccc;
    margin-left: 30px;
    text-align: left;
    overflow: auto;
}
.selected {
    background: #faa;
}
.frame_autocomplete ul{
    list-style: none;
}
.frame_autocomplete ul li{
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 4px 5px;
    cursor: pointer;
}
.frame_autocomplete ul li:hover{
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 4px 5px;
    background: rgb(0, 210, 218);
}

.button_show_detil_media{
    display: block;
    width: 163px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #616161;
    color: white;
    padding: 4px;
    border-radius: 0.3em;
    border: 1px solid #000;
    cursor: pointer;
}
.button_show_detil_media:hover{
    display: block;
    width: 163px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #A0A0A0;
    color: white;
    padding: 4px;
    border-radius: 0.3em;
    border: 1px solid #000;
    cursor: pointer;
    text-decoration: none;
}
.button_show_detil_media:active{
    display: block;
    width: 163px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #616161;
    color: white;
    padding: 4px;
    border-radius: 0.3em;
    border: 1px solid #000;
    cursor: pointer;
}

.accept_transaksi{
    padding: 4px !important;
    text-align: center !important;
    background: #418800 !important;
    color: white !important;
    border: 1px solid #000 !important;
    font-size: 12px !important;
    border-radius: 0.3em !important;
    text-shadow: none !important;
}
.accept_transaksi:hover{
    text-decoration: none !important;
    color: white !important;
    background: #2D2D2D !important;
}

.cancel_transaksi{
    padding: 4px !important;
    text-align: center !important;
    background: #C50000 !important;
    color: white !important;
    border: 1px solid #000 !important;
    font-size: 12px !important;
    border-radius: 0.3em !important;
}
.cancel_transaksi:hover{
    text-decoration: none !important;
    color: white !important;
    background: #2D2D2D !important;
}
.frame_uploader{
    padding: 10px;
    background: #FFC800;
    margin-bottom: 10px;
    text-align: center;
}
.select_images_product_mobile{
    padding: 10px !important;
    background: #EEF5FF !important;
    border: 1px dashed  !important;
    display: none;
}
.select_images_sub_product_mobile{
    padding: 10px !important;
    background: #EEF5FF !important;
    border: 1px dashed  !important;
    display: none;
}
.chosee_images_mobile{
    padding: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: rgb(69,72,77); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

    border: 1px dashed;
    display: block;
    color: white;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px !important;
}
.chosee_images_mobile:hover{
    padding: 4px;
    background: #505050;
    border: 1px dashed;
    display: block;
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.chosee_sub_images_mobile{
    padding: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: rgb(69,72,77); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

    border: 1px dashed;
    display: block;
    color: white;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px !important;
}
.chosee_sub_images_mobile:hover{
    padding: 4px;
    background: #505050;
    border: 1px dashed;
    display: block;
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.p_mobile_title{
    font-size: 12px !important;
}
.btn-status-product{
    padding: 6px !important;
    font-size: 12px !important;
    border-radius: 0.2em !important;
}
.show_images_default{
    display: block;
}
.hide_images_default{
    display: none;
}

.area_drag_images_mobile img{
    width: 100% !important;
}
.table_mobile th{
    font-weight: bold !important;
    background: #333333 !important;
    padding: 2px 8px !important;
}
.table_desktop th{
    font-weight: 100 !important;
    background: #333333 !important;
    padding: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.table_template td{
    padding: 40px;
    text-align: center;
}
.table_template td p{
    font-style: italic;
}
.table_template td a.link_preview{
    background: #E6E7E8;
    padding: 10px;
    color: black;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    margin-right: 20px;
    text-decoration: none;
}
.table_template td a.link_preview:hover{
    background: #909090;
    padding: 10px;
    color: white;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    margin-right: 20px;
    text-decoration: none;
}
.table_template td a.link_activated{
    background: #2BB673;
    padding: 10px;
    color: white;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #D1D3D4;
    border-radius: 0.3em;
    margin-right: 20px;
    text-decoration: none;
}
.table_template td a.link_activated:hover{
    background: #2BB673;
    padding: 10px;
    color: white;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #D1D3D4;
    border-radius: 0.3em;
    margin-right: 20px;
    text-decoration: none;
}
.table_template td a.is_activated{
    padding: 10px;
    color: black;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0.3em;
    margin-right: 20px;
    text-decoration: none;
}
.page-header-mobile{
    padding: 10px;
    padding-left: 0px;
}
.page-header-mobile h1{
    margin-top: -14px;
    font-family: arial;
    font-size: 15px;
}
.awesome_upload_canvas.mobile_version{
    padding: 5px;
}
.edit_category_name{

}
.form-group-mobile{
    margin-bottom: 15px;
}
.form-group-mobile label{
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    font-family: arial;
    font-size: 13px;
}
.form-group-mobile label.control-label{
    font-weight: bold;
}
.form-group-mobile .form-control{
    border: 1px solid #D1D3D4 !important;
    box-shadow: none !important;
    margin-bottom: 10px;
}
.form-group-mobile .green_submit{
    background: #2BB673;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.form-group-mobile .green_submit:hover{
    background: #08AF5B;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.form-group-mobile .green_submit:focus{
    background: #189654;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.form-group-mobile .radio_or_checkbox label{
    display: initial !important;
}
.form-group-mobile .radio_or_checkbox .radio_frame{
    display: block;
}
.text_gram{
    display: block;
    float: right;
    padding: 0px 7px;
}
.text_gram_mobile{
    display: block;
    float: right;
    padding: 0px 7px;
    margin-top: 4px;
    margin-right: 21px;
}
.col_left{
    float: left;
}
.col_right{
    float: right;
}
.btn-submit-primary{
    background: #1C75BC !important;
    border: 1px solid #D1D3D4 !important;
    color: white !important;
    text-shadow: none !important;
    padding: 7px !important;
    display: block !important;
    width: 100%;
}

/* Start Menu Admin Mobile */
.navigation-landing-gadget-version-admin{
    padding: 3px;
    padding-top: 8px;
    display: table;
    padding-bottom: 12px;
    width: 0%;
}

.navigation-landing-gadget-version-admin .ul_parent_menu_mobile{
    z-index: 1000;
    background: white;
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    display: none;
}

.navigation-landing-gadget-version-admin .ul_parent_menu_mobile li.parent_menu_mobile{
    border-bottom: 1px solid #CDCCCC;
}
.navigation-landing-gadget-version-admin .ul_parent_menu_mobile li.exist_sub_menu{
    background: url('../images/arrow-right.png') no-repeat right 1em bottom 10px;
}

.navigation-landing-gadget-version-admin .ul_parent_menu_mobile li.parent_menu_mobile a{
    color: #010101;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.navigation-landing-gadget-version-admin .ul_parent_sub_menu_mobile{
    z-index: 1000;
    background: white;
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    display: none;
}

.navigation-landing-gadget-version-admin .ul_parent_sub_menu_mobile li.back_to_parent{
    background: url('../images/arrow-left.png') no-repeat left 1em bottom 13px;
}
.navigation-landing-gadget-version-admin .ul_parent_sub_menu_mobile li.back_to_parent a{
    color: #BCBEC0 !important;
    padding-left: 34px !important;
}
.navigation-landing-gadget-version-admin .ul_parent_sub_menu_mobile li.parent_sub_menu_mobile{
    border-bottom: 1px solid #CDCCCC;
}

.navigation-landing-gadget-version-admin .ul_parent_sub_menu_mobile li.parent_sub_menu_mobile a{
    color: #010101;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    padding-left: 34px !important;
}


.navigation-landing-gadget-version-admin .show_top_menu_left{
    float: left;
    width: 28px;
    left: 7px;
    line-height: 22px;
    text-align: center;
    height: 28px;
    border-radius: 0.3em;
    margin-right: 10px;
    margin-top: -5px;
    cursor: pointer
}
.navigation-landing-gadget-version-admin .show_top_menu_left:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    border-top: 14px double #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    left: 10px;
    margin-top: 8px;
    line-height: 10px;
    margin-right: 6px;
}
.navigation-landing-gadget-version-admin .centered_logo{
    text-align: center;
}
.navigation-landing-gadget-version-admin .centered_logo a{
    text-align: center;
}
.navigation-landing-gadget-version-admin .centered_logo a img{
    width: 106px;
    height: 28px;
}

.navigation-landing-gadget-version-admin ul.right_menu{
    /*float: right; */
    /* margin-top: -33px; */
    /* margin-top: 3px; */
    right: 0;
    position: absolute;
}
.navigation-landing-gadget-version-admin ul.right_menu li{
    list-style: none;
    float: left;
    margin-right: 10px;
}
.btn_visited_site{
    background: #F7941E;
    padding: 3px;
    border-radius: 0.2em;
    color: #FFFFFF;
    font-size: 12px;
    min-width: 74px;
    display: block;
    text-align: center;
}
/* End Menu Admin Mobile */

.box_white{
    background: #FFFFFF;
    padding: 10px;
    border-radius: 0.3em;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.box_white h1{

}
.box_white h1 span{
    font-weight: 100 !important;
}
.box_white h1 span input[type='text']{
    width: 45% !important;
    margin-left: 4px;
    box-shadow: none !important;
    border-radius: 0.2em;
}
.box_white h1 span input[type='submit']{
    background: #2BB673;
    text-shadow: none !important;
    color: white;
    box-shadow: none !important;
    border: 1px solid #D1D3D4;
    padding: 6px;
    width: 57px;
    border-radius: 0.2em;
    margin-left: 6px;
    float: left;
    margin-top: -26px;
    margin-left: 369px;
}
.box_white h2{

}
.box_white h2 span{
    font-weight: 100 !important;
}
.box_white p{

}
.box_white br{

}
.box_white hr{

}

.box_cream{
    background: #FEFBE3;
    padding: 10px;
    border-radius: 0.3em;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.box_cream h1{

}
.box_cream h1 span{
    font-weight: 100 !important;
}
.box_cream h2{

}
.box_cream h2 span{
    font-weight: 100 !important;
}
.box_cream p{

}
.box_cream br{

}
.box_cream hr{

}
.history_transaksi_mobile{
    padding: 10px;
    background: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    text-align: left;
}
.history_transaksi_mobile h1{
    font-size: 16px;
}
.history_transaksi_mobile ul{
    list-style: none;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.history_transaksi_mobile ul li{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
    text-align: left;
}
.history_transaksi_mobile ul li:last-child{
    border-bottom: 0px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
}
.history_transaksi_mobile ul li p.resi{
    font-size: 12px;
}
.history_transaksi_mobile ul li p.date{
    margin-bottom: 10px;
}

.history_transaksi_desktop{
    padding: 10px;
    background: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 0.3em;
    text-align: left;
}
.history_transaksi_desktop h1{
    font-size: 16px;
}
.history_transaksi_desktop ul{
    list-style: none;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.history_transaksi_desktop ul li{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
    text-align: left;
}
.history_transaksi_desktop ul li:last-child{
    border-bottom: 0px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
}
.history_transaksi_desktop ul li p.resi{
    font-size: 12px;
}
.history_transaksi_desktop ul li p.date{
    margin-bottom: 10px;
}

.action_button{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.action_button a{
    width: 41% !important;
}

.area_button_desktop{
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.area_button_desktop a{

}

.area_form_resi{
    display: table;
    width: 96%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin: 10px;
}
.area_form_resi .left80{
    width: 67%;
    float: left;
}
.area_form_resi .left80 input{
    width: 100% !important;
}
.area_form_resi .right30{
    width: 19%;
    float: left;
    margin-left: 30px;
}
.area_form_resi .right30 input{
    width: 100% !important;
}
.template_preview{
    background: #E6E7E8;
    padding: 4px;
    font-size: 13px;
    max-width: 95px;
    display: block;
    margin: 0 auto;
    border: 1px solid #D1D3D4;
    color: #231F20;
    text-decoration: none;
}
.template_active.no_active{
    background: #2BB673;
    padding: 4px;
    font-size: 13px;
    max-width: 95px;
    display: block;
    margin: 0 auto;
    border: 1px solid #D1D3D4;
    color: #FFFFFF;
    text-decoration: none;
}
.template_active.active{
    padding: 4px;
    font-size: 13px;
    max-width: 95px;
    display: block;
    margin: 0 auto;
    color: #413820;
    text-decoration: none;
    cursor: default;
}
.title_left_loop_media{
    vertical-align: top;
}
.title_right_loop_media{
    vertical-align: middle;
    margin-left: 10px;
}
.btn_submit_gray{
    background: #E6E7E8 !important;
    border: 1px solid #D1D3D4 !important;
    padding: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: black !important;
    text-decoration: none;
    text-shadow: none !important;
}
.btn_submit_green{
    background: #2BB673 !important;
    border: 1px solid #D1D3D4 !important;
    padding: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: white !important;
    text-decoration: none;
    text-shadow: none !important;
}
.selected_shopping_cart{

}
.selected_shopping_cart .area_radio{

}
.selected_shopping_cart .radio_selected{

}
.form-group-full-width{

}
.form-group-full-width .control-label{
    display: block;
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
}
.form-group-full-width input{
    width: 67%;
    margin-bottom: 10px;
    float: left;
}
.form-group-full-width .submit{
    width: 30% !important;
    margin-left: 17px;
    background: #1C75BC;
    border: 1px solid #A7A9AC;
    color: white;
    text-shadow: none;
    padding: 5px;
    box-shadow: none;
}
.form-group-full-width .submit:hover{
    width: 30% !important;
    margin-left: 17px;
    background: #0C67A5;
    border: 1px solid #A7A9AC;
    color: white;
    text-shadow: none;
    padding: 5px;
    box-shadow: none;
}
.form-group-full-width .submit{
    width: 30% !important;
    margin-left: 17px;
    background: #1C75BC;
    border: 1px solid #A7A9AC;
    color: white;
    text-shadow: none;
    padding: 5px;
    box-shadow: none;
}
.loading_full_bar{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 98.5%;
    z-index: 10000;
}
.loading_full_bar .status_upload{
    bottom: 45%;
    position: absolute;
}
/*.loading_full_bar .btn_close_load_full_bar{
    float: right;
    margin-top: -63px;
    margin-right: 6px;
}*/
.loading_full_bar .area_update_product{
    background: white;
    padding: 10px;
    margin-top: 50px;
    border-radius: 0.3em;
    border: 1px solid #ccc;
}
.loading_full_bar .area_update_product h1{
    margin-bottom: 20px;
    font-size: 25px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.loading_full_bar .area_update_product .form-group{
    margin-bottom: 20px;
}
.loading_full_bar .area_update_product .form-group label{
    display: block;
}
.loading_full_bar .area_update_product .form-group input[type="text"]{
    display: block;
    width: 96%;
    border: 1px solid #ccc;
    border-radius: none !important;
    box-shadow: none !important;
    border-radius: 0.3em;
    margin-top: 6px;
    padding: 6px;
}
.loading_full_bar .area_update_product .form-group input[type="text"]::-webkit-input-placeholder {
    font-style: italic;
}
.loading_full_bar .green_submit{
    background: #2BB673;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.loading_full_bar .green_submit:hover{
    background: #08AF5B;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.loading_full_bar .green_submit:focus{
    background: #189654;
    border: 1px solid #D1D3D4;
    color: #F1F2F2;
    text-shadow: none !important;
    padding: 9px;
    min-width: 100px;
    box-shadow: none;
}
.upload_more_images_mobile{
    display: block;
    border: 1px dashed #000;
    width: 55px;
    height: 28px;
    float: left;
    margin-top: 10px;
}
.upload_more_images_mobile:hover{
    display: block;
    border: 1px dashed #FF0909;
    width: 55px;
    height: 28px;
    float: left;
    margin-top: 10px;
}
.upload_more_images_mobile:hover > b{
    color: red;
}
.upload_more_images_mobile b{
    font-size: 25px;
}
.sub_images_mobile{
    width: 55px;
    margin-top: 10px;
    border: 1px dashed #807F7F;
    background: #EEF5FF;
}
.sub_images_mobile img{
    width: 100% !important;
    height: 30px !important;
}
.delete_sub_images{
    padding: 2px 0px !important;
    background: black !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}
.delete_sub_images:hover{
    padding: 2px 0px !important;
    background: #E63106 !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}

.action_btn_images_mobile{
    padding: 2px 0px !important;
    background: black !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}
.action_btn_images_mobile:hover{
    padding: 2px 0px !important;
    background: #E63106 !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}
.area_list_images_desktop input[type="text"]{
    text-align: center;
    padding: 7px;
}
.upload_more_images_desktop{
    background: #EEF5FF;
    border: 1px dashed #807F7F;
    margin-top: 10px;
    padding: 5px;
}
.upload_more_images_desktop b{
    font-weight: 100;
    text-align: center;
}
.select_images_sub_product_desktop{
    padding: 10px !important;
    background: #EEF5FF !important;
    border: 1px dashed  !important;
    display: none;
}
.sub_images_desktop{
    margin-top: 10px;
    border: 1px dashed #807F7F;
    background: #EEF5FF;
}
.sub_images_desktop img{

}

.delete_sub_images_desktop{
    padding: 2px 0px !important;
    background: #ED1F24 !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}
.delete_sub_images_desktop:hover{
    padding: 2px 0px !important;
    background: #ED1F24 !important;
    color: white !important;
    text-decoration: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
    border: none !important;
}
.ubah_foto{
    display: block;
    color: #6D6E71;
    border-top: 1px dashed #807F7F;
    text-decoration: none;
}
.ubah_foto:hover{
    display: block;
    color: #6D6E71;
    border-top: 1px dashed #807F7F;
    text-decoration: none;
}
.loader_on_save{
    display:none;
}
.loader_on_save img{
    width: 231px;
    height: 13px;
}
header.title_td{
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.title_popup_top{
    font-size: 17px !important;
}

.show_menu_header{
    margin: 5%;
}
.show_menu_header section.header_menu{
    background: #787878;
    padding: 6px 10px;
    text-align: left;
    color: white;
    font-weight: 100;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
    cursor: pointer;
}
.show_menu_header section h1{
    font-weight: 100 !important;
}
.show_menu_header div.content{
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #D1D3D4;
    border-left: 1px solid #D1D3D4;
    border-right: 1px solid #D1D3D4;
    border-bottom-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}
.type_for_mobile{
    width: 111px !important;
    text-align: center;
    font-weight: 100 !important;
}
.btn_standart_green {
    padding: 6px 15px !important;
    background: #009444 !important;
    border: 1px solid #009444 !important;
    font-family: D9D9D8 !important;
    font-size: 13px !important;
    border-radius: 0.2em !important;
    color: white !important;
}
.box_print_pengiriman{
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.box_print_pengiriman .child:first-child{
    border-right: none !important;
}
.box_print_pengiriman .child{
    float: left;
    width: 36%;
    border: 1px solid #000;
    padding: 10px;
    min-height: 90px;
    /* height: 20px; */
}
@media print {
    .no_print{
        display: none !important;
    }
}