/**
*Globalstyling
*
*/

body
{
    font-family : "MSPGothic", "Helvetica Neue", Helvetica, Arial, sans-serif, "TimesNewsRoman" !important;
    font-size   : 1.3rem;
    color       : #444;
}

input, select, button, optgroup, textarea {
    font-family: system-ui, "MS PGothic" !important;
    font-size: 1.2rem;
}

.form-control {
    font-size: 1.2rem;
}

hr
{
    border-top : 1px dashed pink;
}

/**
*Componentspecificstyling
*/
.container-content
{
    background-color : #fbfbfb;
    padding-bottom   : 5px;
}

.loginContainer
{
    margin-top : 40px;
}

.loginContainer.form-group
{
    margin-top : 10px;
}

#loginForminput
{
    background-color : pink;
}

.input-login
{
    color : red;
}

.screenTitle
{
    border        : 1px solid;
    margin-top    : 5px;
    margin-bottom : 10px;
}

.footer
{
    margin-top : 10px;
}

.error-messenger
{
    margin-top   : 10px;
    margin-left  : -30px;
    margin-right : -30px;
}

.error-messenger > .error-label
{
    padding-right : 3px;
}

.error-messenger > .error-content
{
    padding-left : 3px;
}

.error
{
    color : red;
}

.success
{
    color: blue;
}

.error-label > div, .error-content > div
{
    width            : 100%;
    font-size        : small;
    min-height       : 30px;
    line-height      : 30px;
    background-color : #f5f5f5;
}

.error-label > div
{
    text-align : center;
}

.error-content
{
    text-align : middle;
}

#loginBtn
{
    width : 100%;
}

/*Mr.DiepCSS*/
.modal
{
    text-align : center;
    padding    : 0 !important;
}

.modal:before
{
    content        : '';
    display        : inline-block;
    height         : 100%;
    vertical-align : middle;
    margin-right   : -4px; /*Adjustsforspacing*/
}

.modal-dialog
{

    display        : inline-block;
    text-align     : left;
    vertical-align : middle;
    font-size      : 15px !important;

}

.box-text
{
    text-align  : left;
    display     : inline;
    white-space : nowrap;
    padding     : 05px;
    border      : 1px solid #D0CECE;
}

.divradio-OR input[type=checkbox], input[type=radio]
{
    margin      : 2px 0;
    margin-left : -17px;
}

.divradio-OR .checkbox-inline {
    margin-left: 5px;
}
.divradio input[type=checkbox], input[type=radio]
{
    margin      : 2px 0;
    margin-left : -20px;
}

.dialog.modal-header
{
    padding    : 5px;
    background : #9DC3E6;
}

/*Mr.DiepEndCSS*/

/*cssMenu -DungVT*/
.row-header-menu-top
{
    background-color : /*rgba(218, 200, 201, 1);*/ rgba(255, 250, 205, 1);
}

.header-logo
{
    height         : auto;
    overflow       : auto;
    padding-top    : 5px;
    padding-bottom : 5px;
    border-right   : pink dashed 1px;
}

.divNameCompany
{
    background-color : #ffccff;
    vertical-align   : middle;
    float            : right;
    width            : 90%;
    text-align       : center;
}

.divNamePage
{
    background-color : #80bfff;
    text-align       : center;
    vertical-align   : middle;
    color            : blue;
    float            : right;
    width            : 90%;
}

.menu-top-title
{
    text-align : left;
    margin-top : 10px;
}

.divTitleLogo
{
    float       : left;
    font-size   : 18px;
    color       : #0000b3;
    font-weight : bold;
    padding-top : 8px;
}

.borderStyle
{
    border-radius : 5px;
    border-color  : blue;
    border-style  : solid;
    border-width  : 1px;
}
.numberRight
{
    text-align: right;
}
.price-format
{
    text-align: right;
    font-family: "Monaco";
}
#men_Reduction_Price, #Sub_Discount_Price
{
    color: red;
}
.borderdialog
{
    border-color : #00cc00;
    border-style : solid;
    border-width : 1px;
}

.borderbtnMenu
{
    border-color : blue;
    border-style : solid;
    border-width : 1px;
}

.buttonDigitItem
{
    float            : left;
    width            : 40px;
    height           : 40px;
    line-height      : 40px;
    text-align       : center;
    font-size        : 18px;
    color            : white;
    margin-left      : 5px;
    border           : 1px solid white;
    border-radius    : 5px;
    background: -webkit-linear-gradient(top, #284a9d, #123276); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #284a9d, #123276); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #284a9d, #123276); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #284a9d, #123276); /* Standard syntax */
}

.buttonTilteItem
{
    height       : 40px;
    line-height  : 40px;
    color        : white;
    text-align   : left;
    padding-left : 55px;
    font-size    : 18px;
}

.font-big
{
    font-size : 18px;
}

.btn
{
    /*border-radius : 0;*/
}

.btn-lightgrey {
    background-color: #d0cece !important;
}

.btn-lightyeallow {
    background-color: #FFE699 !important
}

.btn-lightgreen {
    background-color: #92D050 !important;
}

.btn-lightblue {
    background-color: #2E75B6 !important;
}

.btn-redorange {
    background-color: #FF6600 !important;
}

.buttonMenuItem
{
    width          : 100%;
    padding-left   : 0px;
    padding-top    : 3px;
    padding-bottom : 3px;
    background-color: #284a9d;
    color: white;
}

.rowMenu
{
    margin-left : 10px;
}

.rowMenuItem
{
    margin-top    : 10px;
    margin-bottom : 10px;
}

.menu-cat-title
{
    background-color : rgb(218, 200, 201);
    padding          : 5px;
}

.scrollbar
{
    overflow-y : scroll;
    overflow-x : hidden;
    height     : 60px;
    margin-top : 2px;
}

.wordwrap
{
    /*white-space: pre-wrap;      /* CSS3 */
    /*white-space: -moz-pre-wrap; /* Firefox */
    /*white-space: -pre-wrap;     /* Opera <7 */
    /*white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap : break-word; /* IE */
}

.force-overflow
{
    border-right       : 1px;
    border-right-color : green;
    border-right-style : solid;
    color              : blue;
    background-color   : #ffffb3
}

.news-box
{
    font-size   : 11px;
    overflow-y  : auto;
    height      : 55px;
    line-height : 20px;
    border      : 1px solid green;
    color       : red;
}

#loading-overlay
{
    position         : fixed;
    top              : 0;
    right            : 0;
    bottom           : 0;
    left             : 0;
    z-index          : 2040;
    background-color : #000;
    opacity          : 0.5;
}

.loader
{
    border        : 16px solid #f3f3f3; /* Light grey */
    border-top    : 16px solid #3498db; /* Blue */
    border-radius : 50%;
    width         : 80px;
    height        : 80px;
    animation     : spin 2s linear infinite;
    position      : fixed;
    top           : 50%;
    left          : 50%;
    margin-top    : -40px;
    margin-left   : -40px;
    z-index       : 2050;
}

@keyframes spin
{
    0%
    {
        transform : rotate(0deg);
    }
    100%
    {
        transform : rotate(360deg);
    }
}

/*
* NEWS BOX SCROLLBAR
*/
/*
#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow:inset 003 px rgba(0,0,0,0.1);
	border-radius:0px;
	background-color:#F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width:12px;
	background-color:#adad85;
	height:5px;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius:0px;
	width:2px;
	-webkit-box-shadow:inset 0013px rgba(0,0,0,.1);
	background-color:#00a3cc;
}
#style-2::-webkit-scrollbar-thumb:vertical
{
	width:10px;
	border:1px solid #ffffff;
	background-color:#00a3cc;
	-webkit-height:1;
}
*/
.divMessage
{
    width         : 100%;
    height        : 50px;
    text-align    : center;
    padding-top   : 15px;
    border-radius : 5px;
    border-color  : blue;
    border-style  : solid;
    border-width  : 1px;
    font-weight   : bold;

}

.responsive_768
{
    display : hide;
    display : none;
}

.buttonNext
{
    width          : 40px;
    height         : 50px;
    text-align     : center;
    vertical-align : middle;
    padding-top    : 10px;
}

/*end css menu*/

/* DungVT*/

.rowitem
{
    margin-left : 15px;
}

.marginTop
{
    margin-top : 3px;

}

.divbox-title
{
    background-color : #e6dcdc;
    height           : 20px;
    line-height      : 20px;
    padding: 0px 3px;
    text-align       : left;
    border           : 1px solid #ccc;
}

.divbox-title20-orange, .divbox-title20-orange-inline
{
    padding          : 0px 3px;
    background-color : #ff9980;
    height           : 20px;
    line-height      : 20px;
    text-align       : left;
    border           : 1px solid #ccc;
}

.divbox-title20-orange-inline {
    display: inline-block;
}

.divbox-titleItem
{
    width            : 100% ! important;
    color            : #555555;
    background-image : none;
    border           : 1px solid #ccc;
    padding          : 0px 5px;
    background-color : #e6dcdc;
    height           : 18px;
    font-size        : 11px;
    padding-left     : 3px;
    padding-right    : 3px;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}

.divbox-titleItem-color2
{
    width            : 100%;
    color            : #555555;
    background-color : #99c2ff;
    background-image : none;
    border           : 1px solid #ccc;
    padding          : 0px 5px;
    height           : 18px;
    font-size        : 11px;
    padding-left     : 3px;
    padding-right    : 3px;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}

.divbox-title3
{
    padding: 0px 1px 0px 0px;
    background-color : #ff8566;
    height           : 20px;
    line-height      : 20px;
    text-align       : left;
    display          : inline-block;
    vertical-align   : middle;
    border           : 1px solid #ccc;
    font-size: 11px;
    font-weight: bold;
    padding-left: 4px;
}

.divbox-title4
{
    padding          : 0px 5px;
    background-color : #cce6ff;
    height           : 20px;
    line-height      : 20px;
    padding-left     : 3px;
    padding-bottom   : 1px;
    padding-right    : 3px;
    text-align       : left;
    display          : inline-block;
    vertical-align   : middle;
}

.divbox-title2
{
    background-color : #ffffff;
    height           : 20px;
    padding          : 0px;
    display          : inline-block;
    border-color     : blue;
    border-width     : 1px;
    border-radius    : 3px;
    border-style     : solid;
    text-align       : center;
}
.divbox-title2-item
{
    background-color : #ffffff;
    height           : 20px;
    padding          : 0px;
    display          : inline-block;
    border-color     : blue;
    border-width     : 1px;
    border-radius    : 3px;
    border-style     : solid;
    text-align       : center;
    width: 100%;
}

.divShowData
{
    border : 1px solid blue;
}

.div2-box-title
{
    background-color : #17e4bc;
    height           : 45px;
    padding-left     : 10px;
    padding-top      : 1px;
    padding-bottom   : 1px;
    padding-right    : 10px;
    text-align       : center;
    display          : inline-block;
    vertical-align   : middle;
    line-height      : 45px;
}

.divShowMessage
{
    border  : 1px solid green;
    padding : 3px;
    width   : 100%;
}

.div3-box-title
{
    background-color : #e6dcdc;
    height           : 67px;
    padding          : 5px;
    padding-top      : 10px;
    padding-bottom   : 1px;
    text-align       : center;
}

.text-input, .text-input-full-width
{
    padding-top    : 0px;
    padding-bottom : 0px;
    padding-left   : 2px;
    padding-right  : 1px;
    height         : 18px;
    line-height    : 20px;
    border-radius  : 0px;
    text-align     : left;
    vertical-align : middle;
}
.text-input-full-width {
    width: 100%;
    height: 20px;
}
.text-inherit {
    color: inherit;
}
.text-white {
    color: #fff
}
.text-white:hover {
    color: #fff
}
.text-bold {
    font-weight: bold
}

#orderRegister input {
    padding: 0 5px;
}
#orderRegister input[readonly], #orderRegister input[readonly="readonly"], #orderRegister input:disabled, #orderRegister input[disabled], #orderRegister input[disabled="disabled"] {
    border: 1px solid rgb(220, 220, 220);
    background-color: #f6f6f6;
}
#orderRegister input.disp-input, #orderRegister select.disp-input {
    cursor: not-allowed;
}
#modal-container .modal-body {
    font-size: 13px;
}
#modal-container .row {
    margin-bottom: 5px;
}
#modal-container input[type="text"], #modal-container select {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
}
#modal-container input[type="button"] {
    padding: 0 10px;
}
#modal-container .input-short {
    width: 50px;
}
.input-inline {
    width: 70%;
    display: inline-block;
}
.input-fullwidth {
    width: 100%;
}

.btnBack-OR
{
    height      : 18px;
    padding     : 0px;
    font        : 12px;
    font-weight : bold;
    width       : 80%;
    line-height : 18px;
}

.btnItem18-OR
{
    height        : 18px;
    padding       : 0px 5px;
    font-size     : 10px;
    margin        : 0px;
}

.btnItem20-OR
{
    height        : 20px;
    padding       : 0px;
    font-size     : 13px;
    margin        : 0px;
    padding-right : 5px;
    padding-left  : 5px;
}

#reset-depo {
    margin-left: -15px;
}

.tableday td
{
    padding-right : 2px;
}

.tableday td + td
{
    padding-left : 3px;

}


.tableday-OR td
{
    padding-right : 2px;
}

.tableday-OR td + td
{
    padding-left : 3px;

}

.itemtableshow-OR
{
    padding-left  : 3px;
    padding-right : 3px;
}

.rowitem-OR
{
    margin-top : 1px;
}

.divradio-OR
{
    font-size : 12px ! important;
}

.labelCheck
{
    margin    : 0px ! important;
    font-size : 11px;
}

.divradio-OR > div
{
    margin : 0px;
}

.text-input-OR
{
    height        : 18px;
    line-height   : 18px;
    border-radius : 0px;
    padding       : 0px;
    padding-right : 2px;
    margin        : 0px;
    width: 100%;
}

#orderRegister .form-control {
    font-size: 1.2rem;
}

.btnItem-OR
{
    height        : 18px;
    line-height   : 18px;
    border-radius : 0px;
    font-size     : 12px;
    padding       : 0px;
    margin        : 0px ! important;
}

.divbox-OR
{
    border          : 1px solid blue;
    width           : 100%;
    font-size       : 10px;
    height          : 18px;
    padding         : 0px;
    border-radius   : 0px;
    font-weight     : bold;
    color           : blue;
    text-decoration : underline;
    padding-left    : 2px;

}

.divContaintLinkRight-OR
{
    padding       : 0px;
    padding-right : 4px;
}

.divbox-title18-yellow
{
    padding          : 0px 5px;
    background-color : #FFE499;
    height           : 18px;
    text-align       : left;
    vertical-align   : middle;
    border           : 1px solid #e5e5cd;
    font-size        : 1.2rem;
}

.divbox-title18-grey
{
    padding          : 0px 5px;
    background-color : #e4dada;
    height           : 18px;
    text-align       : left;
    vertical-align   : middle;
    border           : 1px solid #e5e5cd;
    font-size        : 1.2rem;
}

.divbox-title18-green
{
    padding          : 0px 5px;
    background-color : #ccffcc;
    height           : 18px;
    text-align       : left;
    display          : inline-block;
    border           : 1px solid #e5e5cd;
    font-size        : 1.2rem;
}

.divbox-title18-cyan
{
    padding          : 0px 5px;
    background-color : #00ffff;
    height           : 18px;
    text-align       : left;
    display          : inline-block;
    border           : 1px solid #e5e5cd;
    font-size        : 1.2rem;
}
.divbox-title18-orange
{
    padding          : 0px 5px;
    background-color : #ffab66;
    height           : 18px;
    text-align       : left;
    display          : inline-block;
    border           : 1px solid #e5e5cd;
    font-size        : 1.2rem;
}

.divbox-titleItem18-orange, .divbox-titleItem20-orange
{
    width            : 100%;
    background-color : #FFE499;
    background-image : none;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    height           : 18px;
    font-size        : 1.2rem;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}

.divbox-titleItem18-grey {
    width            : 100%;
    background-color : #f1e9e3;
    background-image : none;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    height           : 18px;
    font-size        : 1.2rem;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}
.divbox-titleItem20-orange
{
    height: 20px;
}
.process-text-OR
{
    font-size: 12px;
    color: red;
}

.divbox-titleItem18-gray
{
    width            : 100%;
    color            : #555555;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    background-color : #e6dcdc;
    height           : 18px;
    font-size        : 11px;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}

.divbox-titleItem18-green
{
    width            : 100%;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    background-color : #ccffcc;
    height           : 18px;
    font-size        : 1.1rem;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}

.divbox-titleItem18-yellow
{
    width            : 100%;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    background-color : #ffffcc;
    height           : 18px;
    font-size        : 1.1rem;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}
.divbox-titleItem18-cyan
{
    width            : 100%;
    color            : #555555;
    border           : 1px solid #ccc;
    padding          : 0px 3px;
    background-color : #00ffff;
    height           : 18px;
    font-size        : 1.1rem;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;
}
.divbox-Dialog-OR
{
    width            : 100%;
    color            : #555555;
    background-color : #fff;
    background-image : none;
    border           : 1px solid #ccc;
    padding          : 0px 5px;
    background-color : #ffe6ff;
    height           : 18px;
    font-size        : 11px;
    padding-left     : 3px;
    padding-right    : 3px;
    text-align       : left;
    border-radius    : 0px;
    margin           : 0px !important;

}

.div4-box-title-OR
{
    background-color : #ccffcc;
    height           : 76px;
    padding          : 5px;
    padding-top      : 10px;
    padding-bottom   : 1px;
    border           : 1px solid #e5e5cd;
}

.divtext-OR
{
    font-size : 12px;
}

.linkTitle-OR
{
    font-size       : 12px;
    height          : 20px;
    color           : blue;
    font-weight     : bold;
    text-decoration : underline;
}

.scrollbar-OR
{
    overflow-y : scroll;
    overflow-x : hidden;
    height     : 100px;
    margin-top : 2px;
}

.borderdialog-OR
{
    border-color : #00cc00;
    border-style : solid;
    border-width : 1px;
}

.force-overflow-OR
{
    border-right       : 1px;
    border-right-color : green;
    border-right-style : solid;
    color              : blue;
    background-color   : #ffffb3
}

.scrollbar-item
{
    overflow-y : scroll;
    overflow-x : hidden;
    height     : 100px;
    margin-top : 2px;
}

.borderdialog-item
{
    border-color : #00cc00;
    border-style : solid;
    border-width : 1px;
}

.force-overflow-item
{
    border-right       : 1px;
    border-right-color : green;
    border-right-style : solid;
    color              : blue;
    background-color   : #ffffb3
}

#style-2-item::-webkit-scrollbar-track
{
    -webkit-box-shadow : inset 003px rgba(0, 0, 0, 0.1);
    border-radius      : 0px;
    background-color   : #F5F5F5;
}

#style-2-item::-webkit-scrollbar
{
    width            : 12px;
    background-color : #adad85;
    height           : 5px;
}

#style-2-item::-webkit-scrollbar-thumb
{
    border-radius      : 0px;
    width              : 2px;
    -webkit-box-shadow : inset 0013px rgba(0, 0, 0, .1);
    background-color   : #00a3cc;
}

#style-2-item::-webkit-scrollbar-thumb:vertical
{
    width            : 10px;
    border           : 1px solid #ffffff;
    background-color : #00a3cc;
    -webkit-height   : 1;
}

.textCm
{
    padding : 0px;
}

.btnBack
{
    width : 60%;
    padding: 1px 10px;
}

.divtitle
{
    background-color : #8dda8b;
    height           : 25px;
    vertical-align   : middle;
    font-size        : 15px;
    font-weight      : bold;
    padding-left     : 20px;
    padding-top      : 0px;
    padding-bottom   : 0px;
    padding-right    : 15px;
    line-height      : 25px;

}
.divtitle-OR
{
    background-color : #8dda8b;
    height           : 22px;
    font-size        : 13px;
    font-weight      : bold;
    line-height      : 22px;
}

.linkTitleActive
{
    font-size       : 14px;
    color           : blue;
    text-decoration : underline;
}

.linkTitleinActive
{
    font-size       : 20px;
    color           : black;
    font-weight     : bold;
    text-decoration : underline;
}

.nextLink
{
    font-size : 20px;
    color     : blue;
}

.tableshowLink
{

}

.tableshowLink td + td
{
    padding-left : 4px;
}


.dialogWarning
{
    border           : 1px solid green;
    background-color : pink;
    height           : 30px;
    line-height      : 30px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : red;
}

.dialogSuccess
{
    border           : 1px solid green;
    height           : 30px;
    line-height      : 30px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
}

.dialogWarning-item
{
    border           : 1px solid green;
    background-color : pink;
    height           : 30px;
    line-height      : 30px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : red;
    width            : 100%;
}

.dialogWarningNoneColor
{
    border         : 1px solid green;
    height         : 30px;
    line-height    : 30px;
    vertical-align : middle;
    text-align     : left;
    padding-left   : 5px;
}

.dialogWarningitemnoneColor
{
    border         : 1px solid green;
    height         : 30px;
    line-height    : 30px;
    vertical-align : middle;
    text-align     : left;
    padding-left   : 5px;
    width          : 100%;
}

.divBoxText
{
    border        : 1px solid blue;
    height        : 20px;
    line-height   : 20px;
    text-align    : center;
    padding-left  : 5px;
    padding-right : 5px;
}

.dialogWarning-color2
{
    border           : 1px solid green;
    background-color : #ffffe6;
    height           : 30px;
    line-height      : 30px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : black;
}

.dialogWarning-item-color2
{
    border           : 1px solid green;
    background-color : #ffffe6;
    height           : 20px;
    line-height      : 20px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : black;
    width            : 100%;
}
.doubledialogWarning-item
{
    border           : 1px solid green;
    height           : 40px;
    line-height      : 20px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : black;
    width            : 100%;
}

.dialogWarning30item-color2
{
    border           : 1px solid green;
    background-color : #ffffe6;
    height           : 20px;
    line-height      : 20px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
    color            : black;
    width            : 100%;
    height           : 30px;
    font-size        : 12px;
}

.dialogstyle
{

    border       : 1px solid green;
    border-image : none;
    height       : 35px;
    padding      : 0px;
    line-height  : 35px;
    text-align   : center;
}

.dialogstyle-con
{

    border       : 1px solid green;
    border-image : none;
    height       : 35px;
    padding      : 0px;
    line-height  : 35px;
    text-align   : center;
    width        : 100%;
}

.dialogstyle2
{

    border         : 1px solid green;
    border-image   : none;
    padding-top    : 2px;
    text-align     : center;
    padding-bottom : 2px;
}

.dialogstyle-item
{
    width        : 100%;
    border       : 1px solid green;
    border-image : none;
    padding      : 0px;
    text-align   : center;
    height       : 20px;
}

.btnItem
{
    font-size : 13px;
}

.btn2-Item
{
    margin-left      : 10px;
    background-color : #ffffff !important;
    background-color : #d2caca;
    color            : #0c0c0c;
    font-weight      : bold;
    border-radius    : 5px;
    border-color     : blue;
    border-style     : solid;
    border-width     : 1px;
}

.divtable
{
    padding-left : 0px !important;
}

.divListShow
{
    position    : relative;
    border      : 1px solid #000;
    padding-top : 37px;
    background  : #500;
}

.divshowText-Detail
{
    width          : 100%;
    border         : 1px solid green;
    text-align     : center;
    height         : 20px;
    line-height    : 20px;
    padding-left   : 1px;
    padding-bottom : 0px;
    padding-top    : 0px;
    padding-right  : 1px;
    display        : inline-block;
    vertical-align : middle;
}

.divshowText-Detail2
{
    width          : 100%;
    border         : 1px solid #ccc;
    text-align     : center;
    height         : 20px;
    line-height    : 20px;
    padding-left   : 1px;
    padding-bottom : 0px;
    padding-top    : 0px;
    padding-right  : 1px;
    display        : inline-block;
    vertical-align : middle;
}

.divListShow.positioned
{
    position   : absolute;
    top        : 100px;
    left       : 100px;
    width      : 800px;
    box-shadow : 0 0 15px #333;
}

.divListShow-content
{
    overflow-y       : auto;
    height           : 100px;
    overflow-x       : hidden;
    width            : 100%;
    background-color : #ffffff;
}

.divListShow-content2
{
    overflow-y       : auto;
    height           : 300px;
    overflow-x       : hidden;
    width            : 100%;
    background-color : #ffffff;
}

.divListShow-content25
{
    overflow-y       : auto;
    height           : auto;
    overflow-x       : hidden;
    width            : 100%;
    background-color : #ffffff;
    max-height: 250px
}
.divListShow-content3
{
    overflow-y       : auto;
    height           : 350px;
    overflow-x       : hidden;
    width            : 100%;
    background-color : #ffffff;
}

.tableShowData
{
    border-spacing   : 0;
    width            : 100%;
    background-color : #fff;
}

.tableShowData td + td
{
    border-left : 1px solid #eee;
}

.tableShowDatatd, th
{
    border-bottom : 1px solid #eee;
    color         : #000;
}

.tableShowData td
{
    padding-top    : 3px;
    padding-bottom : 3px;
    padding-left   : 3px;
    padding-right  : 3px;
}

.tableShowData th
{
    height         : 0;
    line-height    : 0;
    padding-top    : 0;
    padding-bottom : 0;
    color          : transparent;
    border         : none;
    white-space    : nowrap;
    padding-left : 3px;
    padding-right: 3px;
}

.tableShowData th div
{
    position     : absolute;
    background   : transparent;
    color        : #fff;
    top          : 0;
    line-height  : 37px;
    border-left  : 1px solid #800;
    padding-left : 3px;
    padding-right: 3px;
}

.tableShowData th:first-child div
{
    border : none;
}

.tableShowData tr:nth-child(even)
{
    background-color : #f2f2f2;
}

.tableShowData tr:hover
{
    background-color : #ddd;

}

/*css table show Detail*/
.tableshow-Detail
{
    border-collapse : collapse;
    width           : 100%;
    font-size       : 12px;
}

.tableshow-Detail thead
{
    background-color : #C1FFFF;
}

.tableshow-Detail thead > tr > th
{
    vertical-align : top;
    border-top     : 1px solid #ddd;
    padding-top    : 1px;
    padding-bottom : 1px;
}

{
    background-color : #C1FFFF
    ;
}
.tableshow-Detail > tbody > tr > td
{
    padding-top    : 1px;
    padding-bottom : 1px;
}

.tableshow-Detail td, th
{
    border     : 1px solid #e6e6e6;
    text-align : center;

}

.taleRerverVacationRl
{
}

.taleRerverVacationRl td
{
    border : none;
}

.taleRerverVacationRl td + td
{
    border-left : none ! important;
    border      : none;
}

.modal-boxText
{
    border           : 1px solid blue;
    border-image     : none;
    width            : 450px;
    height           : 250px;
    background-color : rgb(255, 255, 255);
}

.modal-head
{
    background-color : rgba(70, 184, 218, 1);
}

.modal-headContent
{
    padding       : 5px 5px 5px 10px;
    border-radius : 3px;
    border        : 1px solid blue;
    border-image  : none;
}

.modal-contentCustomer
{
    height : 60% !important;
}

.modal-contentleft
{
    padding : 0px
}

.modal-contentright
{
    width          : 90%;
    border         : 1px solid green;
    padding-top    : 7px;
    padding-bottom : 8px;
    padding-left   : 5px;
}

.modalfooter
{
    text-align     : center;
    vertical-align : bottom;
}

.label-hover
{
    border: 1px solid blue;
    -webkit-box-shadow:0 0 20px blue;
    -moz-box-shadow: 0 0 20px blue;
    box-shadow:0 0 20px blue;
}

.select-inline
{
    width: 60%;
    display: inline-block;
}

.sale_Notes_container {
    overflow: hidden;
    height: 57px;
}
#sale_Notes {
    width: 100%;
    height: 55px;
}

/*end css DungVT*/
@media only screen and (max-width : 760px)
{
    .buttonMenuItem
    {
        width       : 94%;
        margin-left : 3%;
    }

    .header-logo
    {
        border : none;
    }

    .menu-top-title
    {
        text-align : center;
    }

    .divTitleLogo h4
    {
        font-size : 14px;
    }
}

span.keikaError
{ /* 経過欄のエラー表示　　　　赤 */
    color : #f00;
}

span.keikaMsg
{ /* 経過欄のメッセージ表示　　青 */
    color : #00f;
}
td input[type=radio] {
    margin-left: 7px;
}
.iconCalendar
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
/* customer css flex-data-list */
.flexdatalist-results {
    max-height: 150px;
}
.isChange-title {
    border: 1px solid ; background: #FFC000;border-radius:5px
}
.isChange-title p {
    margin: 5px 0
}
.isChange-title p span {
    color: red;
}
.iconCalendar
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
.tabs {
    width:100%;
    margin-bottom: 0px;
    height:100%;
}
.nav-tabs li
{
    height: 45px;
}
.tab-links:after {

    clear:both;
    content:'';
    margin-bottom: 0px;
}

.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;
    margin-bottom: 0px;
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    background:#7FB5DA;
    font-size:16px;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
    margin-bottom: 0px;
    width: 100px;
}

.tab-links a:hover {
    background:#a7cce5;
    text-decoration:none;
    margin-bottom: 0px;
}

li.active a, li.active a:hover {
    background:pink;
    color:#4c4c4c;
    margin-bottom:0px;
}
.tab {
    display:none;

}

.tab.active {
    display:block;
}
.tb-WebReseveListSeach
{
    width: 100%;
}
.tb-WebReseveListSeach
{
    width: 100%;
}
.table-thweb
{
    background-color:#9999ff;
    padding-left:3px;
    text-align: center;

}
.tb-WebReseveListSeach th>tr>td
{
    padding-left:2px;
    padding-right:3px;
    text-align: center;
}
.tb-WebReseveListSeach th, .tb-WebReseveListSeach td {
    border:1px solid #bfbfbf;
    font-size:13px;
    text-align: center;
}

.tableshowLink th td
{
    border:  none ! important;
}
.divshowborder
{
    border: 1px solid #ccc;
}
.tabledivText
{
    text-align: center;
}
.iconEnd
{
    text-decoration: underline;
    background-color: #fff
}
.rowitem-IPhone
{
    margin-left : 2px;
}

.divtitle-IPhone
{
  background-color : #8dda8b;
  height           : 25px;
  vertical-align   : middle;
  font-size        : 15px;
  font-weight      : bold;
  padding-left     : 20px;
  padding-top      : 0px;
  padding-bottom   : 0px;
  padding-right    : 15px;
  line-height      : 25px;
  vertical-align   : middle;
  width: 100%;
}
.linkshow-Detail
{
    text-align:center;
    text-decoration:underline;
    color:#80bfff ;
}
.detail-search
{
    margin-left: 15px;
}
.border-table
{
    border: 1px blue solid;
    border-radius: 5px;
    text-align: center;
}
.border-photo-count
{
    border: 1px solid blue;
    background-color: white;
}
.td-photo-count
{
    width: 10%;
    text-align: center;
}
.btn-inrow {
    height: 20px;
    line-height: 20px;
    padding: 0px 3px;
    width: 100%;
}
.notification-rental span {
    background: #FFC000;
    border: 1px solid #bababa;
}
#modal_extension_Days {
    text-align: right;
}
#extension_Days {
    text-align: right;
}
#modal_fix_Tel_No , #modal_email_account, #modal_keitai_Tel_No {
    width:125px ;
}
input#disp_pickup_Date:disabled, input#modal_disp_pickup_Date:disabled{
    border: none;
    background-color: transparent;
    cursor: normal;
    padding: 0;
}
.content-left
{
    text-align: left !important;
    padding-left: 7px;
}
select.content-center {
    text-align-last: center !important;
}
.content-right
{
    text-align: right !important;
    padding-right: 7px;
}
.orange-color
{
    background-color: #ff8566;
    font-size: 1.1rem;
    font-weight: bold;
}
.green-color
{
    background-color: #8dda8b;
}
.grey-color
{
    background-color: #e6dcdc;
}
.photo-off-reg-height
{
    height: 80%;
}
.photo-off-reg-lineheight
{
    height: 90%;
    line-height: 90%;
}
.padding-right-none
{
    padding-right: 0px;
}
.depo-history-center
{
    text-align: center;
}
.depo-title-background
{
    background-color: #8dda8b;
}
.depo-background-table1
{
    background-color : #efeded !important;
}
.depo-background-table2
{
    background-color: white !important;
}
.table-depobook-detail2
{
    border-bottom: 1px solid black;
}
.depobook-detail2-bgcolor
{
    background-color: #98c1f1;
}
.depobook-detail2-bgcolor2
{
    background-color: #ecb778;
}
.depobook-detail2-bgcolor3
{
    background-color: #eacaca;
}
#depo-history-title {
    overflow: auto;
    background-color : white !important;
}
.hiden-notification-product {
    display: none;
}
#notification-product, #modal_notification-product {
    font-size: 12px;
}
#notification-obi, #modal_notification-obi{
    font-size: 12px;
}
#notification-collar, #modal_notification-collar{
    font-size: 12px;
}
#notification-compartment, #modal_notification-compartment{
    font-size: 12px;
}
#img_product {
    width: auto;
    height: 150px;
    border: 1px solid #ada2a2;
}
#distributor-skills label {
    font-size: 10px;
}
.table-clickable tr {
    cursor: pointer;
}
.border-table
{
    border: 1px blue solid;
    border-radius: 5px;
    text-align: center;
}
.border-photo-count
{
    border: 1px solid blue;
    background-color: white;
}
.td-photo-count
{
    width: 10%;
    text-align: center;
}
.table-depo-new thead {
    background-color: #ffab66;
}
#depo-history-title {
    width: 100%;
    overflow: auto;
}
.photo-off-reg-height
{
    height: 80%;
}
.photo-off-reg-lineheight
{
    height: 90%;
    line-height: 90%;
}
#depo-history .divListShow {
    background-color: #ffffcc;
    color: #000;
    border: 1px solid #ddd;
}
#depo-history .divListShow-content {
    background-color: #ffffcc;
    height: auto;
    max-height: 100px;
}
#depo-history .color-head-depo {
    background-color: #ffffcc;
}
#depo-history .tableShowData {
    border: 1px solid #ddd;
}
#depo-history .tableShowData th div {
    color: #000;
    font-weight: normal;
    border-left: 1px solid #ddd;
}
#depo-history .tableShowData td {
    padding: 5px 3px;
}
#depo-history .hide {
    display: none;
}
.shop-product-list {
    background-color: #b8b8f1;
    border:1px solid blue;
    text-align: center;
}
.shop-product-list-2 {
    margin-left: 20px;
    border:1px solid blue;
    text-align: center;
}
.shop-product-list-3 {
    border:1px solid blue;
    text-align: right;
}
.ime-active {
    ime-mode: active;
}
.ime-inactive {
    ime-mode: inactive;
}
#ph-off-reg-tbl {
    border: 1px solid #000;
    border-top: none;
    background-color: #ffab66;
    width: 100%;
}
#ph-off-reg-tbl td {
    padding: 3px;
}
#btn_submit_order {
    height: 25px;
    line-height: 25px;
    font-size: 1.3rem;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
}
.dialogSuccess
{
    border           : 1px solid green;
    height           : 30px;
    line-height      : 30px;
    vertical-align   : middle;
    text-align       : left;
    padding-left     : 5px;
}
.logo-login
{
    margin-top: -15px;
}
.no-side-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.no-padding-right {
    padding-right: 0px;
}
#tbl-seat-guide {
    height: 200px;
}
#dis_mess {
    font-style: italic;
}

/*For mst_distributor*/
.distant-row-row {
    margin-top: 2px;
}

.biger-radio {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.4);
}

.controll-area, .detail-area, .register-area {
    margin-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.controll-area {
    border: 1px solid #ccc;
}
.register-area {
    padding-top: 5px;
}

.export-exl {
    padding: 5px;
    padding-left: 20px;
    background-color: #F8F8F8;
    border: 1px solid #ccc;
}

.title-2-row {
    border-radius: 5px;
    height: 42px;
}
.title-1-row {
    padding: 0px 3px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    border: 1px solid #ccc;
}

.title-3-row {
    border-radius: 5px;
    height: 64px;
}

.title-color-bright-blue {
    background-color: #e6dcdc;
}
.title-color-gray {
    background-color: #D0CECE;
}

.center-parent {
  display: table;
  text-align: center;
}
.center-child {
  display: table-cell;
  vertical-align: middle;
}

.comment {
    padding: 0px;
    width: 200px;
    margin-top: -17px;
    margin-left: 145px;
}

.error-detail {
    background-color: red;
    color: white;
}

.msg-error {
    border: 1px solid darkgray;
    border-radius: 5px;
    min-height: 20px;
}

.divbox-title-40 {
    height: 40px !important;
}
.webreserve-listser-bg {
    background-color: white !important;
}
#exactCalc_Msg {
    line-height: normal;
}
.text-right {
  text-align: right !important;
}

.p-0 {
    padding: 0px;
}
.p-l-0 {
    padding-left: 0px;
}
.p-l-2 {
    padding-left: 2px;
}
.p-l-9 {
    padding-left: 9px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-11 {
    padding-left: 11px;
}
.p-l-17 {
    padding-left: 17px;
}
.p-l-22 {
    padding-left: 22px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-r-0 {
    padding-right: 0px;
}
.p-r-2 {
    padding-right: 2px;
}
.p-r-4 {
    padding-right: 4px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-t-1 {
    padding-top: 1px;
}
.m-t-1 {
    margin-top: 1px;
}
.m-t-2 {
    margin-top: 2px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-l-10-a {
    margin-left: -10px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-23-a {
    margin-left: -23px;
}
.m-l-15-a {
    margin-left: -15px;
}
.width-full {
    width: 100%;
}
.width-80 {
    width: 80%;
}
.w-65 {
    width: 65px;
}
.w-74 {
    width: 74px;
}
.w-75 {
    width: 75px;
}
.w-83 {
    width: 83px;
}
.w-94 {
    width: 94px;
}
.w-143 {
    width: 143px;
}
.help {
    font-size: 13px;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.dup-name {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.contract-inform {
    height: 40px !important;
    line-height: 40px;
}
.time-rental {
    padding-left: 5px;
    padding-right: 3px;
}
.input-rental {
    width: 80px;
}
.mail-check {
    margin-left: 4px;
    margin-right: 4px;
}
.mail-check-pc {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
.mail-check-mobile {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.b-green {
    background-color: #F2F8E5;
    margin-top: 0px;
    padding-top: 1px;
}
.b-yellow {
    background-color:#FFF8E5;
    margin-top: 0px;
    padding-top: 1px;
}
.b-blue {
    background-color: #E5F5FE;
    margin-top: 0px;
}
.b-red {
    background-color: #FEEDE7;
    margin-top: 0px;
    padding-top: 1px;
}
.border-user-person {
    border-top: 1px solid #ada2a2;
    border-left: 1px solid #ada2a2;
    border-right: 1px solid #ada2a2;
}
.border-user-kana {
    border-left: 1px solid #ada2a2;
    border-right: 1px solid #ada2a2;
}
.color-green-image {
    background-color: #FFF8E5;
    background-image: linear-gradient(#E5F1CC, #A3CF4C);
    border-radius: 10px;
    border: 1px solid #A3CF4C;
    height: 18px;
    padding-left: 3px;
}

.color-yellow-image {
    background-color: #FFF8E5;
    background-image: linear-gradient(#FFF1CC, #FFCF4C);
    border-radius: 10px;
    border: 1px solid #FFCF4C;
    height: 18px;
    padding-left: 3px;
}

.color-red-image {
    background-color: #FFF8E5;
    background-image: linear-gradient(#FDDDD0, #F9865A);
    border-radius: 10px;
    border: 1px solid #F9865A;
    height: 18px;
    padding-left: 3px;
}

.color-red-button-image {
    color: white;
    background-image: linear-gradient(#DC5E5A, #A42724);
    border-radius: 5px;
    border: 1px solid #A42724;
    cursor: pointer;
}

.color-blue-div-image {
    background-image: linear-gradient(#CCECFC, #4CBDF5);
    border-radius: 10px;
    border: 1px solid #4CBDF5;
    height: 18px;
    padding-left: 3px;
}

.color-blue-div-2-image {
    background-image: linear-gradient(#CCECFC, #4CBDF5);
    border-radius: 10px;
    border: 1px solid #4CBDF5;
    padding-left: 3px;
}

.color-blue-image {
    color: white;
    background-image: linear-gradient(#438ACB, #2C689A);
    border-radius: 5px;
    border: 1px solid #2C689A;
}

.color-orange-image {
    color: white;
    background-image: linear-gradient(#F2B868, #D68312);
    border-radius: 5px;
    border: 1px solid #D68312;
}

.color-gray-div-image {
    background-image: linear-gradient(#EEEEEE, #CCCCCC);
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    height: 18px;
    padding-left: 3px;
}

.color-gray-button-image {
    cursor: pointer;
    padding: 0px;
    padding-left: 5px;
}
.color-gray-image {
    color: black;
    background-image: linear-gradient(#EEEEEE, #CCCCCC);
    border-radius: 5px;
    border: 1px solid #CCCCCC;
}

.color-gray-button-image a {
    color: black;
}

.a-under-none:hover,active,visited, focus {
    text-decoration: none;
}

.submit-order {
    height: 50px;
    line-height: 50px;
}

/* 2019-04-18 */
.w-15{
    width: 15.1%;
}

.w-30{
    width: 30.3%;
}

.w-14{
    width: 14.2%;
}

.b-white{
    background-color: white;
}

.w-80{
    width: 80px;
}

.w-97{
    width: 97px;
}

.w-82{
    width: 82px;
}

.w-90{
    width: 90px;
}

.m-r--10{
    margin-right: -10px !important;
}

.p-l-9{
    padding-left: 9px;
}

.m-t-9{
    margin-top: 9px;
}

.p-r-7{
    padding-right: 7px;
}

.h-27 {
    height: 27px;
}

.bg-pink {
    background: #f39798;
}

.divbox-title-radius {
    border-radius: 4px;
    padding: 5px;
    font-weight: bold;
}

.btn-gray {
    background-color: #d0cece;
    width: 130px;
    height: 25px;
    text-align: center;
    margin-top: 10px;
    padding: 0;
}

.no-p-l-r {
    padding-right: 0;
    padding-left: 0;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}