@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
body{ font-family: 'Quicksand', sans-serif; background: #f9f9f9;}


.primary{color: #ed3237;}
.secondary{color:#354b9c;}
.prefect-yellow-color{color:#FFD800;}
.prefect-blue-color{color:#0087E2}
.prefect-red-color{color:#DF3967}
.prefect-green-color{color:#5FCB33}

.login-image{ background: url("../images/loginbg.png"); background-size: 100%;}
.login-wrapper{}
.login-box{background: rgba(255, 255, 255, 0.9);width: 400px;margin: 0 auto;padding: 25px;border-radius: 8px;margin-top: 150px;}
.group_logo{width: 185px;text-align: center;margin-bottom: 40px;margin-top: 25px;}
.field_block{margin-bottom: 20px;}
.textbox{border:none; border-radius:6px;padding: 5px 10px;background: #fff;border: 2px solid #fff;}
.textbox:hover{ border:2px solid #354b9c;}
.loginbox{width: 365px;padding: 15px;font-size: 18px;}
.pswrdbox{width: 365px;padding: 15px;font-size: 18px;}
.pwhelp{}
.pwhelp a{color:#354b9c;margin-bottom: 25px;display: block;}
.cpyinfo{text-align: center;font-size: 13px;margin-top: 30px;text-align: right;}
.login_submit{margin-bottom: 20px;}
.login_submit a{background: #354b9c;color: #fff;display: block;border-radius: 6px;text-align: center;padding: 16px;font-size: 20px;font-weight: bold;}
#myVideo{ position: fixed; top: 0; left: 0; min-width: 100%;min-height: 100%}

.wrapper{}
.header-wrapper{background: #ffd800;padding: 25px 15px;position: fixed;width: 100%;z-index: 2;}
.left-wrapper{background: #333;width: 15%;height: 85%;position: fixed;margin: 15px;border-radius: 8px;overflow: scroll;margin-top: 110px;box-shadow: 0px 0px 8px #ddd;}
.right-wrapper{margin-top: 10px;background: #fff;width: 80%;padding: 20px;border-radius: 8px 0 0 8px;min-height: 800px;box-shadow: 0px 0px 3px #ddd;margin-top: 110px;margin-bottom: 100px;position: relative;z-index: 1;}
.logo_pref{}

.mainnav{}
.mainnav ul{}
.mainnav ul li{}
.mainnav ul li span{ float:left;}
.mainnav ul li span.icons{ width: 24px;height: 24px;text-align: center;overflow: hidden; display: none;}
.mainnav ul li span.text{ padding: 3px 0;}
.mainnav ul li a{color: #ccc;padding: 10px 15px;display: block;font-size: 14px;font-weight: bold;border-bottom: 1px dotted #000;}
.mainnav ul li a:hover{background: #000;}
.mainnav ul li a.active{color: #fff;background: #0087e2;}
.mainnav ul li ul{}
.mainnav ul li ul li{}
.mainnav ul li ul li a{padding-left: 55px;font-size: 13px;color: #ffd800;}
.copyrin{position: fixed;bottom: 10px;right: 10px;z-index: 0;font-size: 12px;}
.partner-logo{position: fixed;right: 15px;bottom: 30px;}


.pageheading{ font-size:20px; font-weight:bold; padding: 10px 0 30px 0;color: #0087e2;}
.listdrag .dragit{ width:100%}
.dragit{ display: inline-block;}
.dep-wrap{width: 150px; display: inline-block;background: #f9f9f9; padding: 15px; border-radius: 6px; border: 1px solid #f4f4f4; text-align: center;margin: 0 8px 8px 0;}
.dep-wrap:hover{ background: #FFD800;}
.dep-head{ width: 80px; height: 80px; border-radius: 300px; overflow: hidden; border:3px solid #fff; margin: 0 auto;}
.dep-name{ font-size: 18px; font-weight: bold; margin-top:10px; height: 60px}
.dep-count{ font-size: 12px; margin-bottom: 15px; margin-top: 5px;}
.dep-wrap a{ display: block; margin-top: 10px;background: #f9f9f9;padding: 5px;border-radius: 4px;font-weight: bold;}
.dep-wrap a:hover{ background: #000; color: #FFD800}
.dep-hdnm{ font-size: 14px; font-weight: bold;}
.dep-hdnm span{ font-size:12px; font-weight:normal;}
.pageaction a{display: block;padding: 10px 15px;background: #f4f4f4;border-radius: 4px;color: #0087E2;border: 1px solid #0087E2;}
.pageaction a:hover{background-color: #0087E2; color:#fff;}

.inwrapper-left{width:76%;}
.inwrapper-right{width: 18%;  padding: 0 24px; ;border-left: 1px solid #ddd;min-height: 400px;}

.dtstmp{margin-bottom: 15px;}
.dtstmp span{float: left;margin-right: 5px;}
.status{margin-bottom: 20px;}
.status span{float: left;margin-right: 10px;line-height: 27px;}
.status p{float: left;}
.status a{background: #fff;padding: 5px 10px;display: block;float: left;font-size: 13px;color: #999;border: 1px solid #ddd;}
a.act{border-radius: 6px 0 0 6px;background: #5FCB33;border: green;color: #fff;}
a.dact{border-radius: 0 6px 6px 0;background: #DF3967;color: #fff;border: red;}

.dep-pic{width: 150px;height: 150px;border-radius: 300px;overflow: hidden;margin: 0 auto;margin-bottom: 20px; background-image: url("../images/avatar.png"); border: 1px solid #ddd;}
.dep-hdinfo{ margin-bottom: 25px;}
.dep-hdinfo p{font-size: 13px;color: #666;margin-bottom: 3px;}
.dep-hdinfo span{color: #000;font-size: 18px;font-weight: bold;}

.pg_valuecount{font-size: 18px;margin-bottom: 20px;}

.tbl-datawrap{}
.tbl-headwrap{background: #f9f9f9;border: 1px solid #eee;padding: 5px 10px;border-radius: 5px;font-weight: bold;}
.tbl-lister{ padding: 10px;border-bottom: 1px dotted #999;}
.tbl-lister:hover{ background:#f9f9f9;}
.tblvalue{float: left;margin-right: 10px;overflow: hidden;line-height: 30px;margin-right: 20px;}
.tbl-charl{ width: 150px;}
.tbl-charxl{ width: 200px;}
.tbl-charm{width: 110px;}
.tbl-chars{width: 80px;}
.tbl-charxs{width: 50px;}
.tbl-media{ width:40px; height: 40px; border-radius: 100px;margin-right: 20px;}
.tbl-media-head{width:40px;}
.tbl-action{float: right;z-index: 1;}
.tbl-action a{color:#0087E2; font-size: 14px;padding: 5px;display: block;position: relative;}
.tbl-action a.active{ color:#fff;font-weight: bold;z-index: 2;}
.list-dactv{ background: #FCEDF1}
.redtxt{color:#DF3967 !important}
.greentxt{color:#5FCB33}
.no-entry{ background:#BAFFF7;}


.actc-actions{background: #0087e2;top: -10px;width: 180px;right: -12px;border-radius: 8px;padding: 40px 0px 0px 0px;box-shadow: 0px 0px 4px #666;overflow: hidden;}
.actc-actions a{ color:#fff;display: block;font-size: 14px;border-bottom: 1px dotted;padding: 10px 15px;}
.actc-actions a:hover{ background-color:#2082CE}
.placeholder{text-align: center;padding-top: 80px;}
.placeholder span{display: block;color: #999;font-size: 20px;}
.placeholder img{opacity: 0.5;}
a.plcholdr-action{background: #0087E2;color: #fff;padding: 10px 25px;display: inline-block;text-decoration: none;margin: 30px;border-radius: 4px;}
.popup_wrap{background: #fff;margin: 0 auto;width: 500px;margin-top: 50px;border-radius: 6px;box-shadow: 0px 0px 4px #333;overflow: hidden;}
.popup_head{background: #0087e2;padding: 25px 20px;font-size: 18px;color: #fff;}
.popup_body{padding: 20px;overflow: scroll;min-height: 250px;max-height: 480px;overflow: auto;}
.popup_actions{padding: 20px; background: #fff;}
.list-actions{border-top: 1px solid #ddd;padding-top: 15px;margin-top: 40px;}

/*axtion buttons css*/
.popup_actions a, .list-actions a, .inqfl-cta a{text-transform: uppercase;font-size: 14px;display: block;padding: 10px 25px;font-weight: bold;border-radius: 4px;line-height: 19px;background: #f9f9f9;margin-left: 25px; margin-bottom: 20px;}
.popup_actions a:hover, .list-actions a:hover, .inqfl-cta a:hover{background: #f4f4f4;}
/*axtion buttons css ends*/

.prim-act{color: #0087e2;background: #d5f1ff !important;}
.secn-act{color: #999;}
.ter-act{background: #FFD5E0 !important; color: #DF3967;}
.popup-sheet{position: fixed;z-index: 10; background:rgba(0,0,0,0.7);width: 100%;height: 100%;}

.form-fld-wrap{margin-bottom: 25px;}
.form_txbox{padding: 12px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 15px;}
.form_txarea{padding: 12px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 15px;resize: none;line-height: 20px;}
.form_slct{padding: 10px 5px;width:100px;}
.form_label{margin-bottom: 10px;font-size: 14px;color: #666;}

.select_xl{ width:300px;}
.select_m{ width:100px;}
.tab-wrap{margin-bottom: 20px;}
.tab-wrap ul{border-bottom: 2px solid #0087e2;}
.tab-wrap ul li{}
.tab-wrap ul li a{float: left;color: #0087e2;padding: 10px 15px;font-size: 14px;border-radius: 4px 4px 0 0;margin-right: 2px;}
.tab-wrap ul li a:hover, .tab-wrap ul li a.active{background: #0087e2;color: #fff;}

.tablb{margin-bottom: 20px;}
.tablb ul{}
.tablb ul li{}
.tablb ul li a{float: left;color: #000;padding: 10px 15px;font-size: 14px;border-radius: 4px;margin-right: 10px; font-weight: bold;}
.tablb ul li a:hover, .tablb ul li a.active{background: #ffd800;color: #000; box-shadow: 1px 1px 2px #ddd;}

.inwrapper-body{padding: 15px;}
.list-wrap{margin-bottom: 5px;line-height: 43px;}
.mode_edit .list-wrap{ margin-bottom: 20px;}
.list-label{width: 220px;color: #666;}
.list-value{font-weight: bold; max-width: 500px;}
span.pre-calc-value{ font-weight:normal; color:#999;}
span.cta-icon{float:left;padding-right: 10px;height: 16px;display:block;}
span.cta-text{float:left; display:block;line-height: 19px;}

.popup-txbox{width:378px;}
.popup-txarea{width: 578px; height: 80px;}
.popup-txarea-s{width: 378px; height: 80px;}
.page-frm-names{ width:400px;}
.page-frm-dates{ width:150px;}
.page-frm-snum{ width:90px;}
.page-frm-qty{ width:60px;}
.page-frm-icode{ width:120px;}
.page-frm-mbil{ width:200px;}
.page-frm-adrs{width: 400px;height: 80px;}
.option-block{margin-right: 20px;}
a.dp_mdfy{right: 50px;top: 90px;padding: 10px;background: rgba(255,255,255,0.8);border-radius: 30px;}
.page-sec-hding{color: #df3967;margin-bottom: 20px;font-size: 20px;font-weight: bold;}

span.senderinfo{display: block;
line-height: 20px;}
.inpagenav{}
.inpagenav a{display: block;padding: 11px;margin-right: 15px;border-radius: 4px;}
.inpagenav a:hover{ background:#f4f4f4;}
.rsd-hding{color: #0087e2;font-size: 18px;margin-bottom: 20px;font-weight: bold;border-bottom: 2px solid;padding-bottom: 15px;}
.frinq-binfo{margin-bottom: 15px;}
.frinq-tpinfo{width: 250px;margin-right: 20px;}
.frinq-tpinfo span{font-size: 16px;display: block;line-height: 22px;font-weight: bold;}
.frinq-life{font-size: 13px;color: #999;}
.frinq-dtstmp{font-size: 13px;font-weight: bold;}
.tp-label{font-size: 15px !important;color: #666;font-weight: normal !important;}
.inquerer{margin-bottom: 20px;padding: 15px;background: #f9f9f9;border-radius: 12px;box-shadow: 2px 2px 0px #ddd;}
.inqr-follow{background: #f9f9f9;border-radius: 12px;margin-left: 60px;margin-bottom: 15px;box-shadow: 0px -2px 0px #ddd;}
.inqr-follow:hover{ background: #f4f4f4;}
.inqage{border-top: 1px dotted #999;padding-top: 15px;}
.inqfl-heads{margin-right: 15px;background: #eee;padding: 8px 15px;border-radius: 25px;}
.inqfl-heads span{}
.inqfl-typ{background: #eee;padding: 8px 15px;border-radius: 25px;}
.inqfl-schd{background: #eee;padding: 8px 15px;border-radius: 25px;}
.flw-cmnt{color: #003a95;margin: 0 20px;line-height: 22px;text-align: justify;border-left: 2px solid #ddd;padding-left: 15px;}
.inqfl-dtstmp{color: #999;font-size: 12px;line-height: 26px;}
.inqhdr{padding: 20px 20px;font-size: 14px;font-weight: bold;}
.inqftr{padding: 20px;}
span.inqicn{margin-right: 10px;display: block;height: 18px;width: 18px;}
.overdueflwp{background: #ffd9d9 !important;}
.overdueflwp .inqhdr{ color:#f00 !important;}
.fldup{ background:#f4f4f4;width: 550px;float: right;top: -35px;padding: 15px;border-radius: 12px 0 12px 12px;min-height: 60px;}
.teamcmnt{padding: 10px 0;text-align: justify;}
.flwmood{background: #fff;padding: 8px;width: 18px;height: 18px;border-radius: 100px;}
.flwup{ width:650px;}

.callfeed{}
.callfeed a{padding: 10px;width: 18px;height: 18px;display: block;float: left;background: #f4f4f4;border-radius: 30px;margin-right: 15px;}
.callfeed a:hover, .callfeed a.active{ background-color:#0087E2;}
.horz-form-wrap{ margin-bottom:30px;}
.horz-block{ margin-right:20px;}
.pageaction{ margin:10px 0 30px 0;}
.sentmsg{background: #f9f9f9;border-radius: 12px;margin-bottom: 15px;box-shadow: 0px -2px 0px #ddd;padding: 20px;}
.sentmsg span{display: block;text-align: justify;margin-bottom: 15px;}
.msgtyp{font-size: 12px;color: #999;background: #fff;padding: 5px 8px;border-radius: 4px;margin-right: 10px;}
.fabbutton{}
.msgcrt{right: 20%;bottom: 7%;}
.fabbutton a{background: #0087e2;color: #fff;display: block;padding: 10px 20px;border-radius: 30px;box-shadow: 0px 0px 12px #999;}
.inqclosed{background: #ffd9d9 !important;}
.typobox {
    background: #f4f4f4;
    top: 30px;
    z-index: -1;
    border-radius: 8px;
    height: auto;
}
.typolist.active {
    background: #d8e3c8;
}
.typolist {
    padding: 0px 25px;
    border-bottom: 1px solid #ddd;
}
.typolist.active span.typrmnm {
    color: #0E4B00;
    font-weight: bold;
}
span.typrmnm {
    font-size: 16px;
    padding: 0px 0;
    color: #666;
}
.fnclstitms {
    margin-bottom: 20px;
    max-height: 200px;
    min-height: 200px;
    overflow-y: auto;
}
.fnclstitms ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.fnclstitms ul li {
    border-bottom: 1px dotted #999;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
}
.importerlist {
    line-height: 26px;
    text-transform: capitalize;
}
.importwidthd {
    width: 200px;
}
.oldsesswidthd {
    width: 90px;
}
.fnctyp {
    background: #ddd none repeat scroll 0 0;
    border-radius: 2px;
    color: #446700;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    padding: 5px;
}
.lgbtn{}
.lgbtn a{margin-right: 50px;
background: #fff;
display: block;
padding: 8px 15px;
border-radius: 4px;
margin-top: 5px;}
.tbl-charxxl{ width: 400px;}

.pdfpopup{ width:650px;}

.grp-pdflist{margin-right: 15px;}
.popup-pgscnt{width: 50px;}
.pdfrmv{}
.pdfrmv a{display: block;padding-top: 36px;padding-bottom: 8px;}
.pdfwrap{padding: 20px;background: #f9f9f9;border-radius: 4px;border: 1px solid #ddd;}
.sqnc-tgl{}
.sqnc-msg{}
.sqnc-optn{}
.dotmenu{right: 0;
top: 0;}
.menul-actions{background: #0087e2;top: -10px;width: 180px;right: -12px;border-radius: 8px;padding: 40px 0px 0px 0px;box-shadow: 0px 0px 4px #666;overflow: hidden;}
.menul-actions a{ color:#fff;display: block;font-size: 14px;border-bottom: 1px dotted;padding: 10px 15px;}
.menul-actions a:hover{ background-color:#2082CE}
.noindata{background: #fdcdcd;
display: inline;
padding: 5px 10px;
border-radius: 15px;
color: #f00;}
.tbl-charxxs{ width:25px}
.signupbox{background: rgba(0,0,0, 0.8);padding: 0% 8%;overflow: scroll;height: 100%;right: 0;color: #fff !important;width: 410px;}
.sgpbox{padding: 50px 0;}
.pswrdguide{display: block;font-size: 12px;padding: 10px 0px;line-height: 16px;color: #ff9b9b;}
.sgpbox{}
.sgpbox .form-fld-wrap .form_label{ color:#fff;}
.sgpbox .pwhelp a{  color:#ffd800;}
.frhd{font-size: 35px;font-weight: bold;color: #ffd800;margin-bottom: 40px;}
.bch-logo{left: 20%;top: 25%;}
.ahp-logo{left: 20%;top: 47%;}
.listdrag.dragit{ display:block !important;}
.vdoloader {
	background: #9dc803;
	font-size: 14px;
	padding: 5px 10px;
	color: #fff;
}
.active_menu{ border-bottom: 2px solid #0000FF !important;}
span.instruction{ color:#666; font-size: 12px; font-style: italic;}
.atchdsply{background: #f9f9f9;
border: 1px solid #ddd;
padding: 10px;
display: block;
border-radius: 4px;
margin-top: 15px;}
.crclr{ height:450px}

.crc-wrap{background: #fff;box-shadow: 0px 0px 3px 1px #ddd;padding: 20px;border-radius: 4px;margin-bottom: 5px;}
.crc-wrap .list-actions{margin-top: 15px;border-top: dashed 1px #ddd;}
.crc-wrap .list-actions a{margin-bottom: 0px;}
.crc-sndr-typ{padding-bottom: 15px;}
.crc-wrap:hover{ background: #f9f9f9;}
.crc-sndr-typ span{ float:left;width: 100px;font-weight: bold;color: #666;}
.crc-sndr-typ p{float:left;}
.crc-sndr-typ p a{background: #ddd;padding: 3px 8px;display: block;float: left;font-size: 12px;margin-right: 8px;border-radius: 20px;color:#000;}
.crc-msg{margin-bottom: 10px;padding-left: 10px;border-left: 2px solid #ddd;line-height: 20px;margin: 18px auto;}
.crc-dte{font-size: 12px;color: #999;}

.crc-atch{margin-bottom: 15px;background: #f4f4f4;padding: 10px 15px;display: inline-block;border-radius: 4px;border: 1px solid #ddd;}
.crc-img{margin-right: 8px;}
.crc-flnm{margin-right: 14px;}
.crc-dwld{}
.crc-dwld a{}
a.vcntw{ background:#0087e2; color:#fff; padding:5px 15px; font-size:12px; text-align:center; border-radius:100px;}
.rprt_view{ width:850px !important;}
.rprt-vdothumb{width: 380px;margin-right: 20px;}
.rprt-vdoblk{margin-bottom: 10px;}
.rprt-vdindowrap{margin-bottom: 8px;}
.rprt-vdindowrap span{width: 100px;font-weight: bold;}
.rprt-vdindowrap p{font-size: 14px;width: 280px;}
.rprt-statswrap{width: 385px;border-left: 1px solid #eee;padding-left: 20px;}
.rprt-pie{text-align: center;margin-right: 30px;}
.rprt-count{margin-bottom: 10px;width: 85px;background: #f9f9f9;padding: 10px;border-radius: 2px;}
.rprt-count span{font-size: 12px;}
.rprt-count p{font-size: 20px;font-weight: bold;}
.vdtls a{padding: 10px 0;display: block;text-align: center;margin-bottom: 15px;}
.rprt-section{ margin-bottom: 30px;border-bottom: 1px solid #f4f4f4;}
.inpopup-hding{font-weight: bold;margin-bottom: 20px;font-size: 16px;}
.cltyplogo{ }
.vprcnt{width: 45px;background: #f9f9f9;padding: 10px 12px;border-radius: 6px;margin: 20px 0;}
.vprcnt span{font-size: 23px;font-weight: bold;}
.vprcnt p{font-size: 12px;}
.rprt-listrprt{width: 450px;height: 498px;overflow: scroll;background: #f9f9f9;border-radius: 0px 4px 4px 0;border-left: 4px solid #d5f1ff;}
.rprt-listtab{border-left: 1px solid #eee;margin-left: 15px;width: 120px;height: 498px;overflow: scroll;}
.rprt-listtab{border-radius: 4px 0 0 4px;}
.rprt-listtab ul{background: #f9f9f9;}
.rprt-listtab ul li{}
.rprt-listtab ul li a{display: block;padding: 10px;color: #000; font-weight: bold;}
.rprt-listtab ul li a:hover, .rprt-listtab ul li a.active{ background:#d5f1ff; }
.rprt-btmbar{background: rgb(255,216,0);
background: linear-gradient(53deg, rgba(255,216,0,1) 0%, rgba(223,57,103,1) 100%);width: 390px;right: 45px;bottom: 101px;height: 65px;padding: 15px;box-shadow: 0px -3px 7px #ddd;border-radius: 4px 4px 0 0;}

.vlogs{ width:250px;}
.vlogs .dep-head{width: 200px;height: 120px;border-radius: 0;}
.vlogs .dep-head img{width: 200px;height: 120px;}
.artclad{ right:20%; bottom:5%;}
.charlimits{ display:block; font-size:12px; color:#999; padding:5px 0;}
.filedisplay{}
.filedisplay span{}
.filedisplay a{}
.classlist{ float: left;margin-right: 15px;margin-bottom: 10px;}
.classlist span{}
.classlist p{width: 75px;}
.imgatch{}
.imgatch a{ float:left;margin:0 7px 12px 7px}
.searchwarp{margin: 13px;margin-right: 30px !important;}
.srchbox{}
.srchbox input{border-radius: 4px;border: none;background: #f4f4f4;padding: 5px;font-size: 14px;line-height: 25px;padding: 5px 10px;}
.srchbtn{}
a.srchbtn{background: #333;color: #ffd895;padding: 8px 15px;border-radius: 2px;margin-left: 5px;}

/* tq_css */

.tq-sbs{
    margin: 0px 0px 10px 0px;
}
.tq-sbs-tab{
    width: 210px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 0px 20px 20px 0px;
    background-color: #f4f4f4;
    min-height: 100px;
}
.tq-sbs-title{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    color: #333;
}
.tq-sbs-des{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;    
    padding: 10px 0px;
}
.tq-sbs-stitle{
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3;
    color: #999;
}
.tq-sbs-chart{
    height: 400px;
}
.tq-sbs-det{
    margin: 10px 0px;
}
.tq-sbs-tslist{
    width: 68%;
    border-right: 1px solid #eee;
    padding: 0 1% 0 0;
}
.tq-sbs-lbox{
    width: 30%;
}
.tq-sbs-rbx{
    padding: 20px;
    background-color: #f4f4f4;
    margin: 10px 0px 20px 0px;
}
.tq-sbs-actn{
    color: #0087e2;
    margin: 0px 0px 0px 10px;
    font-size: 14px;
    font-weight: normal;
    padding: 24px 0px 10px 0px;
    line-height: 1.5;
}
.gtxt{
    color: #777;
}
.list-att{
    background-color: #f7f7f7;
}
.tq-datascroll{
    max-height: 540px;
    overflow: scroll;
}
.tq_searchwarp{
    margin: 10px 0px;
}
.tq-filter{
    margin: 0px 0px 20px 0px;
    padding: 10px;
    background-color: #f4f4f4;
}
.select_l{
    width: 125px;
}
.tq-or{
    font-size: 17px;
    color: #777;
    line-height: 1.8;
    margin: 0px 10px 0px 0px;
    padding: 40px 0px 0px 0px;
}
.fltrbtn{
    margin: 46px 0px 10px 0px;
}
.tq-rmrgn{
    margin: 10px 10px 10px 0px;
}