/*@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');*/

body {background-color: #afafaf;}
/* ----------------- Header ---------------------- */
.header {background-color: #efefef; margin-left: 20%; padding-right: 16%;}
.header .header-line {z-index: 0; background-image: url(../images/header-line.jpg);background-repeat: repeat-x; /*background-size: cover;*/ background-position: right bottom;position: absolute;bottom: 0; right: 0; width: 78%; height: 40px;}
.navbar-default { background-color: #fff !important; border: none !important; margin-bottom: 0px;}
.licensee_account .top-logo{display: none;}
.navbar-brand {position: absolute; top:0; z-index: 99; height: 178px; padding: 50px 80px 50px 50px; background-image: url(../images/new-logo-bg.png);background-repeat: no-repeat; background-size: cover; background-position: bottom right;}
.navbar-brand img { margin-right: 20px; }
/*.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent;}*/
.admin_dashboard .navbar-default .navbar-nav > li {width: 40%;}
.navbar-default .navbar-nav > li {margin: 50px 0px; width: 15%; text-align: center; transform: skew(-18deg); color: #fff !important; }
.navbar-default .navbar-nav > li > a {border: 0px; font-size: 13px; font-family: 'Quicksand', sans-serif; color: rgb(117, 117, 118); font-weight: 700; margin: 0px 0px; padding: 15px 7px; transform: skew(18deg);}
.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:hover, .navbar-default .navbar-nav > .active:focus,.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus{/*transform: skew(-35deg);*/}
.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:hover, .navbar-default .navbar-nav > .active:focus,.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus{transform: skew(-18deg);background-color: #a51018; color: #fff;/*z-index: 99;*/}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;background-color: transparent;transform: skew(16deg);}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;transform: skew(16deg);}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff;  background-color: transparent; }
.dropdown {z-index: 99;}
.dropdown-menu {transform: skew(18deg); right: 0; left: 25% !important;}
.dropdown-menu>li { text-align: left; /*transform: skew(35deg);*/ color: #fff; }
.dropdown-menu>li>a {font-size: 13px; font-family: 'Quicksand', sans-serif; color: rgb(117, 117, 118); font-weight: 700; padding: 10px 15px;}
.dropdown-menu > li:hover, .dropdown-menu > li:focus { color: #fff; text-decoration: none; background-color: #a51018; /*transform: skew(0deg);*/}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; text-decoration: none; background-color: transparent; /*transform: skew(35deg);*/}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff; text-decoration: none; background-color: #a51018;	
}
.navbar-default .navbar-nav > li:hover {color: #fff !important; }
.content {/*padding-top: 10%;*/ padding-left: 50px; padding-right: 50px; background-color: #fff; padding-bottom: 50px;
}
.lang {
padding: 6px 25px 6px 12px;
font-size: 12px;
font-family: 'Quicksand', sans-serif;
font-weight: 700;
color: rgb(117, 117, 118);
border: 1px solid #c3c3c3;
border-radius: 4px;
margin: 20px 0px 30px 0px;
width: 100%;
height: 33px;
-webkit-appearance: none;
appearance: none;
}
.lang_sel{
	width:75%;
}
.select-wrap{
position: relative;
}
.select-wrap::before {
background-image: url(../images/arewo.png);
background-repeat: no-repeat;
content: "";
position: absolute;
top: 12px;
right: 14px;
width: 30px;
height: 33px;
pointer-events: none;
cursor: pointer;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.form-control:focus {border-color: #c3c3c3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .3); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .3);}
.content h1 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
color: rgb(54, 54, 54);
text-align: center;
}
.content h2 {font-size: 31.225px;font-family: 'Montserrat', sans-serif;color: rgb(54, 54, 54);text-align: center;}
.content .btn-group {width: 100%; margin-left: auto;margin-right: auto;}
.content .btn-start {font-size: 16px;font-family: 'Quicksand', sans-serif;color: rgb(255, 255, 255);font-weight: 700;text-align: center; background-color: #4d7cde; border: solid 1px #4d7cde; border-radius: 4px !important; margin: 60px 0px 30px 0px; padding: 8px 20px; width: 45%; margin-right: 10%;}
.content .btn-stop {font-size: 16px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa;  border-radius: 4px !important; margin: 60px 0px 30px 0px; padding: 8px 20px; width: 45%;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;}
.content .divider {border: solid 1px #cdcdcd;margin: 10px 15px 30px;}

/* ------------ Homepage ------------------- */
.nopadding{padding: 0px;}
.content .top {margin-top: 20px;}
.content .profile {width: 120px; height: 120px;border: solid 1px #bdbdbd;border-radius: 50%; padding: 5px; overflow: hidden;}
.content .profile-pic {width: 108px; height: 108px;  border-radius: 50%; overflow: hidden;}


.content h5 {font-size: 16px;font-family: 'Quicksand', sans-serif;color: rgb(165, 16, 24); font-weight: 700; margin-top: 38px;}
.content h6 {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118); font-weight: 700;}

.content .btn-edit {float: right; line-height: 1.42857143; padding: 6px 12px; font-size: 13px;font-family: 'Quicksand', sans-serif; color: rgb(54, 54, 54); background-color: #efefef; border: solid 1px #bababa;font-weight: 700; margin-top: 50px; margin-left: 8px; background-image: none;}
.content .btn-msg {float: right; font-size: 13px;font-family: 'Quicksand', sans-serif; color: rgb(54, 54, 54); background-color: #efefef; border: solid 1px #bababa;font-weight: 700; margin-top: 50px;}

.content .info-main{width: 100%; padding: 0px 15px 0px; margin-bottom:0px; border-left: solid 1px #cdcdcd;border-right: solid 1px #cdcdcd;}
.content .info-main:after{clear: both; content: ''; display: block; height: auto;}
.content .infoleft {float: left; width:30.6%;text-align: center; margin-top: -12px;}
.content .inforight {float: left;width:30.6%; text-align: center; margin-top: -12px;}
.content .infomid{float: left; width:30.6%; text-align: center; margin: -4% 4%;}
.store-button{float: right;}
.store-button .btn-store {font-size: 13px;font-family: 'Quicksand', sans-serif; color: rgb(54, 54, 54); background-color: #efefef; border: solid 1px #bababa;font-weight: 700;}

.content .infoleft h2, .content .inforight h2, .content .infomid h2 {font-size: 34px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);}
.content .infoleft h4, .content .inforight h4, .content .infomid h4 {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118); font-weight: 700;}



.content .form-inline {text-align: right;}
.content h4 {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118); font-weight: 700;text-align: center;margin-bottom: 25px;}
.content .code {width: 115px;}
.content .btn-code {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa;margin-left: 15px;}

.content .form-tickets {text-align: left !important;}
.content .form-tickets label {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118);font-weight: 700; margin-right: 15px;}
.content .form-tickets .tickets { padding: 6px 12px;font-size: 15px; font-family: 'Quicksand', sans-serif; font-weight: 700; color: rgb(117, 117, 118); border: 1px solid #c3c3c3;}
.content .btn-manage {
font-size: 13px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa;
padding: 7px 20px;
margin-left: 15px;
position: absolute;
/* left: 0; */
right: 15px;
top: 5px;
z-index: 999;
}
.content .manage-group {margin: -15px 0px 0px 0px;padding-bottom: 10px;}
.content .manage-group th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding-left: 15px; vertical-align: middle;}
.content .manage-group td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;padding-left: 15px; vertical-align: middle;}
.content .manage-group ul {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(165, 16, 24);font-weight: 700; padding-left: 15px; margin-bottom: 0;}
.content .manage-group .progress-head {width: 15%; position: relative;}
.content .manage-group .progress-head span { position: absolute; left: 45%; top: -3px;}
.content .manage-group .progress {height: 5px; margin-top: 10px; margin-bottom: 0; background-color: #afafaf; border-radius: 0px;}
.content .manage-group .progress-bar {background-color: #4d7cde;}

/* -------------- lista de clients --------------- */

.content h3 {font-size: 41.225px;font-family: 'Montserrat', sans-serif;color: rgb(54, 54, 54);text-align: center; margin-top: 55px;}
.content .client-btn-group {width: auto; }
.content .btn-activate, .content .btn-deactivate, .content .btn-delete, .content .btn-editor {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; border-radius: 4px !important; padding: 8px 20px; margin-right: 15px; float: none;}
.content .client-list {margin: 40px 0px 0px 0px;}
.content .client-list th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle;}
.content .client-list td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle;}
.content .client-list .id {position: relative;}
.content .client-list .id span { position: absolute; left: 40%; top: -3px;}


/* -------------- Ver Evaluacion --------------- */

.content .list-title {font-size: 20px; font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);text-align: center; margin: 0;} 
.content .rating-btn-group {width: auto;  margin-bottom: 15px;}
.content .rating-btn-group button {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; border-radius: 4px !important; padding: 8px 15px; margin-right: 15px; float: none; margin-bottom: 20px;}
.content .customer-list {margin: 40px 0px 0px 0px;}
.content .customer-list th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle;}
.content .customer-list td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle;}
.content .customer-list .id {position: relative;}
.content .customer-list .id span { position: absolute; left: 40%; top: -3px;}

/* -------------- Resumen de Reportes --------------- */

.content .summary-reports-tabs {margin: 30px 15px; border-bottom: 1px solid #efeff0;}
.nav-tabs > li{margin-bottom: 0px;}
.nav-tabs > li > a { background-color: #f3f3f3; margin-right:5px; border: 1px solid #f3f3f3; border-radius: 4px 4px 0 0; font-size: 13px;font-family: 'Quicksand', sans-serif; color: #31333d; font-weight: 700;}
.nav > li > a:hover, .nav > li > a:focus { background-color: #be1e2d; color: #fff; /*border:1px*/ solid #be1e2d;}
.content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; background-color: #be1e2d; border: 1px solid #be1e2d; border-bottom-color: transparent;}
.content .btn-search {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; padding: 8px 20px; margin-left: 15px;}
.content .reports-summary {margin: 40px 0px 0px 0px;}
.content .reports-summary th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
.content .reports-summary td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;padding: 15px 8px 15px 15px; vertical-align: middle;  text-align: center;}
.content .paginate {float: right; margin-top: 10px;}
.content .paginate span {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; border-radius: 4px; padding: 8px 15px; margin-left: 15px; display: initial; cursor: pointer; }
.adjust-align {margin-left: 0px; margin-right: 0px; position: relative;}
.simple-pagination {width: 300px !important; position: absolute !important;text-align: left !important; padding: 0 !important}
.pager {text-align: right; margin-top: 0px; }
.pager li > a, .pager li > span { font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; border-radius: 4px; padding: 8px 15px; margin-left: 15px;}


/* -------------- Importar Clientes --------------- */

.content .upload-line { margin: 0px 15px 40px 15px;}
.content .upload-line h6 {background-color: #fad1d3; padding: 10px 20px;font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118); text-align: left;}
.content .form-file-upload {text-align: left;}
.content .form-file-upload label {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118);font-weight: 700; margin-right: 20px;}
.content .form-file-upload  .btn-choose-file { position: relative; overflow: hidden;font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; padding: 8px 20px; margin-left: 15px; border-radius: 4px !important;}
.content .form-file-upload .btn-choose-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: transparent !important; cursor: inherit; display: block;}
.content .form-file-upload .form-upload-input {font-size: 11px; font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700; background-color: transparent; border: none; box-shadow: none; width: 240px;}
.group { padding: 6px 12px;font-size: 15px; font-family: 'Quicksand', sans-serif; font-weight: 700; color: rgb(117, 117, 118); border: 1px solid #c3c3c3; border-radius: 4px; /*margin: 60px 0px 30px 0px;*/ }
.content .btn-select-group {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; padding: 8px 20px; margin-left: 15px;}
.content .btn-upload {margin-bottom: 18px; font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(255, 255, 255);font-weight: 700;text-align: center; background-color: #4d7cde; border: solid 1px #4d7cde; padding: 6px 20px; margin-left: 15px;}
.content .btn-atras {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700;text-align: center; background-color: #efefef; border: solid 1px #bababa; padding: 8px 20px; margin-left: 15px;}


/* -------------- Download client reports --------------- */

.content .client-reports {margin: 40px 0px 0px 0px;}
.content .client-reports th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
.content .client-reports td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(165, 16, 24);font-weight: 700;padding: 15px 8px 15px 15px; vertical-align: middle;  text-align: center;}
.content .client-reports a {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(165, 16, 24);font-weight: 700;padding: 15px 8px 15px 15px; vertical-align: middle;  text-align: center; text-decoration: none;}
.content .client-reports td:first-child {color: rgb(54, 54, 54);}


/* -------------- ver-evaluacion-admin --------------- */


/*.content .customer-list-admin {margin: 40px 0px 0px 0px;}*/
.content .customer-list-admin th {font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
.content .customer-list-admin td {font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
.content .customer-list-admin .ultima {position: relative;}
.content .customer-list-admin .ultima span { position: absolute; left: 45%; top: -3px;}
.recordnum { padding: 6px 6px;font-size: 15px; font-family: 'Quicksand', sans-serif; font-weight: 700; color: rgb(117, 117, 118); border: 1px solid #c3c3c3; border-radius: 4px !important; width: 60px !important; }
/*.jPager{ margin-left:0px; margin-right: 0px;}*/
.input-group-addon { padding: 6px 12px; font-size: 25px; color: #757576; background-color: transparent; border: none; }
.page-number {padding: 6px 12px; font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118);font-weight: 700; text-align: center; background-color: #fff !important; border: none; -webkit-box-shadow: none !important; box-shadow: none !important;}
.search {color: #4d7cde; border-right: solid 2px #d7d7d7; padding: 0px 15px 0px 0px; }
.refresh {color: #4d7cde; border-right: solid 2px #d7d7d7; padding: 0px 15px 0px 0px; font-size: 24px; cursor: pointer;}
.no-item {font-size: 13px;font-family: 'Quicksand', sans-serif;color: rgb(118, 118, 118);font-weight: 700; vertical-align: super; margin-left: 15px;}


/*datatable*/

table.dataTable {border-collapse: collapse !important;
margin-top: 10px;}
table.dataTable, 
table.dataTable thead th, 
table.dataTable.display tbody td {border: 1px solid #ddd;}
table.dataTable thead th, table.dataTable thead td {border-bottom: 2px solid #ddd !important;}
table.dataTable thead th, table.dataTable tfoot th { font-size: 12px;font-family: 'Quicksand', sans-serif;color: rgb(47, 125, 225);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
table.dataTable tbody th, table.dataTable tbody td { font-size: 11px;font-family: 'Quicksand', sans-serif;color: rgb(54, 54, 54);font-weight: 700; padding: 15px 8px 15px 15px; vertical-align: middle; text-align: center;}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #fff !important;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color: #fff !important;}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 { background-color: #fff !important;}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6 !important;}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 { background-color: #f6f6f6 !important;}
table.dataTable.no-footer { border-bottom: 0px solid #111 !important;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: none !important;}
:focus { outline: -webkit-focus-ring-color auto 0px;}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {font-size: 13px; font-family: 'Quicksand', sans-serif; color: rgb(118, 118, 118) !important; font-weight: 700;}
.dataTables_wrapper .dataTables_filter input { 
font-size: 12px;
font-family: 'Quicksand', sans-serif;
margin-left: 0.5em;
display: inline-block;
width: auto;
height: 34px;
padding: 6px 12px;
font-size: 14px;
margin-bottom: 20px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
select {
font-size: 12px;
/*font-family: 'Quicksand', sans-serif;*/
display: inline-block;
width: auto;
height: 34px;
padding: 6px 12px;
font-size: 14px;
margin-bottom: 20px;
line-height: 1.42857143;
color: rgb(117, 117, 118);
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {

font-size: 13px;
font-family: 'Quicksand', sans-serif;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 15px !important;
text-align: center;
font-weight: 700;
text-decoration: none !important;   
color: rgb(54, 54, 54) !important;
background-color: #efefef !important;
border: 1px solid #bababa !important;
border-radius: 4px !important;
margin-top: 10px;
}
.bg {background-color: #a51018;}
.login h1 {
font-size: 60px;
font-family: 'Montserrat', sans-serif;
color: #fff;    
font-weight: 500;
margin-top: 50px;
}
.login .login-content {
text-align: center;
background-color: #fff;
padding: 20px 30px 0px;
-webkit-box-shadow: 0px 0px 50px 0px rgba(56,56,56,1);
-moz-box-shadow: 0px 0px 50px 0px rgba(56,56,56,1);
box-shadow: 0px 0px 50px 0px rgba(56,56,56,1);
margin-top: 100px;
}
.login .login-content .divider {
border: solid 1px #cdcdcd;
margin: 20px 0px;
}
.login .login-content .buttons{
text-align: left;
}
.login .login-content input {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
}
.login .login-content .btn {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
letter-spacing: 1px;
border-radius: 2px;
}
.login .login-content .btn-default {
font-weight: 700;
float: right;
}
.login .login-content p {
text-align: center;
margin: 40px 0;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
color: rgb(118, 118, 118);
}
.login .login-content a {
color: rgb(118, 118, 118);
text-decoration: none;
}
.login .login-content .footer-line {
background-image: url(../images/header-line.jpg);
background-repeat: repeat-x;
background-position: center;    
height: 20px;
margin-left: -30px;
margin-right: -30px;}
footer .footer-line {z-index: 0; background-image: url(../images/header-line.jpg);background-repeat: repeat-x; background-position: right bottom;position: absolute;bottom: 0; right: 0; width: 100%; height: 40px;}
/*Additional code*/
/* ------------- use this class instead of header for pages with no menu --------------- */
.header-new {background-color: #efefef; margin-left: 20%; padding-right: 16%; height: 170px;}
.header-new .header-line {z-index: 0; background-image: url(../images/header-line.jpg);background-repeat: repeat-x; /*background-size: cover;*/ background-position: right bottom;position: absolute;bottom: 0; right: 0; width: 78%; height: 40px;}
/* ------------- .\use this class instead of header for pages with no menu --------------- */
.content .main-content .main-grp {
display: inline;
margin-right: 15px;
background-color: #F2F9FF;
border: 1px solid #CBE5FB;
border-radius: 4px 4px 4px 4px;
color: #1E3759;   
font-size: 12px;
font-weight: bold;   
padding: 15px;
width: 15%;
text-align: center;
}
/*.content .main-content .quest-desc {
background-color: #fff;
margin: 30px 0;
font-size: 12px;
border: 1px solid #E1E1E1;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-o-border-radius: 4px;
color: #455464;
}*/
.content .main-content .question_type_desc {
background-color: #fff;
margin: 30px 0;
font-size: 12px;
border: 1px solid #E1E1E1;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-o-border-radius: 4px;
color: #455464;
}
.content .main-content .form_st ul.left-side-area {
padding-left: 0;
float: none;
list-style-type: none;
}
.content .main-content .form_st ul.left-side-area .radio{
display: inline;
}
.content .main-content .form_st ul.left-side-area h2 {
font-size: 13px;
color: rgb(54, 54, 54);
font-family: 'Montserrat', sans-serif;    
margin-bottom: 10px;
text-align: left;
font-weight: bold;
}
.list-float {
float: left;
width: auto;
margin-right: 50px;
}
.float-block {
clear: left;
float: none;
display: block;
}
.left-align, 
.right-align {
display: inline;
}
.black-btn-new {
background-image: url(../images/black-btn-bg.png);
background-repeat: repeat-x;
background-position: left top;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
-moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
border: 1px solid #444444;
margin-left: 9px;
font-size: 14px;
padding: 4px 15px 4px;
color: #fff;
font-weight: normal;
text-align: center;
cursor: pointer;
text-decoration: none;
}
.black-btn-new:hover {
background-image: url(../images/black-btn-bg-ho.jpg);
background-repeat: repeat-x;
}
.main-content {
margin-left: 15px;
margin-right: 15px;
}
.right-align {
margin-left: 100px;
}
.form_st .option-data label {
margin: 5px 0px 0px 0px;
}
.current-age {
background-image: url(../images/input-bg.jpg);
background-repeat: repeat-x;
width: 50px;
border: 1px #e1e1e1 solid;    
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  
padding: 5px 10px 5px 10px;  
}
.dic_radio {
display: inline;
margin-left: 0px;
margin-right: 20px;
}
.current-radio {
margin-left: 0px !important;
margin-right: 10px!important;
margin-top: 10px !important;
}
.option-data textarea {

width: 100%;
border: 1px #e1e1e1 solid;  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  
padding: 5px;
resize: none;
height: 55px;
font-size: 13px;
color: rgb(54, 54, 54);
font-family: 'Montserrat', sans-serif;    
}
ul.sortable_ul li {
background-color: #fdfdfd;
background-image: url(../images/drag_icon.png);
background-position: 10px 8px;
background-repeat: no-repeat;
border: 1px solid #e6e6e6;
border-radius: 4px;
margin: 10px 0 10px;
overflow: hidden;
padding: 0 5px 0 32px;
position: relative;
}
ul.sortable_ul li span {
border-left: 1px solid #ececec;
display: block;
float: left;
padding: 8px 5px 8px 10px;
width: 75%;
}
.like-message {
float: right;
margin: -8px 0 0;
position: absolute;
right: 0;
top: 50%;
width: 20%;
}
ul.sortable_ul li:hover {
background-image: url(../images/drag_icon_ho.png);
}
.sortable_div {    
position: relative;
}
.color_band {
position: absolute;
height: 100%;
left: 5px;
}
.sr_top_aro {
background-image: url(../images/arrow_top1.jpg);
background-position: 9px 0;
background-repeat: no-repeat;
height: 4px;
position: absolute;
width: 16px;
top: -1px;
}
.sortable_cl_div {
height: 100%;
margin: 0 10px 0 8px;
position: relative;
}
.sr_top {
background-color: #c7e58f;
background-image: url(../images/gr_band1.png);
background-position: top;
background-repeat: no-repeat;
height: 50%;
width: 3px;
margin-left: 3px;
}
.sr_bottom {
background-color: #ffa4a4;
background-image: url(../images/rd_band1.png);
background-position: bottom;
background-repeat: no-repeat;
height: 50%;
width: 3px;
margin-left: 3px;
}
.color_pointer {
background-image: url(../images/color_ball.png);
background-position: 0px 0px;
background-repeat: no-repeat;
position: absolute;
height: 9px;
width: 9px;
top: 50%;
margin-top: -5px;
}
.sr_btm_aro {
background-image: url(../images/arrow_btm.jpg);
background-position: 9px 0px;
background-repeat: no-repeat;
width: 16px;
height: 4px;
position: absolute;
bottom: 0px;
}
.multiple-chk-ul {
padding-left: 0;
}
.multiple-chk {
display: inline;
}
.multiple-chk label{
padding-left: 10px !important;
width: 27%;
margin-bottom: 15px!important;
}
.dominant-ul {
width: auto;
}
.multiple-inp {
display: inline;
}
.multiple-inp label{
width: 15%;
}
.qfivsx {
display: inline;
padding-left: 0px;
}
.qfivsx .multiple-chk {
display: inline-flex;
width: 22%;
}
.qfivsx .multiple-chk label{
padding-left: 10px !important;
width: auto;
margin-bottom: 15px!important;
margin-top: 0 !important;
}
.dy-data {
background-color: #F2F9FF;
border: 1px solid #D4DDE6;
margin: 24px 0 0 0px;
padding: 10px;
overflow: hidden;
}
.dy-data h2{
margin-top: 5px;
}
.label-inp {
width: 43% !important;
margin-bottom: 30px !important;
}
.first-collum {
width: 100%;
background-color: #f8f9fa;    
padding-bottom: 20px;
padding-top: 21px;
margin-bottom: 15px;
margin-top: 15px;
}
.first-collum-info {
background-color: #fff;
border-left: none;
border-right: none;
border-bottom: 1px #dddddd dashed;
border-top: 1px #dddddd dashed;
padding: 10px 0px 10px;
margin-bottom: 20px;
}
.info-left-side {
width: 50%;
float: left;
height: auto;
border-right: 1px #dddddd solid;   
padding-right: 35px;
padding-top: 5px;
}
.info-right-side {
width: 48%;
float: right;
/* background-color: #fff; */
margin-right: 20px;
border: none;
padding-left: 10px;
padding-right: 10px;
}
.top_info {
border-bottom-color: #dddddd;
border-bottom-style: solid;
border-bottom-width: 1px;    
padding-bottom: 15px;   
padding-top: 5px;  
margin-bottom: 20px;
height: 50px;
}
.top_info h1 {
text-align: left;
font-size: 18px;
display: inline;
}
.edit_personal_info_bt {    
float: right;
}
.round-corner-btn {
background-image: url(../images/btn-bg.png);
background-position: left top;
background-repeat: repeat-x;
border: 1px solid #1a71af;
border-radius: 14px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
color: #ffffff;
cursor: pointer;    
font-weight: normal;
margin-top: 5px;    
padding: 5px 10px;
text-align: center;
text-decoration: none;
}
.round-corner-btn:hover {
background-image: url(../images/btn-bg-ho.jpg);
background-repeat: repeat-x;
text-decoration: none;
color: #fff;
}
.info-left-side ul , .info-right-side ul{
padding-left: 0;
}
.info-left-side ul li, .info-right-side ul li {
color: #666c72;
border-bottom: 1px #dddddd dashed;
margin-bottom: 15px;
padding-bottom: 15px;
overflow: hidden;
}
.info-left-side ul li p, .info-right-side ul li p {
display: inline-block;
font-size: 14px;    
margin: 0px;
}
.info-left-side ul li span, .info-right-side ul li span {
width: 270px;    
float: right;
display: inline-block;
}
.info-left-side ul li:after {
content: '';
clear: both;
display: block;
height: 0;
}
.info-right-side h2 {
font-size: 16px;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
text-align: left;    
display: inline;
}
.start_survey_bt {
float: right;
}
.left_info {
float: left;
width: 50%;
}
.cl {
clear: both;
}
.question-icon {
border: solid 1px #cbe5fb;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
background-color: #f2f9ff;
padding: 3px 3px 3px 3px;
text-align: center;
margin: 3px 3px 3px 3px;
cursor: pointer;
width: 25px;
font-size: 12px;
color: #1e3759;
font-weight: bold;
float: left;
}
.top_info h3 {
float: right;
font-size: 14px;    
padding: 2px 0px 2px 10px;
color: #900;
margin-top: 0;
}
.first-collum input,.first-collum select {
background-image: url(../images/input-bg.jpg);
background-repeat: repeat-x;
width: 47%;
height: auto;    
border: 1px #e1e1e1 solid;    
color: #666c72;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
margin-left: 20px;
padding: 15px;
}
.first-collum .client-addr{
width: 96%;
}
.frm_btn_2 {
/*width: 100%;
text-align: center;
background-color: #f2f9ff;
border-top: 1px dashed #d4dde6;
border-bottom: 1px dashed #d4dde6;
margin-bottom: 15px;
padding-top: 10px !important;
padding-bottom: 10px !important;*/
width: 100%;
text-align: center;    
margin-bottom: 15px;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.back_btn, .change_btn {
/*background-image: url(../images/btn-bg.png);
background-position: left top;
background-repeat: repeat-x;
border: 1px solid #1a71af;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
color: #ffffff;
cursor: pointer;
display: inline-block;   
line-height: 30px;
margin: 0 auto;
padding: 0 10px;*/
font-size: 14px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa;
margin: 15px 10px 10px 15px;
padding: 10px 20px;   
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);    
cursor: pointer;
display: inline-block;
}
.back_btn a, .change_btn a {
text-decoration: none;
color: rgb(54, 54, 54);
}
.save_btn {
/*background-image: url(../images/btn-bg.png);
background-position: left top;
background-repeat: repeat-x;
border: 1px solid #1a71af;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
color: #ffffff;
cursor: pointer;    
margin: 0 10px;
padding: 5px 5px 5px;*/
font-size: 14px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);   
cursor: pointer;
margin: 0 10px;
padding: 10px 20px;
}
.first-collum table {
width: 100%;
}
.first-collum-bottm {
/*background-color: #F8F9FA;   */
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
margin-top: 20px;
}
.sq_st2 {
background-color: #fff;
/*border: solid 1px #dce5ed;*/
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
margin: 0px 20px 34px 20px;
}
.ft_lt {
float: left;
}
.sq_st1_el_wt4 {
width: 50%;
}
.sq_st2_hd3 {
padding: 4px 0px 3px 10px;
border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
-webkit-border-radius: 0px 4px 0px 0px;
-o-border-radius: 0px 4px 0px 0px;
}
.sq_st2_hd_cm {
background-image: url(../images/dig_patt_hd.jpg);
/*background-repeat: repeat-x;*/
background-repeat: round;
display: block;
color: #676767;
font-size: 13px;
font-weight: bold;
border-bottom: solid 1px #e6e6e6;
}
.hd_name {
width: 67%;
display: inline-block;
}
.line_vr {
border-left: solid 1px #ebebeb;
width: 2px;
margin: 0px 10px 0px 10px;
padding: 25px 0px 25px 0px;
}
a.blue_btn_st5, .blue_btn_st5, a.paginate_disabled_previous, a.paginate_enabled_next, a.paginate_enabled_previous, a.paginate_disabled_next {
background-image: url(../images/btn-bg.png);
background-repeat: repeat-x;
background-position: 0px -1px;
background-color: #2668b3;
border: 1px solid #2360b6;
padding: 5px 20px;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
line-height: 29px;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
text-decoration: none;
}
.btn_manage_groups {
font-size: 12px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa;
margin: 15px 10px 10px 15px;
padding: 8px 10px;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
cursor: pointer;
display: inline-block;
}
a.btn_manage_groups:hover{
text-decoration: none;
color: rgb(54, 54, 54);
}
ul.st_group {
padding: 0px 0px 20px 0px;
border-right: 1px solid #E6E6E6 !important;
min-height: 104px;
height: auto !important;
list-style-type: none;
}
ul.st_group li {
border-bottom: solid 1px #e6e6e6;
background-image: url(../images/gray_bullate.png);
background-repeat: no-repeat;
background-position: 10px 15px;
padding-left: 10px;
color: #6c6c6c;
}
ul.st_group li span.name {
width: 65%;
margin: 10px 10px 10px 10px;
}
ul.st_group li span {
display: inline-block;
}
ul.st_group li span.gp_counter {
background-image: url(../images/man_icon.png);
background-repeat: no-repeat;
background-position: 35px 12px;
border-left: solid 1px #e2e2e2;
border-right: solid 1px #e2e2e2;
padding: 10px;    
width: 13%;
}
ul.st_group li a.edit_btn {
background-image: url(../images/black_edit_icon.png);
background-position: 15px 14px;
background-repeat: no-repeat;
height: 8px;
padding: 10px 20px;
width: 8px;
}
.edit_btn {
color: #6C6C6C;
padding-right: 10px;
}
ul.st_group li a.close_btn {
background-image: url(../images/close_icon.png);
background-position: 15px 14px;
background-repeat: no-repeat;
border-left: 1px solid #E2E2E2;
height: 8px;
padding: 10px 15px 10px 20px;
width: 8px;
}
ul.st_group li ul.subgroup-new {
list-style-type: none;
padding-left: 0;
}
ul.st_group li ul.subgroup-new li {
background-image: url(../images/sub-arreo.png);
background-repeat: no-repeat;
background-position: 18px 13px;
border-bottom: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
color: #6C6C6C;
margin-left: -10px;
padding: 0 0 0 30px;
border-bottom: none;
}
ul.st_group li ul.subgroup-new li span.name {
width: 63.5%;
margin: 10px 10px 10px 10px;
}
ul.st_group li ul.subgroup-new li span.gp_counter {
background-image: url(../images/man_icon.png);
background-repeat: no-repeat;
background-position: 35px 12px;
border-left: solid 1px #e2e2e2;
border-right: solid 1px #e2e2e2;
padding: 10px;   
width: 13.6%;
}
ul.st_group li ul.subgroup-new li a.edit_btn {
background-image: url(../images/black_edit_icon.png);
}
ul.st_group li ul.subgroup-new li a.close_btn {
background-image: url(../images/close_icon.png);
background-position: 15px 14px;
background-repeat: no-repeat;
border-left: 1px solid #E2E2E2;
height: 8px;
padding: 10px 15px 10px 20px;
width: 8px;
}
ul.st_group li a.close_btn span, ul.st_group li a.edit_btn span {
display: none;
}
.sq_st1_el_wt5 {
width: 50%;
}
.prismic_group {
padding: 5px;    
}
.prismic_group h6 {
color: #676767;
font-size: 13px;
margin: 10px 10px 0px 10px;
}
.main-content .prismic_group p {
color: #85866f;
font-size: 12px;
margin: 8px 10px 0px 10px;
font-style: italic;
}
.prismic_group_tit {
color: #696969;
font-size: 12px;
margin: 10px 10px 6px 10px;
font-weight: bold;
border-top: 1px solid #f1f1f1;
display: block;
padding-top: 10px;
}
.prismic_group_ul {
background-color: #f8f9fa;
padding: 5px 0px 0px 5px;
border: 1px solid #dddddd;
overflow: hidden;
margin: 5px 4px 5px 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
list-style-type: none;
}
.prismic_group_ul li {
border: 1px solid #E0E0E0;
color: #646464;
float: left;
margin: 0px 5px 5px 0px;
padding: 6px 8px;
/*width: 202px;*/
width: 231px;
font-size: 12px;
background-color: #fff;
}
ul.st_group li:hover {
background-image: url(../images/gray_bullate_ho.png);
background-color: #6799d0;
background-color: #a60f18;
color: #fff;
}
ul.st_group li:hover span.gp_counter, ul.st_group li ul.subgroup-new li:hover span.gp_counter {
border-left: 1px solid #e2e2e2;
}
ul.st_group li:hover span.gp_counter {
background-image: url(../images/man_icon_ho.png);
/*border-left: 1px solid #6d93bd;*/
}
ul.st_group li:hover a.edit_btn, ul.st_group li ul.subgroup-new li:hover a.edit_btn {
background-image: url(../images/white_edit_icon.png);
}
ul.st_group li:hover a.close_btn, ul.st_group li ul.subgroup-new li:hover a.close_btn {
background-image: url(../images/close_icon_ho.png);
border-left: 1px solid #e2e2e2;
/*border-right: solid 1px #6d93bd;*/
}
ul.st_group li ul.subgroup-new li:hover {
background-image: url(../images/sub-arreo-active.png);
background-color: #6799d0;
background-color: #a61019;
color: #fff;
}
ul.st_group li ul.subgroup-new li:hover span.gp_counter {
background-image: url(../images/man_icon_ho.png);
/*border-left: 1px solid #6d93bd;*/
}
.main-content1 {
margin-top: 35px !important;
width: 100% !important;
}
.home-email1 {
width: 100% !important;
}
.main-content1 ul {
list-style-type: none;
padding-left: 0;
}
.main-content1 ul li input {
margin-right: 10px;
}
.dataTables_length {
display: inline;
width: 50%;
}
.dataTables_filter {
display: inline;
width: 50%;
text-align: right;
float: right !important;
}
.content .manage-group .dataTables_filter {
margin-right: 150px;
}
/* FLEXIGRID */
.flexigrid div.fbutton {
float: none !important;
display: inline !important;    
border: none!important;
}
.flexigrid div.btnseparator {
display: none !important;
}
.flexigrid div.fbutton span.show_score {
background: url(../images/show_score.png);
background-repeat: no-repeat;
background-position: 15px 17px !important;
height: auto !important;
display: block;
padding: 10px 15px 10px 40px !important;
border: 1px solid #CCCCCC !important;
border-radius: 4px !important;
}
.flexigrid div.fbutton div {
float: left;
}
.flexigrid div.fbutton span {
background-position: 15px 20px !important;
height: auto !important;
padding-top: 10px !important;
padding-right: 15px !important;
padding-bottom: 10px !important;
padding-left: 40px !important;    
border: 1px solid #CCCCCC !important;
border-radius: 4px !important;
margin: 10px 5px 5px 10px !important;
}
.flexigrid div.fbutton span.show_kite, 
.flexigrid div.fbutton span.show_score_with_kite, 
.flexigrid div.fbutton span.show_feedback, 
.flexigrid div.fbutton span.full_team_score, 
.flexigrid div.fbutton span.send_to_client, 
.flexigrid div.fbutton span.send_to_group, 
.flexigrid div.fbutton span.show_feedback, 
.flexigrid div.fbutton span.team_report,
.flexigrid div.fbutton span.team_kite {    
padding: 10px 15px 10px 40px !important;
}
.flexigrid div.fbutton span.BTSA_Executive_Summary_button {
padding-left: 15px !important;
}
.flexigrid div.nBtn {
background: none !important;
border-left: 0px solid #ccc;
}
.flexigrid div.nBtn.srtd {
background: none !important;
}
/*buttons center*/
.flexigrid div.tDiv2 {
float: none;
clear: both;
padding: 1px;
text-align: center;
}
.flexigrid div.fbutton div {
float: none;
display: inline-block;
}
.flexigrid div.fbutton:hover div, 
.flexigrid div.fbutton.fbOver div {
padding: 0px 2px !important;
border-left: 1px solid transparent !important;
border-top: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid transparent !important;
}
.flexigrid div.fbutton:hover, 
.flexigrid div.fbutton.fbOver {
padding: 1px;
}
/* flexigrid css*/
/*.flexigrid div.hDiv {
border-radius: 0px; 
border: 1px solid #ddd;
background: none;    
}
.flexigrid div.hDivBox {
padding-right: 0px;
}
.flexigrid div.hDiv table {    
width: 100%!important;
}
.flexigrid div.hDiv th.sorted {
background: none;    
}
.flexigrid div.hDiv th, div.colCopy {    
height: auto;    
font-size: 12px;
font-family: 'Quicksand', sans-serif;
color: rgb(47, 125, 225);
font-weight: 700;    
vertical-align: middle;
text-align: center;
padding-left: 20px;
}
.flexigrid div.hDiv th.thOver div,.flexigrid div.hDiv th.sorted.thOver div{
border-bottom: 1px solid transparent;
padding-bottom: 4px;
}
.flexigrid div.bDiv table {
width: 100% !important;
}
.flexigrid tr td.sorted {    
background: #fff;
border-right: 1px solid #ddd;   
border-bottom: 1px solid #ddd;
}
.flexigrid tr.erow td.sorted {    
background: #fff;    
border-bottom: 1px solid #ddd;
}
.flexigrid tr.erow td {
background: #fff;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.flexigrid div.bDiv tr:hover td, 
.flexigrid div.bDiv tr:hover td.sorted, 
.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td {    
background: #fff;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.flexigrid div.bDiv td div {
border-top: 0px solid #fff;
padding-bottom: 4px;
line-height: 26px;
font-size: 11px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
padding: 10px 0px 10px 0px;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #ddd;
padding-left: 20px;
}
.flexigrid div.pDiv {
background: none;    
border-radius: 0; 
border: 1px solid transparent;    
height: 44px;
}*/
/* new flexigrid*/
.flexigrid div.hDiv {    
border-radius: 0 !important;
border: 1px solid #ddd !important;
background: none !important;
position: relative;
overflow: hidden;
height: 37px;
line-height: 37px;
}
.flexigrid div.hDivBox {
float: left;
padding-right: 0px;
width: 100%;
}
.flexigrid div.hDiv table {    
width: 100%;
}
.flexigrid div.bDiv {   
border-radius: 0;
border: 1px solid #ddd;
background: #fff;
overflow: auto;
position: relative;
border-top: none;
}
.flexigrid div.bDiv table {    
width: 100%;
}
.flexigrid div.hDiv th div, 
.flexigrid div.bDiv td div, 
div.colCopy div {
padding: 5px;
border-left: 0px solid #fff;
text-align: center !important;
}
.flexigrid tr.erow td {
background: #fff;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.flexigrid div.bDiv td {
border-bottom: 1px solid #ddd;
vertical-align: top;
white-space: nowrap;
color: rgb(54, 54, 54);
font-size: 11px;
font-family: 'Quicksand', sans-serif;
font-weight: 700;
}
.flexigrid div.hDiv th.sorted {    
background: none !important;    
}
.flexigrid tr td.sorted {   
background: #fff;
border-right: 1px solid #ddd;   
border-bottom: 1px solid #ddd;
}
.flexigrid tr.erow td.sorted {   
background: #fff;    
border-bottom: 1px solid #ddd;
}
.flexigrid div.bDiv tr:hover td, 
.flexigrid div.bDiv tr:hover td.sorted, 
.flexigrid div.bDiv tr.trOver td.sorted, 
.flexigrid div.bDiv tr.trOver td {
background: #f2f2f2;
border-left: 1px solid #fff;
border-bottom: 1px solid #ddd;
}
.flexigrid div.hDiv th, div.colCopy {
font-weight: bold;    
color: rgb(47, 125, 225);
font-size: 12px;
font-family: 'Quicksand', sans-serif;
}
.flexigrid div.pDiv {
/* background: url(../images/wbg.gif) repeat-x 0 -1px; */
background: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid transparent;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 45px;
margin: 10px 0 10px 0;
}
.flexigrid div.bDiv tr.trSelected:hover td, 
.flexigrid div.bDiv tr.trSelected:hover td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
.flexigrid div.bDiv tr.trOver.trSelected td, 
.flexigrid tr.trSelected td.sorted, 
.flexigrid tr.trSelected td {
background: #f2f2f2 !important; 
border-right: 1px solid #ddd; 
border-left: 1px solid #ddd; 
border-bottom: 1px solid #ddd; 
} 
/* FLEXIGRID */
a.paginate_disabled_previous {
padding: 12px 20px !important;
}
.dataTables_info {
margin-bottom: 15px !important;
}
.edit-user-area li input,.edit-user-area li textarea, .edit-user-area li select{
font-size: 12px;
font-family: 'Quicksand', sans-serif;
display: inline-block;
width: 49%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
margin-bottom: 20px;
line-height: 1.42857143;
color: rgb(117, 117, 118);
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
.edit-user-area li select {
width: 49%;
}
/*.edit-add-group .add-group-first {
margin-left: 5px;
}
*/
.edit-add-group li textarea {
margin-left: 0px;
}
/* dataTables prev next buttons*/
.dataTables_paginate a:focus {
outline: 5px auto transparent;
}
.main-content1 table > tbody > tr > td > p {
text-align: center;
}
.first-collum .licensee-profile-pic {
background-image: url(../images/input-bg.jpg);
background-repeat: repeat-x;
width: 96%;
height: auto;
border: 1px #e1e1e1 solid;
color: #666c72;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
margin-left: 20px;
padding: 15px;
}
.first-collum .licensee-profile-pic input{
background-image: none;    
width: auto;
height: auto;
border: none;
color: #666c72;    
margin-bottom: 0px;
margin-left: 20px;
padding: 0px;
display: inline-block;
}

.radio-butn-wrap{
border-bottom: solid 1px #d8dbe1;
padding: 10px;
margin-bottom: 30px;
}
.head-title {
	padding-bottom: 20px;
}
.floater {
display: inline-block;
width: 48%;
padding-bottom: 10px;
/*border: solid 1px #d8dbe1;
margin: 5px 2px;
padding: 5px;
height: 50px;*/

}
.floater_addon {
	display: inline-block;
	width: auto;
	/*border: solid 1px #d8dbe1;
	margin: 5px 2px;
	padding: 5px;
	height: 50px;
	background-color: #EFEFEF;*/
	cursor: not-allowed;
}

.floater_addon label {
font-weight: 400;
font-size: 12px;
line-height: 15px;
width: auto !important;
max-width: 90%;
line-height: 15px;
display: inline-table !important;
cursor: not-allowed;
}

.floater label {
/*font-weight: 400;
font-size: 12px;
line-height: 15px;
width: auto !important;
max-width: 90%;*/


width: auto !important;
font-family: 'Quicksand', sans-serif;
font-size: 13px;
font-weight: 500;
text-align: left;
color: #666666;
letter-spacing: 0px;
margin: 0px 20px 0px 0px;
padding-left: 30px;
padding-top: 4px;
line-height: 15px;
display: inline-table !important;
}
.frm_btn .blue-btn {
font-size: 14px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa !important;
margin: 0;
padding: 10px 20px;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.13);
cursor: pointer;    
height: auto;
line-height: 20px;
background-image: none;
}
.frm_btn {
width: 100%;
text-align: center;    
margin-bottom: 15px;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.frm_btn .blue-btn:hover {
background-image: none;
}
/* btsa executive btn */
.exe-summary {
background-color: #a51018;
width: 100%;
margin-left: 30px;
margin-top: 40px;
text-align: center;
padding: 10px;
border-radius: 6px;
}
.pull-left ul a {
color: #fff;
text-decoration: none;
}
/*Licensee Dashboard*/
.manage-butn-main{float: left;margin: 50px 50px 50px 0px;}
.manage-butn-main .btn-manage{
font-size: 13px;
font-family: 'Quicksand', sans-serif;
color: rgb(54, 54, 54);
font-weight: 700;
text-align: center;
background-color: #efefef;
border: solid 1px #bababa;
margin-left: 15px;
}
.header-licensee{background-color: #efefef; padding-left:20%; padding-right: 20%; margin: 0%;}
.header-licensee .navbar-collapse{width:100%;}
.header-licensee .navbar-collapse ul{text-align: center;float: none;}
.header-licensee .header-line-licensee{width: 100%;}





.assessment_page .assessment-top-heading{
	width:100%;
	padding:0px;
	margin:0px;
	text-align: left;
	/*display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;*/
}

.assessment_page .assessment-top-heading h2{
	font-family: 'Montserrat', sans-serif;
    color: rgb(54, 54, 54);
    text-align: center;
    font-size: 16px;
    display: inline-block !important;
	width:33%;
}

/*.assessment_page .flexigrid div.tDiv2{
	text-align: left;
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
}

.assessment_page .flexigrid div.fbutton{
	padding:0px 8px 0px 8px;
}*/


.assessment_page .flexigrid div.tDiv2{
	text-align: left;
}

.assessment_page .flexigrid div.fbutton{
	display: inline-block !important;
	padding:0px 8px 0px 8px;
	width:33%;
}
.assessment_page .flexigrid div.fbutton > div, .assessment_page .flexigrid div.fbutton > div span {
	width:100%;
	text-align: center;
}
.p_conpyright{
	text-align: center;
    padding: 15px 0px;
    color: #fff;
    font-size: 12px;
}
/*caret css*/
.caret {
background-image: url(../images/images/caret-grey.png);
content: "";
height: 6px;
width: 10px;
background-repeat: no-repeat;
border:0px;
}
.navbar-default .navbar-nav > li:hover .caret,
.navbar-default .navbar-nav > li:active .caret,
.navbar-default .navbar-nav > li.active .caret{
background-image: url(../images/images/caret-white.png);
content: "";
height: 6px;
width: 10px;
background-repeat: no-repeat;
border:0px;
}