#tb_data {
    min-height: 500px;
    max-width: 1024px;
    border: 1px;
}

#sp_sy_dt, #sp_login_dt {
    color: red;
}
.sdtl {
    color:red;
}
.sdtlc {
    color: #7A7A7A;
}
.sp_name {
    color: red;
}

.index_menu {
    display: inline-block;
    height: 35px;
    vertical-align: top;
    min-width: 35px;
}

.c_all {
    color: red;
    font-size: 14px;
}

.link_shop {
    font-size: 13px;
    color: #7c7c7c;
    font-weight: 600;
}

.index_count { 
    width: 87px;
    text-align: right;
    font-size: 12px;
    color: #7b7d7d;
}

#sp_search_count, .dv_search_count {
    font-size: 12px;
    color: #808B96;
}
#span_price {
    font-weight: 600;
    color: red;
}

.dv_block_menu {
    display: block;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 20px;
}

.main_menu {
    width: 100%;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold; 
    padding: 7px 5px 5px 5px;
}
.dv_main_menu {
    padding-bottom: 2px;
}

select {
    min-width: 110px;
}

.inline {
    display: inline-block;
    margin-right: 10px; 
}

.dnl {
    padding: 2px;
    margin-bottom: 10px;
}

th {
    text-align: center;
    padding: 5px;
}

td {
    padding: 5px;
}


tr:first-child:hover {
    background-color: #CCE7E7;
}

.dv_s {
    display: inline-block;
    margin: 2px;
    padding: 5px 2px 5px 2px;
    min-width:135px;
    background-color: #fff;
    border-radius: 4px; 
    text-align: center;
}

input[type="text"].txt_index_search {
    width: 130px;
}

input[type="text"]#search {
    width: 110px;
}

input[type="text"]#search_dtl {
    width: 80px;
    height: 23px;
}


#sale_login_dt {
    color: red;
}

.linkcopy {
    padding: 3px;
    border-radius: 2px;
    background-color: #f0f3f4;
    color: #d35400;
    font-size: 12px;
}

.dvhc {
    min-width: 135px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    background-color: #fff;
    border-radius: 3px;
    padding:  5px 2px 3px 2px;
    margin-top: 3px;
    text-align: left;
}

.hc {
    display: inline-block;
    cursor: pointer; 
    color: #34495e; 
    background-color: #d7dbdd;
    border-radius: 3px;
    vertical-align: middle;
    text-align: left;
}

.hcon {
    display: inline-block;
    cursor: pointer; 
    color: #34495e; 
    background-color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    text-align: left;
}

.img_link {
    min-height: 30px;
    text-align: center;  
}

.dvh {
    min-height: 400px;
}
.fst {
    font-size: 16px;
}

.img_center { 
    margin-top:5px;
    margin-bottom: 5px;
    margin-left: auto; 
    margin-right: auto;
}
#page_bottom {
    padding: 10px;
}
#page_top {
    padding: 10px;
    /*border-top: 1px solid #e5e7e9;*/
    margin-top: 10px;
}

.table {
    background-color: #fff;
}
 
.Inline {
    display: inline-block;
    margin: 4px 5px 4px 5px;
}

#show_name {
    font-size: 14px;
    color: red;
}

.spf {
    color: #fff;
}

.sp_edit, .sp_sale {
    color: red;
}



.shop_name {
    font-size: 14px;
    color: red;
}

.show_profile_shop {
    margin-top: 10px;
}

.page_search {
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    margin-right: 5px;
    border: 1px solid #e5e7e9;
    border-radius: 5px;
    cursor: pointer; 
    margin-bottom: 2px;
    width: 30px;
}

.page_current {
    color: #fff;
    background-color: #7A7A7A;
    cursor: pointer;
}

.dv_in_border {
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    margin: 5px;
    border: 1px solid #e5e7e9;
    border-radius: 5px; 
}

.dv_a_border {
    display: inline-block;
    background-color: #fff; 
    border: 1px solid #e5e7e9;
    padding: 1px 10px 1px 2px;
    margin: 5px;
    border-radius: 5px;
}

.dv_border {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e5e7e9; 
}

.dv_row {
    display: block;
    border: 1px solid #e5e7e9;
    border-radius: 5px;
    padding: 5px; 
    margin: 5px 5px 10px 5px;
    min-width: 300px;
}

.dv_index {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    background-color: #FBFCFC;
    border: 1px solid #808080;
    border-radius: 5px;
    max-height: 450px;
    width: 350px;
    vertical-align: top;
    text-align:left;
    font-size: 16px;
    color:#5d6d7e;
}

    .dv_index a {
        color: #404040;
    }

.dv_job_index {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    background-color: #FBFCFC;
    border: 1px solid #808080;
    border-radius: 5px;
    min-height: 120px;
    max-height: 300px;
    width: 350px;
    vertical-align: top;
    text-align: left;
}

.dv_img_thum {
    display: block;
    height: 240px;
    width: 340px;
    border-radius: 4px;
    overflow: hidden;
}

img.img_thum { 
    height: 100%;
    border-radius: 4px; 
}
input[type="radio"].disable {
    background-color: #7A7A7A;
    color: #7A7A7A;
    vertical-align: middle;
}

.cursor {
    cursor: pointer;
}
  

.ui-dialog-titlebar-close:after {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(../Scripts/jquery-ui-themes-1.12.1/images/ui-icons_777777_256x240.png);
    background-position: -97px -130px;
    background-repeat: no-repeat;
}

.ui-dialog-titlebar {  
   background: #00e673; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#00e673  , #ccffe6); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#00e673  , #ccffe6); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#00e673  , #ccffe6); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#00e673  , #ccffe6); /* Standard syntax */
}

a:link {
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    color: none;  
}
a:visited {
    text-decoration: none;
    white-space: nowrap; 
}
a:hover {
    text-decoration: none;
    white-space: nowrap;
}
a:active {
    text-decoration: none;
    white-space: nowrap;
}

a:focus { outline: none; }

 
.pdsa-submit-progress {
    position: fixed;
    top: 30%;  
    width:100%;
    text-align:center;
    z-index:1;           
} 

div {
  word-wrap:break-word;
} 
 

/*+++++ Calendar +++++*/

    .bCalendar {
        display:block;
        border-style: solid;
    }
    ol{list-style-type:none; }
 
    #calendar 
    {
       display: block; 
       margin: 0;
       padding: 0;
       width: 100%;      
       background-color:red;
     }
    
    
    
    #calendar > li 
    {  
       float: left; 
       list-style-position: inside;
       width: 13.5%;
       height: 60px;
       text-align: right;
       background-color: #fff; 
       padding: 3px;
       margin: 1px;
       overflow: hidden;
       border:solid 1px #808B96;
       border-radius: 3px; 
       background-color:#fff;
       color: #7A7A7A;
    }

    #calendar > li > a
    {  
       display: inline-block;  
       height: 50px;
    }

    .nonCursor {
         cursor: not-allowed;
    }

    #calendar li.non
    {      
        font-size:11px;
        cursor: not-allowed;    
        background-color: #AEB6BF;
        color: #7A7A7A;
    }
    #calendar li.nonC
    {  
        cursor: not-allowed;
        font-size: 11px; 
        background-color: #D5D8DC;
        color: #7A7A7A;
    }
     #calendar li.tWD
    {   
        padding-top: 2%;       
        text-align: center;    
        color: #fff;
        font-size: 16px;
        font-weight: bold;

        background: #2cba21; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#D6EAF8, #2E9AFE); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#D6EAF8, #2E9AFE); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#D6EAF8, #2E9AFE); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#D6EAF8, #2E9AFE); /* Standard syntax */
    }
        
    #calendar li.tWE
    {            
        padding-top: 2%;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: bold;

        background: #e02a2a; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#FDEBD0, #e02a2a); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#FDEBD0, #e02a2a); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#FDEBD0, #e02a2a); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#FDEBD0, #e02a2a); /* Standard syntax */
    }

 
     
    .clear {  clear: both; }
   
   /* Add media queries for smaller screens */
    @media screen and (max-width:720px) {
        #calendar li  {width: 13%; height: 35px; }
        #topic1 {display: none;}
        #topic2 {display: block;}
    }

    @media screen and (max-width: 420px) {
        #calendar li  {width: 13%; height: 30px; }
    }

    @media screen and (max-width: 290px) {
        #calendar li  {width: 12%; height: 30px; }
    }

/*----- Calendar -----*/

 

 
    
input:read-only {
  background-color: #eee;
}


.disable {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #F8F9F9;
    color: #808B96;
    border: 1px solid #808B96;
    border-radius: 3px;
    vertical-align: middle;
}

.span-disable {
    color: #808B96;
}

a.disable {
    background-color: #F8F9F9;
    cursor: not-allowed;
    pointer-events: none;
    color: #808B96;
    vertical-align: middle;
}

 
input[type="text"]:focus.css_create {
    outline: none !important; 
}



input.disable select.disable checkbox.disable select.disabled {
    background-color: #F8F9F9;
    cursor: not-allowed;
    pointer-events: none;
    color: #808B96;
    border-radius: 3px;
    border: 1px solid #808B96;
    vertical-align: middle;
}
 
 

.spl {
    font-size: 14px;
    color: #5d6d7e; 
}
.spb {
    font-size: 14px;
    color:#5d6d7e;
    font-weight:bold;
}

.img_sft img {
    height: 32px;
}

.img_search img {  
    height: 32px; 
    font-size: 14px;
}

.dvmtop {
    margin-top: 10px;
}
textarea {
    width: 100%;
    height: 50px; 
}
 

.textarea_dtl {
    width: 100%;
    height: 200px;
}

.dvleft {
    display:block;
    text-align: left;
    width: 100%;
}
.update_comma {
    text-align: right;
}
input[type=checkbox] {
    width: 25px;
    height: 25px;
}

div.dv_in_search {
    width:100%;
    text-align: center;
    font-size: 13px;
    padding:3px; 
    color: #5d6d7e;
    background-color: #e5e7e9;
    border-radius:4px;
    font-weight: bold;
}
.dv_in_search:hover {
    color: #e5e7e9;
    background-color: #5d6d7e;
}
.tcenter {
    text-align:center;
}
.shop_logo {
    max-height: 40px;
    border-radius: 5px;
}

.his_img {
    height: 120px;
    border-radius: 4px;
}

.dvindex_l {
    display: inline-block;
    text-align: left;
    width: 52%; 
}


.dvindex_r {
    display: inline-block;
    text-align: right;
    width: 47%;
    color: #808B96;
    font-size: 12px;
}
.fv {
    font-size:12px;
    color: #808B96;
}

.dvindex1_l {
    display: inline-block;
    text-align: left;
    width: 80%;
    font-size: 13px;
}

.dvindex1_r {
    display: inline-block;
    text-align: right;
    width: 19%;
}