/*  =============================================
      Name : Pratomrerk
	  Email : Pratomrerk@gmail.com
	  Update : 17/01/2022
    ============================================= */
    
    .but_bg, .but, .but_blue, .but_red{
        cursor:pointer;
		padding:5px 10px;
        background-color: #EBECF0;
        border: 0.5px solid #EBECF0;
        color:#1d1d1f !important;
        -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
        min-height: 30px;
        min-width: 80px;
        text-align: center;
        margin: 3px 0;
		display:inline-block;
    }

    .but{
        background-color: #FFF;
        border: 0.5px solid #0070c9;
        color: #0070c9 !important;
    }

    .but_bg:hover {
        background-color: #D4D5D8;
    }
    .but_bg:active {
        background-color: #B6CDEF;
    }

    .but_blue{
        background-color: #0070c9;
        border: 0.5px solid #0070c9;
        color:#FFF !important;
    }

    .but_red{
        background-color: #d83526;
        border: 0.5px solid #d83526;
        color:#FFF !important;
    }

    .but_link, .but_link_blue, .but_link_red{
        cursor:pointer;
        padding:5px 10px;
        -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
        min-height: 30px;
        min-width: 80px;
        text-align: center;
        margin: 3px 0;
		display:inline-block;
    }

    .but_link{
        color:#1d1d1f;
    }

    .but_link_blue{
        color:#0070c9 !important;
    }

    .but_link_red{
        color:#d83526 !important;
    }

    .but_link:hover, .but_link_blue:hover, .but_link_red:hover, .bg_blue:hover {
        background-color: #F8FAFF;
    }

    .link_hover{
        cursor:pointer;
    }
    .link_hover:hover{
        color:#0070c9 !important;
    }

    .but-down {
        background: url(https://ecmo.medicine.psu.ac.th/themes/images/drop-down.png) 97% no-repeat;
        background-position: 97% 50%;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        padding-right: 35px;
    }

    .but-add{
		cursor: pointer;
		width: 28px;
		height: 28px;
		margin: 3px;
		background-image: url(https://ecmo.medicine.psu.ac.th/themes/images/add-data.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 50% 50%;
    }
    
    .but2 a{

        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        padding:8px 18px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        margin: 3px 0;
        
    }
    .but2 a:hover {
		text-decoration:none;

        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        
        background-color:#f6f6f6;
    }
    .but2 a:active {
        position:relative;
        top:1px;
    }

.tabpage{
    display:inline-block;
    border:0.5px solid #dcdcdc;
    border-right: 0;
    padding: 0;
    background: #FFF;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    cursor: pointer;
}
.tabpage b{
	padding: 4px 3px;
}
.tabpage a{
    display:inline-block;
    padding: 4px 15px;
    border-right: 0.5px solid #ced6e0;
}
.tabpage a:first-child{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.tabpage a:last-child{
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.tabpage a:hover {
	background-color:#dfdfdf;
}