/*
Theme Name: Utseende
Theme URI: 
Description: Utseende
Version: 1.0
Author: 
Author URI: 
*/

body {
font:normal 11px Verdana,Arial, Sans-Serif;
color : #333;margin:0; padding:0;
background:#000;
}

a {color:#06c;text-decoration:none;outline:0;}
a:hover {text-decoration :underline;}
h1, h2, h3, h4, img, form, ul, ol, li, table, td,input, select {margin:0; padding:0;}

h1, h2 {font:bold 13px Verdana,arial, Sans-Serif;}
h3, h4 {font:bold 13px Verdana, arial, Sans-Serif;color:#06c;padding:10px 0;}

a img {border:0 none;}
p {padding:5px 0;margin : 0;line-height:18px; }
blockquote {margin: 10px 30px;padding:0 0 0 10px;  border-left:3px solid  #d6d6d6;}
code { font: 11px 'Courier New', Courier, Fixed; border:1px dashed #ddd;margin:10px;padding:10px;display:block;}
textarea {width:500px;}
.vspace {height:20px;}

/*  ====================== Common ======================= */

/* Alignments */
.alignright { float: right;	width:auto;}
.alignleft { float: left;width:auto;}
.center, .centered {text-align:center;}
.righttext {text-align:right;}
small {font-size:11px;letter-spacing:.5px;}


/*Images */
img.centered, img.center { display: block;	margin:5px auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;float:right;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.center_block {margin:0 auto;}


/* Navigation */
.navigation { display: block; color:#1B8E29; padding:5px 10px 0 10px;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}


.clr {clear : both;font:normal 1px/1px arial; height:1px !important; width:1px;line-height:1px  !important;display:block;}

/*  ====================== Page Structure ======================= */
#outer {background:#eee url(images/bg.gif) repeat-x;}
#wrapper {/*width :960px;*/ margin:0 auto;padding:25px 0 0 0;margin-bottom:-15px; position:relative;}
* html #wrapper {margin-bottom:0;}
#btm {margin:0 auto;height:15px; font:normal 1px/1px arial; position: relative;}
#main {padding: 10px;background: white;}
#header {height:69px;}
/* #content {float:right; width:710px;} */
/* #sidebar { width:220px;} */
#footer-outer {background: url(images/f-bg.gif) repeat-x;}
#footer {font:normal 11px Verdana,arial; margin:0 auto; color:#999;background: url(images/f-logo.gif) no-repeat top center;padding: 45px 15px; }



/*  ====================== Header ======================= */
.logo {display:block;margin: 0 10px;width:183px; height:45px;background:url(images/logo.gif) no-repeat;}
.logo span {display:none;}
.tagline {float:right;background:url(images/slogan.gif) no-repeat;width:345px; height:45px;}
.tagline span {display:none;}

/* Navigation */
#nav { list-style:none;;min-height: 40px;;}
#nav li, #nav li a {display:block; float:left; }
#nav li {}
#nav li a {color:#fff; font:bold 11px/16px Verdana, arial;padding:12px 22px; background:url(images/nav-li.gif) no-repeat right top;}
#nav li.current_page_item a, #nav li a:hover {text-decoration:none;background:url(images/nav-li.gif) repeat-x right bottom;}



/*  ================================= Contents ============================= */

.post {margin-bottom:15px;    border: 1px solid #d5d5d5; border-radius: 5px;}
/* .post-top {width:710px; background:url(images/cont-top.gif) no-repeat;font:normal 1px/1px arial;height:7px;} */
/* .post-btm {width:710px; background:url(images/cont-btm.gif) no-repeat;font:normal 1px/1px arial;height:7px;} */
.post-main {padding:5px 10px; }

.list-top {    height: 50px;width:100%; background: rgb(255,118,3);background: linear-gradient(360deg, rgba(255,118,3,1) 0%, rgba(255,161,63,1) 100%); border-radius: 3px 3px 0 0;}
.sform {float:right;text-align:right;padding:10px 20px 0 0; height:26px;}
.sform p {margin:0; padding:0;line-height:26px; font-weight:bold; color:#fff;}
.sform input, .sform select {vertical-align:middle; margin:0 4px;border:1px solid #7F9DB9;}
.sform .txt { line-height:16px; height:16px;padding:4px 2px;width:62px;}
.sform select {height:24px;width:80px;line-height:18px;padding:2px 2px;}
.sform input.btn {border:0;height:26px;margin:0;width:66px;padding:0;}

.list-top .list-row li{
	height:25px;line-height:25px;
}
.list-row {clear:both; padding:7px 0;list-style:none;border-bottom:1px solid #e5e5e5; margin:0 auto;overflow:hidden; width: 100%;}
.lr-title {font-weight:bold;color:#fff;border:0;display: none;}
.lr-alt {background:#F9FAFB;}
.list-row li {float:left;line-height:75px;display:block;height:75px; padding-right:10px; padding-left:12px;}
.list-row td {padding-right:10px; padding-left:12px; height:auto; line-height:inherit;}
.list-row td span{
	display:block;
	float:left;
	line-height:18px;
	/*height:25px;*/
    margin-right: 5px;
    min-width: 70px;
	text-align:right;
}
.list-row td span#ccode{
	display:block;
	float:left;
	line-height:18px;
	/*height:25px;*/
	min-width:7px;
	padding:0 0 0 5px;
}
.list-col-1 {width:90px;}
.list-col-2 {width:70px; }
.list-col-3 {width:70px; }
.list-col-4 {width:70px; }
.list-col-5 {width:76px; }
.list-col-6 {width:132px; }
.list-col-7 {width:120px;}
.list-col-8 {width:72px; }
.list-col-1 img {display:block;float:left;line-height:auto;margin:auto;}
.list-view {overflow-x: scroll;}

/*  ================================= Sidebar ============================= */
.sb-box {margin:0 0 20px 0;font:normal 11px/18px Verdana, arial; border: 1px solid #d5d5d5; border-radius: 5px;}
.sb-main {width:200px; padding:0 10px 10px 10px ;}
.sb-box h2 {padding:10px 10px 20px 10px; font:bold 13px/20px Verdana, arial; color:#fff;background: rgb(255,118,3); background: linear-gradient(360deg, rgba(255,118,3,1) 0%, rgba(255,161,63,1) 100%);;margin:0; border-radius: 3px 3px 0 0; }
.sb-box ul {list-style:none;}
.sb-box li {padding:2px 0;font:normal 12px/16px Verdana, arial;}
.sb-box li a {color:#666;}

.sb-box li a:hover {color:#000001;}

.more_link {background:url(images/more.gif) no-repeat left center; padding-left:20px;vertical-align:middle;color:#06c;float:left;height:18px;}

/*  ================================= Footer ============================= */

.footer_left {float:left;}
.footer_left p {padding:5px 0 0 0;}
.footer_rt {float:left; padding-left:20px;text-align:right;}
#fnav {list-style:none;padding-bottom:5px;float:left;}
#fnav li {display:inline; padding:0 6px 0 8px; background:url(images/f-li.gif) no-repeat left center;}
#fnav li.home {padding-left:0; background:none;}
#footer a {color:#999;}
#footer a:hover {color:#ccc;}
/*  ================================= Others ============================= */

a:hover { color:#FF6F02;}

.empty{
	padding:0 30px 10px;
	font-size:17px;
	font-weight:700;
	line-height:30px;
	display:block;
	margin:0 auto;
}
.fixedadbox{
	position:absolute;
	z-index:1200;
	width:200px;
	height:300px;
	right:-210px;
    top:400px;
    display: none;
}
.navdrop{
width:121px;
}
.list-row td span.feename{
	display:block;
	float:left;
	line-height:18px;
	min-width:70px;
	text-align:left;
}
/*Added on 20-jun*********/
/* .sb-box{
	width: 200px;
} */
.sb-main{
	width: 180px;
}
/* #content{
	width: 720px;
} */
/* #sidebar{

} */
/* .post{
	width: 720px;
} */
/* .list-top{
	width: 720px;
} */
.post-btm{
    width: 720px;
    display:none;
}
.post-top{
    width: 720px;
    display:none;
}

.text01{
    font-size: 13px;
    color: #999999;
    font-weight: bold;
}
.m-b{
    margin-bottom: 10px;
}
.form-group{
    margin-bottom: 10px;
}
.text02{
   font-size: 13px;
    color: #999999; 
    margin-bottom: 5px;
    font-weight: bold;
}
.form-control{
     background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 300px;
}
.form-control-2{
     background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 275px;
}
.form-content{
    
    padding-top: 20px;
    padding-bottom: 20px;
}
.submit-button{
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-top: 7px;
    background: url("images/nav-li.gif") repeat-x scroll right bottom rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    font-size: 13px;
    font-weight: bold;
}
.submit-button:hover{
    color: #fff !important;
    text-decoration: none;
}
.submit-button a{
    color: #fff;
    text-decoration: none;
}

/*---------- 28-10-19 ----------- */

@media (min-width: 1200px)
{
    #wrapper, #footer {
        max-width: 1140px;
    }

}

@media (min-width:768px)
{
    #main{
        display: flex;
        flex-direction: row-reverse;
    }

    #content{
        margin-left:5px;
        flex:1;
    }

    #sidebar{
        margin-right:5px;
    }

    .footer_rt {
        float: right;
        padding-left: 20px;
        text-align: right;
        width: 34%;
    }
    #nav ul:first-child {
        margin-left: 10px;
    }
}

#mainmenu{
    background: #333;
    border-radius: 5px 5px 0 0;
}

.menu-toggle{
    display:none;
    padding: 10px;
    margin-left: auto;
}

.toggle-outer {
    text-align: right;
    display: flex;
}

@media (max-width:768px)
{
    #nav{
        display: none;
    }
    #nav li{
        display: inline-block;
        float: none;
        width: 100%;
    }

    #nav li a{
        background: none;
        width: -webkit-fill-available;
    }

    .menu-toggle{
        display:block;
        padding: 15px 10px;
    }

    .logo {
        transform: scale(0.7);
        transform-origin: left;
    }

    .tagline {
        background-size: contain;
        background-position: center;
        margin: 0 10px;
        width: 141px;
    }

    #fnav {
        float: none;
        display: inline;
    }

    .footer_left {
        float: none;
    }

    .footer_left{
        text-align: center;
    }

    .footer_rt {
        text-align: center;
    }

    li.current_page_item {
        background: rgb(255,118,3);
        background: linear-gradient(360deg, rgba(255,118,3,1) 0%, rgba(255,161,63,1) 100%);
    }
    .items {
        min-width:768px;
    }

        /* width */
    ::-webkit-scrollbar {
        width:5px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    ::-webkit-scrollbar-thumb {
        background: #ff9934;
    }
    

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

}

.post .post {
    border: 0;
}


.img-responsive{
    max-width:250px;
}  

@media only screen /* adding only query */
    and (min-width:320px) 
    and (max-width:500px) {
        .img-responsive{
            max-width: 100%;
            margin: 15px 0;
        }
    }


    .view:first-child{
        background:red
    }

    .table-head-custom {
        color: #ff7704;
        font-weight: bold;
    }


    .table-head-custom tr td:last-child {
        text-align: center;
    }

    .form-header{
        font: bold 13px/20px Verdana, arial;
        color: #fff;
        font-size: 13px;
        margin: 10px !important;
    display: inline-block;
    }