@font-face {
    font-family: 'vineritc';
     src:url('../fonts/VINERITC.TTF');
}


/* vietnamese */
/* encode-sans-regular - latin */
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Encode Sans Regular'), local('EncodeSans-Regular'),
       url('../fonts/encode-sans-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans-v2-latin-regular.svg#EncodeSans') format('svg'); /* Legacy iOS */
}



/*log in*/
.login-container { position:fixed; top:0; bottom:0; left:0; right:0; background:  url(Content/images/logobg.jpg) center top no-repeat; background-size:cover; z-index: 6 }
.login-container:before, .login-container:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0;/*background:url(images/shadow.png) no-repeat; background-size: cover; */ }
.login-container:before { background-color:rgba(3, 32, 39, 0.8); -moz-box-shadow:    inset 5px 5px 0 #032027, inset 0 0 250px #032027; -webkit-box-shadow: inset 5px 5px 0 #032027, inset 0 0 250px #032027; box-shadow:  inset 5px 5px 0 #032027, inset 0 0 250px #032027; z-index: 7; }
.login-container:after { background:url(Content/images/line-pattern.png) left top repeat; background-size: 7%; z-index: -1; opacity: .2 }
.login-container-outer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; }
.login-container-inner { display: table; width: 100%; height: 100%; }
.main-center-v { padding-top: 6%; display: table-cell; vertical-align: top; }
.main-login { background-color: #fff; /* shadows and rounded borders */
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
.main-center { margin-top: 30px; margin: 0 auto; max-width: 450px; padding:30px; box-shadow: 0 0 13px 10px #292929, 0 0 0 3px #000; border-radius: 6px; position: relative }
.login-heading { position:relative; text-align: center; margin-top: 11px; }
.login-heading h1 { font-size: 1.125em; background: #13c0df; color: #fff; padding: 4px 25px 6px; overflow: hidden; top: -18px; border: 3px solid #e7e7e7; border-radius: 6px; display: inline-block; font-family: 'Encode Sans', sans-serif; position: relative; }
.login-heading .line { border-bottom:1px solid #dcdcdc; display: block; width:100%; }
.login-input-box-outer { position: relative; margin-top: 26px; margin-bottom: 40px; }
.main-center .login-input-box { position: relative; margin-bottom: 36px; }
.main-center .login-input-box input { border:none; outline: none; font-size: .813em; border-bottom: 1px solid #dcdcdc; width:100%; padding-bottom: 4px; color: #7d7c7c; padding-top: 5px; /*padding-left:5px;*/
    height: 30px; }
.login-input-box-error{    margin-top: -30px;float: left;font-size: .875em}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:rgb(255, 255, 255);}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.main-center .login-input-box input.error { border:none !important; border-bottom: 2px solid #e83434 !important; }
/*slect dropdown */
.select-dd + .select2-container--default .select2-selection--multiple { border-radius:0 }
.select2-container--default .select2-search--inline .select2-search__field { margin-top:8px }
.select2-dropdown { z-index:1070 }
.error + .select2-container--default.select2-container--focus .select2-selection--multiple, .error + .select2-container--default .select2-selection--multiple { border:1px solid #b74750 !important }
 .main-center .inputText:focus + .floating-label, .main-center .inputText:not(:focus):valid + .floating-label {
 bottom: 32px;
 left: 0;
 font-size: .813em;
 opacity: 1;
 color: #4d4d4d;
}
 .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:#ffdd77}
.main-center .login-input-box .error.inputText:focus + .floating-label, .main-center .login-input-box .error.inputText:not(:focus):valid + .floating-label {
color:#e83434
}
.main-center .inputText { font-size: 14px; width: 200px; }
.main-center .floating-label { font-size: .813em; color: #aeaeae; position: absolute; pointer-events: none; left: 0; bottom: 7px; transition: 0.2s ease all; font-weight: normal; }
.login-btn-box { text-align: right }
.login-btn-box>.btn { padding-left:18px }
.login-button { margin-top: 5px; }
.login-register { font-size: 11px; text-align: center; }
.lostpassword { position: absolute; bottom: -25px }
.lostpassword a { text-decoration: underline; font-size:.813em; color:#13c0df }
.lostpassword a:hover { color: #4de4ff }
.poweredby { position:fixed; bottom:20px; right:30px; z-index:10 }
.poweredby img { height: 51px; }
.login-btn { border:1px solid #96f0ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:12px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; color: #4d4d4d; background-color: #cef8ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8)); background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8); background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8); background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8); background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8); background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cef8ff, endColorstr=#7fe0f8);
}
.login-btn:hover { border:1px solid #68e9ff; background-color: #9bf1ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5)); background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5); background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5); background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5); background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5); background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9bf1ff, endColorstr=#4fd4f5);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body, html { font-family: 'Encode Sans', sans-serif; color:#4d4d4d; font-size:100%; line-height: inherit; height:100%; }
.mv-content { background:#ededf0; min-height:100% }
.body-container { position: fixed; top:0; bottom: 0; left:0; right:0; width:100%; height: 100%; }
.body-container-inner { position: relative; width:100%; height: 100%; overflow-x: hidden; overflow-y:auto; }
.navbar { min-height: 70px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.navbar-nav>li>a { padding-top:25px; padding-bottom:24px; color:#505050 }
.navbar-default .navbar-brand, .navbar>.container-fluid .navbar-brand { padding: 0; margin: 0 15px; float: left; margin-top: 11px; }
.navbar-default .navbar-brand img { max-height:50px }
.app-search { margin-top: 20px; position: relative; }
.app-search .form-control, .app-search .form-control:focus { border: none; font-size: 13px; color: #4c5667; padding-left: 20px; padding-right: 40px; background: rgba(255, 255, 255, .9); box-shadow: none; height: 36px; font-weight: 600; width: 180px; display: inline-block; line-height: 36px; border-radius: 40px; border:1px solid #13c0df;  transition: .5s ease-out;
}
.app-search .form-control:focus { width: 300px; }
.app-search a { position: absolute; top: 9px; right: 15px; color: #13c0df; }
.badge-outer { margin-top: 14px; padding: 0 10px; }
.badge-outer .nav-pills>li>a { width: 56px; height: 40px; border-radius: 40px; padding: 9px 0; margin: 0 10px; border: 1px solid #13c0df; text-align: center; }
.badge-outer .nav-pills>li>a>.badge { margin-left: 3px; position: absolute; top: 0; background: red; display: inline-block; width: 22px; padding: 5px 5px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #13c0df; border-radius: 50%; height: 22px; vertical-align: middle; right: -8px; top: -6px; }
.plus-btn {  border-radius: 4px; padding: 6px 10px; margin: 0 10px; border: 1px solid #13c0df; }
.plus-btn:hover, .plus-btn:focus { text-decoration:none; color: #555; background-color: #ffdd77; border: 1px solid #e6e7e9; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #ffdd77; }
.badge-outer .nav-pills>li.active>a, .badge-outer .nav-pills>li.active>a:focus, .badge-outer .nav-pills>li.active>a:hover { background: #ffdd77; color:#282828; border:1px solid #e6e7e9 }
.user-profile, .select-project { font-size: .875em }
.sp-dropdown>.dropdown-menu { min-width:200px }
.sp-dropdown>.dropdown-menu>li>a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#4d4d4d }
.user-img { width: 55px; border-radius: 50%; margin-top: -16px; float: left; }
.badge-outer .nav>li>a:focus, .badge-outer .nav>li>a:hover { background: #ffdd77; color: #282828; border: 1px solid #e6e7e9; }
.user-img img { border-radius: 50%; margin: 1px; width: 48px; float: left; box-shadow: inset 0 0 2px #969292; padding: 3px; }
.main-container-outer { padding-top: 70px; padding-bottom: 50px; min-height: 100% }
.left-sidebar { font-size: .875em; height: 100%; width: 120px; background-color: #13c0df; position: fixed !important; top:0; z-index: 1; overflow: auto; }
.leftmenuinner { position: fixed; top: 70px; bottom: 50px; background:#13c0df;width:120px; }
.leftmenuinnerinner { height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.3); }
.left-sidebar ul { padding-top: 15px; height: 100%; }
.left-sidebar ul li a { width:120px;  float:left; color:#fff; text-align: center; position:relative; padding: 15px 0 15px 0; border: 3px solid transparent; text-decoration: none; cursor:pointer }
.left-sidebar ul li a:hover, .left-sidebar ul li a.active { background: #ffc104; border-left:3px solid #fbf95f; color:#4d4d4d }
.left-sidebar ul li a.disabled:hover, .left-sidebar ul li a.disabled:active, .left-sidebar ul li a.disabled { pointer-events:none; color: rgba(255, 255, 255, 0.4); }

.left-sidebar ul li, .left-sidebar ul li span { display: block }
.left-sidebar ul li span:nth-child(2n){margin-top:3px}
.left-sidebar ul li i.fa { font-size: 32px }
.main-container { margin-left:120px; overflow: hidden; -webkit-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
min-height: 100%; 
}
.page-tab { float:left; width:100%; font-size: .875em }
.box-padding { padding-left:30px; padding-right: 30px; }
.full-block{float:left; width:100%; display:block; background:#fff}
.page-heading-box .breadcrumb { background: #ededf0; font-size:.813em; padding:10px 30px 10px; margin-bottom:0 }
.single-page-heading { height:93px; }
.page-heading-box .breadcrumb .fa { font-size: 16px; width:14px; }
.page-heading-box .breadcrumb li a { color: #4d4d4d }
.page-header { padding: 22px 30px 20px; border-bottom: none; margin: 0; height:108px; background:#fff }
.page-header h1, .page-header h1.box-title { font-size: 30px; font-family: 'Encode Sans', sans-serif;    color: #13c0df; }
.page-header .subtitle { color: #919191; font-size: .875em; margin-top:5px; display:none; }
.page-tab.nav-tabs>li.active>a, .page-tab.nav-tabs>li.active>a:focus, .page-tab.nav-tabs>li.active>a:hover { border:none; background-color: transparent; color:#13c0df; border-bottom: 4px solid #13c0df; }
.page-tab.nav>li>a { background-color: transparent; border: none; border-bottom: 4px solid transparent; padding:10px 12px; margin-right:10px }
.page-tab.nav>li>a { color:#808080 }
.page-tab.nav-tabs { box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.4); border:none; }
.page-tab.nav>li>a:hover { border:none; background-color: transparent; border-bottom: 4px solid #13c0df; }
.tab-cotainer-outer { background: #ededf0; float:left; width:100%; margin-top: 2px; padding-top:30px; padding-bottom:30px; }
.pd-t-30 { padding-top:30px; }
.pd-b-30 { padding-bottom:30px; }
.card { box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12); border-radius: 3px; background: #fff; }
.widget-box {font-size:.875em; width: 100%;
              display: -webkit-flex; /* Safari */ 
              display: flex;
               -webkit-flex-direction: column; /* Safari 6.1+ */ 
               flex-direction:column; 
               display: -webkit-box; 
               display: -moz-box;
                display: -ms-flexbox;
                 display: -webkit-flex;
                  display: flex;
                   -webkit-flex-direction: normal;
                    -moz-flex-direction: column;
                      flex-direction: column;

}
.widget-box.h-480 { height: 480px }
.widget-box.h-800 { height: 600px }
.widget-box.h-auto { height: auto }
.widget-row {  -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1; 
         -ms-flex-negative:0;
    flex-shrink:0 }
.widget-row.h-auto {-webkit-box-flex: 0;
     -ms-flex: 0 auto;
         flex: 0 auto; }
.widget-row.h-scroll { overflow:hidden; padding-top:5px;/*font-size:14px*/ }
.p-b-15 { padding-bottom: 15px; }
.widget-heading-box { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; color:#4d4d4d; margin-bottom: 10px; }
.widget-heading {/*font-size:28px;*/ font-size:1.750em; font-family: ''Encode Sans', sans-serif'; height:28px }
/*add-by-shoaib*/
.widget-heading>.fa { float:left; color:#646464 }
.widget-heading>.title { display:block; line-height:28px; padding-left:7px; padding-right:5px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis }
.widget-heading .refresh { font-size:.813em; top: -3px; position: relative; }
/*add-by-shoaib*/

.widget-heading-box-add { margin-top: 0px; text-align: center; }
.widget-subheading {  font-size: 1em;
    
    padding: 0 15px;
    color: #4d4d4d;
    font-family: 'Encode Sans', sans-serif; }
.mover { box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08) }
.m-b-5 { margin-bottom: 5px; }
.widget-subheading > small {float: right;
    padding-right: 15px;
    font-size: .929em;.bs-edit-form.form-horizontal
    position: relative;
    /* top: -5px; */
    padding-left: 10px; }
.truncate{    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.scroll-box { display: block; float:left; width:100%; height:100%; overflow: auto; }
.scroll-box.scroll-wrapper { padding-bottom:15px !important }
.scroll-box.scroll-wrapper > .scroll-content { width:100% !important }
.sprint-list-container { width:100%; height: 100%; }
.sprint-list-container.sprintlist-scroll { padding:5px 10px 15px 15px }
.sprint-list-outer { padding-left: 4px; padding-right: 4px;  }
.sprint-list { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); padding: 34px 10px 10px; margin-bottom: 15px; position: relative; }

.sprint-text a { float:right }
.sprint-tag { background: #ffc104; position: absolute; top: 4px; left: -6px; padding: 4px 6px; min-width:50px}
.sprint-text { position: relative }
.sprint-know-more { width: 80px; font-size: .929em; /* display: inline-block; */
    position: absolute; right: 0; bottom: 0; text-align: center; margin: 4px; padding: 3px; background: #13c0df; color:#fff; cursor: pointer }
.sprint-more {  font-size: .929em; 
    text-align: center; margin: 4px; padding: 3px 8px; background: #13c0df; color:#fff; cursor: pointer }
.add-answer{ font-size: .929em; padding: 3px 10px;background: #13c0df; color:#fff ; cursor: pointer }
.sprint-know-more:focus, .sprint-know-more:hover,
.add-answer:hover, .add-answer:focus,
.sprint-more:focus, .sprint-more:hover
 { color:#282828; background:#ffc104; text-decoration:none }
.sprint-text p { overflow: hidden; width: 100%; }
.sprint-text span a { display: block; color:#fff }
.sprint-tag:after { content: ''; position: absolute; left: 0; top: 100%; width: 6px; height: 6px; border-top: 0px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #a3680c; }
.blue-link { color:#13c0df; text-decoration: none; cursor:pointer }
.blue-link:hover, .blue-link:focus { text-decoration: none; color:#13c0df;  }
.font-size14 { font-size:.875em }
.blue-link:focus { }
a:focus, a:hover { color: #1399b1; text-decoration: underline; }
.gray-link { color:#808080; text-decoration: none }
.gray-link:hover,.gray-link:focus { text-decoration: none; color:#808080; }

.mouse-default{cursor:default}
.mouse-pointer{cursor:pointer}
.mouse-text{cursor:text}

.scroll-hide { overflow: hidden }
.tbl-tab { padding:0 15px; margin-bottom:15px }
.dis-inline { display: inline-block !important }
ul.actionbtn-wrap { list-style: none; margin: -2.5px 0; padding: 0; }
ul.actionbtn-wrap li { width:24px; height: 20px; display: inline-block; vertical-align: initial; text-align: center; }
ul.actionbtn-wrap li a { background: #13c0df; color: #fff; padding: 5px; cursor: pointer; width: 100%; float: left; text-decoration:none; vertical-align: middle; display: inline-grid; border-radius: 8px; }
ul.actionbtn-wrap li a:hover, ul.actionbtn-wrap li a:focus { background: #ffc104; text-decoration:none; color:#4d4d4d }
.scroll-box.question-card-outer { padding:0!important }
.question-card { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); padding: 5px; margin: 15px; position: relative;  }
.question-title {     font-family: 'Encode Sans', sans-serif;
    margin-bottom: 0px;
    padding-bottom: 7px;
       line-height: inherit;
    padding-top: 7px;
    font-size: 1em; }
.question-byon { margin-bottom:10px }
.question-card-header, .question-card-body, .question-card-footer { position: relative; padding:5px; }
.question-card-header {width: 100%;float: left;line-height: inherit; margin-bottom: 10px; cursor:pointer; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3); }
.question-card-header.linkbox{background:#13c0df; color:#fff}
.question-card-header.linkbox:hover{background:#ffc104; color:#282828}
/*.question-card-header .q-profile img{ width:40px; height:40px; border-radius: 50%;   vertical-align: middle; padding:3px;   box-shadow: inset 0 0 2px #969292;}*/
 .q-profile-outer { display:inline-block; width:40px; height:40px; vertical-align: middle; position:relative }
.q-profile-outer img { width: 100%; height: 100%; /*position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);*/
   border-radius: 50%; padding:3px; box-shadow: inset 0 0 2px #969292; }
.mr-l-5 { margin-left:5px }
.ml-8{margin-left:8px}
.ml-4{margin-left:4px}
.ml-i0{margin-left:0 !important}
.c-pointer{cursor:pointer}
.pa-i5{padding:5px !important}
.pb-i5{padding-bottom:5px !important}

.q-profile-belong { overflow: hidden; margin-top: 14px; height: 100%; float: right; font-size: .929em; }
.answer-box-outer { margin-bottom:20px }
.answer-box-outer .answer-footer { padding: 15px 0 0 0; text-align: right; border-top:0 }
.q-answerby .q-profile-outer { margin-right:6px; }
.q-answerby .answer-box .a-player-info { margin-bottom:5px; }
.q-answerby .answer-box .a-time { font-size: .875em; }
.q-answer-filter .form-group { margin-bottom:5px; }
.question-card-body { clear: both }
.question-with-answer { }
.question-with-answer .list-question { font-size: 1.16em; color:#202020; padding: 5px 0 10px 0; }
.mr-b-10 { margin-bottom:10px }
.mr-b-20 { margin-bottom:20px }
.question-with-answer .list-answer { font-size: 1em; color:#505050 }

/*.question-with-answer .list-answer i.fa { margin-right: 6px }*/
.list-answer-multi { margin-left:30px; }
.question-with-answer .list-answer-multi li { padding-bottom: 13px; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3); margin-bottom: 13px; }
.question-with-answer .list-answer:last-child .list-answer-multi li:last-child{box-shadow:none}
.question-card-footer { background: #f7f7f7; }
.question-card-footer .answer-box { padding: 0px; }
.question-card-footer .answer-box textarea, .question-card-footer .answer-box textarea:hover, .question-card-footer .answer-box textarea:focus { padding:10px; resize:none; box-shadow: none; border:none; font-size:.875em; background: transparent; color:#4d4d4d }
footer .copy-text { color:#8a8a8a; float:right; font-size: .875em }
footer { height: 50px; clear: both; box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.2); display: block; font-size: .875em; padding: 0 30px; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 11 }
footer .copy-text a.link { color:#acacac; line-height:45px; cursor:pointer }
footer .copy-text a.link:hover { text-decoration:none; color: #8a8a8a }
.table-list-outer { border:1px solid #e4e0e0; margin: 15px; margin-top:0 }
.table-list-outer table.table { width:100%; max-width:100%; margin:0; }
.table-list-outer .table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.table-list-outer .table>tbody>tr>td, .table-list-outer .table>tbody>tr>th, .table-list-outer .table>tfoot>tr>td, .table-list-outer .table-list-outer .table>tfoot>tr>th, .table-list-outer .table>thead>tr>td, .table-list-outer .table>thead>tr>th { padding:10px; vertical-align:top }
.table-list-outer .table>tbody>tr>td, .table>tbody>tr { border-top: none }
.table-list-outer .table>tbody>tr.va-middle>td{vertical-align:middle}
.table-action-btn-5{width:150px !important}
.table-action-btn-4{width:120px !important}
.table-action-btn-3{width:90px !important}


.table-list-outer .table>tbody>tr:hover { background:#f7f7f7 }
.table-list-outer table { color:#4d4d4d }
.table-list-outer { height:100%;}
.table-list-outer .table>thead>tr>th { border-bottom:1px solid #e4e0e0; }
.tbl-list-table { display:table; position:relative; height:100%; width:100% }
.tbl-list-row { display:table-row; vertical-align:top; }
.tbl-list-header { height:1px; position:relative; background: #fff; }
.tbl-list-body { height:100%; position:relative }
.tbl-list-footer { height:1px; position:relative }
.tbl-list-container-outer { position:relative; height:100%; }
.tbl-list-container { position:absolute; top:0; bottom:0; right:0; left:0; overflow-x:hidden; overflow-y:auto }
.dropdown>.dropdown-menu { width:100%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08), 0 2px 4px 0 rgba(0, 0, 0, .12); background: #fff; color:#4d4d4d; border:none; }
.dropdown.nf .fa.fa-list { margin-top:3px }
.modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }
.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }
/*Left*/
.modal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal.left.fade.in .modal-dialog { left: 0; }
/*Right*/
.modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.right.fade.in .modal-dialog { right: 0; }
/* ----- MODAL STYLE ----- */
.modal-content { border-radius: 8px; border: none; }
.modal-header { border-bottom-color: #eee; background-color: #ededf0; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.modal-header .close{font-size:28px;margin-top:-13px}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Encode Sans', sans-serif; }
.modal.right .modal-dialog.w600, .modal.left .modal-dialog.w600 { position: fixed; margin: auto; width: 600px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.right.fade .modal-dialog.w600 { right: -600px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.right.fade .modal-dialog.w600 { left: -600px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.mdl-footer-fixed { position: absolute; bottom: 0; left: 0; right: 0; }
.modal.right.fade.in .modal-dialog { right: 0; }
.modal-content-tab .modal-header { background:#fff; border-top-left-radius:8px; border-top-right-radius:8px; }
.modal-content-tab .nav-tabs { margin-bottom: -15px; margin-top: 15px; }
.modal-content-tab .modal-body { background: #ededf0; }
/*.modal-content-tab  .scrollcard.modal-body.scroll-wrapper{padding:15px !important;}
.modal-content-tab  .scrollcard.modal-body.scroll-wrapper .card{margin:3px 0 !important}*/
.scroll-wrapper .mscroll-body { padding:15px; }
/* issue-detail-box*/

.issue-detail-box .form-group { margin-bottom:35px; }
.issue-detail-box .form-group p { margin-top:10px; }
.requiredfield {  color: #b74750 !important; padding-left: 2px; }
/*.form-wrap{font-size: .875em}*/
.form-wrap label { margin-bottom:5px; font-weight:700; color:#4d4d4d }
.form-control { border-radius: 0; box-shadow: none; border-color: #e4e0e0;  color:#4d4d4d }
.form-control:focus { border-color: #13c0df; box-shadow: none; }
.modal.top80 { top:80px; }
.modal.top80.right .modal-dialog { height:calc(100% - 80px) !important }
.modal.top80.left .modal-dialog { height:calc(100% - 80px) !important }
.mdl-wrap .modal-header, .mdl-wrap .modal-footer { padding:10px 15px }
/**************************
DEFAULT BOOTSTRAP STYLES
**************************/

.btn { display: inline-block; padding: 6px 10px; margin-bottom: 0;  font-weight: normal; line-height: 16px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; }
.btn-lg { font-size: 18px; line-height: 1.33; border-radius: 6px; }
.btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; }
/*DISABLED BUTTON*/
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { color: #fff; background-color: #13c0df; border-color: #13c0df; }
/***********************
RAISED BUTTONS
************************/
.btn-primary.raised, .btn-default.raised, .btn.raised, .btn-success.raised, .btn-info.raised, .btn-warning.raised, .btn-danger.raised { /*box-shadow: 0 2px 0 0 #8b8b8b;*/
}
.btn-primary.raised:active, .btn-default.raised:active, .btn.raised:active, .btn-success.raised:active, .btn-info.raised:active, .btn-warning.raised:active, .btn-danger.raised:active { /*box-shadow: 0 2px 0 0 #8d8d8d;
    
    margin-bottom: -2px;
   margin-top: 2px;*/
     box-shadow: none; }
.btn.raised:active { background: #8b8b8b; }
.btn-primary.raised:active { background: #007299; }
.btn-default.raised:active { background: #e6e6e6; }
.btn-success.raised:active { background: #249066; }
.btn-info.raised:active { background: #211d1d; }
.btn-warning.raised:active { background: #ffc104; }
.btn-danger.raised:active { background: #e52b45; }
/***********************
CUSTON BTN VALUES
************************/

.btn { border: 0 none; letter-spacing: 1px; font-size:.875em; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; box-shadow:none }
.btn-primary { background: #13c0df; color: #ffffff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #33a6cc; }
.btn-primary:active, .btn-primary.active { background: #007299; box-shadow: none; }
.btn-success { color: #fff; background-color: #71c836; border-color: #71c836; }
.btn-default { background: #f0f0f5; color:#79797b; }
.btn-warning { color: #4d4d4d; background-color: #ffc104; }
.btn-danger { color: #fff; background-color: #f25d47; }
.btn-info { color: #fff; background-color: #211d1d; }
.btn-info:active:focus, .btn-info:active:hover, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background: #404040; }
.btn-info:active, .btn-info.active { background: #404040; }
.left-sidebar.navbar-collapse { padding-right: 0; padding-left: 0; }
 @media (max-width:767px) {
 .navbar-default .navbar-brand img {
 height: auto;
 width: 208px;
}
 .main-container {
 margin-left: 0;
}

    /* 
    .left-sidebar {
    background: #13c0df;
    width: 100%;
    text-align: left;
    padding: 0 30px;
    overflow: hidden;
    overflow-x: scroll;
    min-height: 0

}*/
    .widget-box.h-480 {
margin-bottom:30px
}
 .left-sidebar {
position:fixed;
z-index: 10;
 background: #13c0df;
left:-120px;
-webkit-transition: all .1s ease-in-out;
 -o-transition: all .1s ease-in-out;
 transition: all .1s ease-in-out;
top: 0;
 bottom: 0;
 padding-top: 80px;
 padding-bottom: 50px;
}
 .left-sidebar.collapse.in {
width:120px;
left:0
}
 .main-container.menu-slider {
margin-left: 120px
}
 .box-padding, .page-heading-box .breadcrumb {
 padding-left: 10px;
 padding-right: 10px;
}
    /*.left-sidebar ul li{display: inline-block; min-width:130px;}
    .left-sidebar ul{display: table;  margin-bottom: 15px;}
    .left-sidebar ul li{display: table-cell;  white-space: nowrap}
    .left-sidebar ul li > a{min-width:130px; padding: 10px 15px;}*/

    .menu-open:after {
 content: '';
 display: block;
 position: fixed;
 top: 0;
bottom: 0;
left: 0;
right: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background: rgba(0, 0, 0, 0.7);
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
 .menu-open2:after {
 content: '';
 display: block;
 position: fixed;
 top: 0;
bottom: 0;
left: 0;
right: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background: rgba(0, 0, 0, 0.7);
 -webkit-transition: all .0s ease-in-out;
 -o-transition: all .0s ease-in-out;
 transition: all .0s ease-in-out;
}
}
/* regular checkbox*/
.regular-checkbox { display:none }
.regular-checkbox + label { background-color: #fbfbfb; border: 1px solid #13c0df; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
.regular-checkbox:checked + label { background-color: #f7f7f7; border: 1px solid #37acc1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); color: #99a1a7; }
.regular-checkbox:checked + label:after { content: '\2714';  position: absolute; top: 0px; left: 3px; color: #13c0df; }
.regular-radio { display: none; }
.regular-radio + label { -webkit-appearance: none; background-color: #fbfbfb; border: 1px solid #13c0df; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; }
.regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #13c0df; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3); text-shadow: 0px; left: 3px; }
.regular-radio:checked + label { color: #99a1a7; background-color: #f7f7f7; border: 1px solid #37acc1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1); }
.regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
/*drop down*/

.dropdown>.dropdown-menu:before, .minicolors-position-bottom .minicolors-panel:before { position: absolute; top: -7px; left: 7px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-bottom-color: transparent; border-left: 7px solid transparent; }
.dropdown>.dropdown-menu.float-right:before, .dropup>.dropdown-menu.float-right:before, .minicolors-position-right .minicolors-panel:before { right: 7px; left: auto; }
.navbar-nav>li>.dropdown-menu { box-shadow: 0 1px 7px 2px rgba(135, 158, 171, .2); margin-top: 0px }
.dropdown>.dropdown-menu:before, .minicolors-position-bottom .minicolors-panel:before { position: absolute; top: -7px; left: 7px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-bottom-color: transparent; border-left: 7px solid transparent; }
.dropdown>.dropdown-menu:after, .minicolors-position-bottom .minicolors-panel:after { position: absolute; top: -6px; left: 8px; display: inline-block; content: ''; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.dropdown>.dropdown-menu.float-right:after, .dropup>.dropdown-menu.float-right:after, .minicolors-position-right .minicolors-panel:after { right: 8px; left: auto; }
/*loadner*/
.lds-css, .lds-css2 { position: fixed; top: 0; z-index: 9999999; width: 200px; height: 200px; margin: auto; transform: scale(0.2); }
.lds-css2 { top: -63px; left: 50%; margin-left: -100px; }
@keyframes lds-ring {  0% {
 transform: rotate(0)
}
 100% {
 transform: rotate(360deg)
}
}
.lds-ring > div { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; border-radius: 50%; border: 20px solid #fff; border-color: #fff transparent transparent transparent; animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
.lds-ring > div:nth-child(2) {
 animation-delay: .195s;
}
.lds-ring > div:nth-child(3) {
 animation-delay: .39s;
}
.lds-ring > div:nth-child(4) {
 animation-delay: .585s;
}

/*next*/


@keyframes lds-microsoft {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes lds-microsoft {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.mar-top-30 { margin-top:30px; }
.lds-microsoft { position: relative; }
.lds-microsoft div { position: absolute; width: 30px; height: 30px; border-radius: 50%; -webkit-animation: lds-microsoft 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-microsoft 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
.lds-microsoft div:nth-child(0) {
 background: #ffc104;
 top: 134.613px;
 left: 147.535px;
 -webkit-transform-origin: -47.535px -34.613px;
 transform-origin: -47.535px -34.613px;
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
}
.lds-microsoft div:nth-child(1) {
 background: #ffc104;
 top: 147.535px;
 left: 134.613px;
 -webkit-transform-origin: -34.613px -47.535px;
 transform-origin: -34.613px -47.535px;
 -webkit-animation-delay: -0.062s;
 animation-delay: -0.062s;
}
.lds-microsoft div:nth-child(2) {
 background: #ffc104;
 top: 156.672px;
 left: 118.788px;
 -webkit-transform-origin: -18.788px -56.672px;
 transform-origin: -18.788px -56.672px;
 -webkit-animation-delay: -0.125s;
 animation-delay: -0.125s;
}
.lds-microsoft div:nth-child(3) {
 background: #ffc104;
 top: 161.401px;
 left: 101.137px;
 -webkit-transform-origin: -1.137px -61.401px;
 transform-origin: -1.137px -61.401px;
 -webkit-animation-delay: -0.187s;
 animation-delay: -0.187s;
}
.lds-microsoft div:nth-child(4) {
 background: #ffc104;
 top: 161.401px;
 left: 82.863px;
 -webkit-transform-origin: 17.137px -61.401px;
 transform-origin: 17.137px -61.401px;
 -webkit-animation-delay: -0.25s;
 animation-delay: -0.25s;
}
.lds-microsoft div:nth-child(5) {
 background: #ffc104;
 top: 156.672px;
 left: 65.212px;
 -webkit-transform-origin: 34.788px -56.672px;
 transform-origin: 34.788px -56.672px;
 -webkit-animation-delay: -0.312s;
 animation-delay: -0.312s;
}
.lds-microsoft div:nth-child(6) {
 background: #ffc104;
 top: 147.535px;
 left: 49.387px;
 -webkit-transform-origin: 50.613px -47.535px;
 transform-origin: 50.613px -47.535px;
 -webkit-animation-delay: -0.375s;
 animation-delay: -0.375s;
}
.lds-microsoft div:nth-child(7) {
 background: #ffc104;
 top: 134.613px;
 left: 36.465px;
 -webkit-transform-origin: 63.535px -34.613px;
 transform-origin: 63.535px -34.613px;
 -webkit-animation-delay: -0.437s;
 animation-delay: -0.437s;
}
.fullwidth { position: fixed; top: 0; width: 100%; z-index: 999999; }
.fullwidth .expand { width: 100%; height: 1px; margin: 2px 0; background: #13c0df; position: absolute; box-shadow: 0px 0px 6px 1px rgba(0, 198, 255, 0.7); -moz-animation: fullexpand ease-out; -webkit-animation: fullexpand ease-out; -moz-animation-duration: 2s; -webkit-animation-duration: 2s; }
@keyframes fullexpand {  0% {
 width: 0px;
}
 100% {
 width: 100%;
}
}

.navbar-nav>li.open .dropdown-menu, .navbar-nav .dropdown>.dropdown-menu {
    animation-name: fadeAnimation;
    animation-duration: .7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeAnimation;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}

.tooltip { position:fixed }
.pd-10-a { padding: 10px!important; }
.dropdown>.dropdown-menu.box-md { width: 400px; }
.notifications-box-outer { position: relative; overflow: auto; width: auto; max-height: 250px; min-height: 40px; }
.notifications-box { margin: 0; padding: 0; list-style: none; }
.notifications-box li { position: relative; padding: 10px; border-bottom: #ebebeb solid 1px; float: left; width: 100%; }
.notifications-box li .icon-notification { line-height: 26px; float: left; width: 26px; height: 26px; margin: 0 10px 0 0; text-align: center; border-radius: 50px; }
.notifications-box li .notification-text { display: block; overflow: hidden; }
.notifications-box li .notification-time {  font-style: italic; float: right; margin: 0 5px 0 10px; color: #a9a9a9; }
.bg-danger { color: #fff; border-color: #cf4436; background: #e74c3c; }
.bg-warning { color: #fff; border-color: #d67520; background: #e67e22; }
.bg-green { color: #fff; border-color: #29b765; background: #2ecc71; }
.bg-azure { color: #fff; background: #41e5c0; border-color: #3acead; }
.bg-blue { color: #fff; border-color: #308dcc; background: #3498db; }
.bg-purple { color: #fff; background: #984dff; border-color: #7a3ecc; }
/*.nf.dropdown>.dropdown-menu.float-right:after { right: 25px; left: auto; }*/
.nf.dropdown>.dropdown-menu.float-right:after { right: 31px; left: auto; }
/*user profile*/
.cl-all { clear:both }
.card-body { padding: 15px }

.profile-username { font-size: 30px; margin-top: 10px; }
.profile-userrole { margin-top: 5px; }
.profile-user-img { position: relative; margin: 0 auto; width: 180px; margin-bottom:18px }
.profile-user-img img { width: 180px; height: 180px; padding: 3px; border: 3px solid #d2d6de; }
.overlay-profile { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0;  transition: .5s ease;
background-color:rgba(19, 192, 223, 0.7); border-radius:50%; }
.profile-user-img:hover .overlay-profile { opacity: 1; }
.profile-user-icon { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.profile-user-icon a { padding: 22px; border-radius: 50%; color: #ffc104; /* width: 1px; */
    /* height: 1px; */
    display: inline-block; }
.profile-user-icon a i { font-size: 18px; background: #ffc104; padding: 9px; border-radius: 50%; color: #4d4d4d; box-shadow: inset 0 0 7px #826201; }
/*.bs-edit-form.form-horizontal { font-size: .875em }
.bs-edit-form.form-horizontal .form-control { font-size: .875em }*/
/*end user profile*/
.card-aboutme { font-size:.875em }
.card-aboutme .text-muted, .card-aboutme p { padding-top:5px; }
.card-aboutme .label { margin-bottom: 5px; display: inline-block; }
.modal-index-high { z-index: 1071 !important; }
.modal-index-high + .modal-backdrop { z-index: 1070 !important; }

.login-fail, .home-font{font-family: 'Encode Sans', sans-serif;}



/*font-size scalling initial*/
label, .dropdown-menu{font-size:.875em}
.form-control{font-size:.813em}



/*font-size overwrite*/
.font-size14 label, .widget-box label{font-size:1em}
.font-size14 .form-control, .widget-box .form-control{font-size:.929em}
.dropdown-menu .btn, .ui-select-user>.dropdown-menu,.widget-box  .page-tab, .widget-box .table-styled{font-size:1em}




/*@media only screen and (max-width:1280px){
    body{ font-size:.875em;}
}*/



.arrow_box{font-size:.875em;background:#fff;border:1px solid #ccc;box-shadow:0 5px 15px rgba(0,0,0,.5);padding:10px;position:fixed;z-index:99999;width:260px;height:auto}
.arrow_box ol{padding:0;margin:7px 0 7px 10px}
.arrow_box h5{color:#454f57;margin:0 0 3px 3px; font-family:'Encode Sans', sans-serif; font-weight:700;}
.arrow_box:after,.arrow_box:before{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}

/*.input-arrow + label + div{display:none}
.input-arrow:focus + label + div{display:block}*/
.input-arrow-right{position: absolute;left: 100%;margin-left: 15px;bottom: -100%;margin-bottom: -29px;}
.validation-password{margin-left:20px}
.validation-password li{ list-style-type:circle}

.arrow_box.left:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:15px;margin-top:-15px}
.arrow_box.left:before{border-color:rgba(204,204,204,0);border-right-color:#ccc;border-width:16px;margin-top:-16px}
.arrow_box.left:after,.arrow_box.left:before{right:100%;top:50%}

.arrow_box.top:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-15px}
.arrow_box.top:before{border-color:rgba(204,204,204,0);border-bottom-color:#ccc;border-width:16px;margin-left:-16px}
.arrow_box.top:after,.arrow_box.top:before{bottom:100%;left:50%}

.arrow_box.bottom:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:15px;margin-left:-15px}
.arrow_box.bottom:before{border-color:rgba(204,204,204,0);border-top-color:#ccc;border-width:16px;margin-left:-16px}
.arrow_box.bottom:after,.arrow_box.bottom:before{top:100%;left:50%}

.widget-heading-title{font-size:22px}
.client-list {margin-bottom:25px;}
.client-list li{    display: block;border-bottom: 1px solid #ededf0;padding: 10px; }
 .cli
 
 
 ent-list li.current{background:#ededf0}


 /*vt-row*/
 .vt-row{width:100%; float:left}
 .vt-col-left{display:block; float:left; width:50%}
 .vt-col-right{display: block; float: left; width:50%; overflow: scroll; overflow-y:hidden}
 .vt-scroll-box-row{display:block; float:left; width:1200px;}
 .vt-scroll-box-col{width:80px; display:inline-block; float:left; padding-right:15px;}

 .vt-save .input-group-addon{padding:0; background:none; border:none}
  .vt-profile-row .colms:nth-child(1){ padding-top:15px }
 .vt-profile-row .colms:nth-child(2){ padding-top:4px }
  .vt-profile-row .colms:nth-child(3){ padding-top:6px }
.colms-head{line-height:50px;}
.vt-name{height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 42px;
    padding-left: 6px;}
 .table-wrapper { 
    overflow-x:scroll;
    overflow-y:visible;
    width:250px;
    margin-left: 360px;
    width: calc(100% - 360px);
}


 .table-wrapper th {
    padding:0;
    width: 361px;

}
 .table-wrapper td, .table-wrapper th{ height:50px; border:1px solid #f1f0f0; vertical-align:middle;padding: 0 5px; min-width:90px}
 .fixedcol{table-layout:fixed; border-collapse:collapse;width: 100%;
    max-width: 100%; }
 .fixedcol td,  .fixedcol th{padding:0}

.results th:first-child, .header th:first-child {
    position: absolute;
       left: 14px;
    width: 361px;
}
.vt-heading{font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.tester-row-outer{display:block;width:360px;     margin-top: 15px;}
.tester-row{width:100%;font-weight:bold; margin:0}
.tester-row .colms{height: 50px;border: 1px solid #f1f0f0;vertical-align: middle;padding: 0 5px;}
.no-result{color:#808080}
.white-btn, .active-btn {
    font-size: .929em;
    text-align: center;
    margin: 4px;
    padding: 3px 8px;
  
    
    cursor: pointer;
    border:1px solid #13c0df; border-radius:30px; text-decoration:none;
}
.white-btn:focus,.white-btn:hover,.white-btn:active{text-decoration:none;color:#13c0df}
.active-btn:focus,.active-btn:hover,.active-btn:active{text-decoration:none;color:#fff}
.white-btn{color:#13c0df;  background: #FFF;}
.active-btn{background:#71c836; border:1px solid #71c836;color:#fff}

.user-loginform {}
.user-loginform-heading{margin-right:15px;margin-top:15px}
.user-loginform-control{overflow:hidden}
.user-loginform-control textarea{resize:none}
.user-loginform-save{margin-top:9px;}

.table-list-outer.user-workflow-h{border:none; margin: 0; font-size:.875em}
.table-list-outer.user-workflow-h .gray-link{ font-size:.875em}