html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #F1F2F7;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
}

header {
	width:100%;
	height:80px;
}

main.trm_mid_content {
	width:100%;
	min-height:calc(100% - 120px);
}

footer {
	width:100%;
	height:40px;
}

/* header nav menu */
/*header {
	min-height: 80px;
	display: table-row;
}*/

/*header .navbar{min-height: 80px;}*/

/*.navbar-header {
    float: left;
	background:#1ABC9C;
}*/


header nav {
	/*padding:0px;*/
	border: none !important;
	margin: 0px !important;	
	/*height: 100%;
	border-radius: 0px !important;*/
	background-color: #fff !important;
}

header nav  .container {
	width: 100%;
	/*height : inherit;*/
}

header nav ul li a {
	font-size: 14px;
	color:rgba(63, 92, 154, 0.8) !important
}

.navbar-left {
   	margin: 0px -15px;
	background: #1ABC9C;
	padding:15px 25px;
}

.trm_login_header_logo {
	padding-left:50px;
}

.trm_reg_header_logo {
	padding: 0px !important;
}

.trm_login_header {
	height:5% !important;
	width:100%;
}

/* style for main */
/*main {
	height: 90%;
	position: relative;
	display: table-row;
}*/

.trm_mid_content {
	/*width: inherit;
	height: 100%;*/
	display:flex;
}

.trm_reg_nav_menu {
	float:right;
	padding:15px;
}

/* style for sidebar */
.trm_side_menu_sec {
	width: 281px;
	/*float: left;
	transition: all 0.25s ease-out;
	background-color: #293949;
   	padding-left: 0;*/
   	
   	position: relative;
	/*min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;*/
	transition: all 0.25s ease-out;
	background-color: #293949;
	float: left;
	/*display: block;
	height: inherit;
	width:15%;*/
}

.trm_side_menu_sec.trm_active {
	width: 45px;
}

.trm_submenu_active li:first-child:before
{
	content: "\25B6";
	position: absolute; 
	margin-top: 5px; 
	font-size: 16px;
	z-index:1;
}

.trm_side_submenu li {
	background-color: #2E4051;
}

.trm_side_menu_sec .nav li a, ul.trm_side_submenu li{
	white-space: nowrap;
	overflow: hidden;
	margin:0px 0px 1px 0px;	
}

.trm_side_menu_sec .nav li a {
	padding: 12px 10px;
	color: #8f939e;
}
.trm_side_menu_sec .collapse.in {
	display: inline;
}

.trm_submenu_active {
	position: absolute;
	top: 1px;
	left: 100%;
	z-index: 1;
}

.trm_sidemenu_label {
	font-size: 14px;
	position: relative;
	bottom: 3px;
	width: 100%;
	display: block;
}

.trm_sidemenu_label .fa-angle-down{
	position: absolute;
	right: 8px;
	top: 8px;
}

.trm_sidemenu_icon {
	font-size:14px;
	padding-right: 18px;
	float: left;
	margin-left: 6px;
}

.trm_pg_main_content {
	width: 100%;
	float: left;
	transition: all 0.25s ease-out;
}

.trm_pg_content.trm_active {
	width: 100%;
}

.trm_controller_sec {
	height: inherit;
	display: table;
	width: 100%;
}

.trm_view_sec {
	position: relative;
	min-height: 1px;
	float: left;
	width:100%;
}

.trm_login_form{
    margin: 0 auto;
    max-width: 390px;
    padding: 30px 30px;
    background-color: rgba(255,255,255,0.3);
   /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
}

.trm_login_form_container{
    margin-top: 2%;
    margin-bottom: 2%;
}

.trm_login_heading {
	margin-bottom:10px;
}

.trm_reg_link {
	text-align:center;
	text-decoration: underline !important	;
}

.input-group-addon {
	border-left: 1px solid rgb(238, 238, 238) !important;
	border-right: 0px solid rgb(238, 238, 238) !important;
	border-top: 1px solid rgb(238, 238, 238) !important;
	border-bottom: 1px solid rgb(238, 238, 238) !important;
	border-radius:3px 0px 0px 3px;
}

.trm_login_label {
	color: #747474;
	font-size:16px;
	margin-bottom:0 !important;
}

.trm_login_input_field {
	border: none;
    background: rgba(255,255,255,0.3);
    color: rgba(14, 14, 14, 0.65);
    font-size: 16px;
    outline: none;
    width: 100%;
   /* padding-left: 5px;
    padding-right:5px;*/
    border-left: 0px solid rgb(238, 238, 238) !important;
	border-right: 1px solid rgb(238, 238, 238) !important;
	border-top: 1px solid rgb(238, 238, 238) !important;
	border-bottom: 1px solid rgb(238, 238, 238) !important;
	padding:6px 12px;
	border-radius:0px 3px 3px 0px;
}

.trm_login_alert {
	color: rgba(251, 6, 6, 0.62);
	font-style: italic;
	font-size: large;
}

.trm_recover_frm_container {
	margin-top: 10% !important;
	max-width:390px;
	background-color: rgba(255,255,255,0.3);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
    padding: 30px;
}

.trm_recover_back_link {
	margin-top:10px;
}

.trm_recover_frm_title {
	font-weight:bold;
	color:white;
	text-align:center;
	margin-top:0px !important;
}

.trm_frm_recover_btn {
	margin-top: 10px;
}
.trm_add_test_ip_fld {
	    width: 90% !important;
}

.trm_add_test_dual_box>div>.box1.col-md-6,
.trm_add_test_dual_box>div>.box2.col-md-6 {
	width:100%;
}

.trm_add_test_dual_box>div>.box2.col-md-6 {
	padding-top: 8px;
}


.box1.col-md-6>label,.box2.col-md-6>label {
	color:white;
}

/* ----table scroll bar color ----*/
 /* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 6px !important;
    height:5px !important;
 }

 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; 
   -webkit-border-radius: 4px !important;
   border-radius: 4px !important;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: rgba(255,255,255,0.8) !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5) !important; 
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(255,255,255,0.4) !important; 
 }

#test_list_tbl_filter>label>input[type="search"],
#stud_list_tbl_filter>label>input[type="search"],
#org_list_tbl_filter>label>input[type="search"],
#qsn_list_tbl_filter>label>input[type="search"] {	
    border: 1px solid #ccc; !important;
    outline: none !important;
	padding: 6px 11px;   
}

.dataTables_filter label{font-weight:400;}

.paginate_button {
    color: rgba(63, 92, 154, 0.88);
    height: 30px;
    font-size: 14px;
}

.trm_dashboard_icon_sec {
	padding-top: 10%;
}

.trm_dashboard_icon_sec table{
	margin: auto;
	text-align: center;
}

.trm_dashboard_icon_sec table tr td {
	padding: 15px;
}

.trm_dashboard_icon_sec table tr td h3 {
	color: rgba(255, 255, 255, 0.6);
    font-weight: bold;
    font-size: 16px;
}

.trm_dashboard_icon {
	font-size:64px;
	color:rgba(255, 255, 255, 1);
}

.trm_new_test_lst_sec {
	padding: 2% 4%;
}

.trm_new_test_lst_sec ul li {
	background-color: rgba(176, 169, 169, 1);
	list-style: none;
}

.trm_new_test_lst_sec ul li:nth-child(odd) { 
	background-color: rgba(176, 169, 169, 0.7);
}

.trm_new_test_lst_sec ul li:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.trm_new_test_lst_sec ul li:last-child{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.trm_new_test_lst_sec ul li a {
	padding: 18px;
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.trm_pg_ttl {
	font-weight: bold;
	color: #747474;
	text-align:center;
	padding-bottom:0px !important;
	padding-left:10px;
}

.trm_qsn_ttl {
	font-weight: bold;
	color: white;
	display:initial;
}

.trm_test_pgn_blk {
	padding-bottom:10px;
}

.trm_nxt_btn, .trm_pre_btn {
	width: 100px;
}

.trm_disable {
	pointer-events: none;
	background-color: gray !important;
}

.trm_link_disable {
	pointer-events: none;
}

.trm_text_deleted {
	text-decoration:line-through;
}

.trm_disable .glyphicon {
	background-color: gray !important;
}

.trm_test_qsn_sec {
	padding: 0% 4%;
}

.trm_qsn {
	width:100%;
	padding: 15px 20px;
	font-size: 20px;
	background-color:rgba(0,0,0,0.2);
	border-radius:8px 8px 0px 0px;
	color: darkgrey;
	font-weight: bold;
	display: inline-block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.trm_qsn_opt {
	margin-top:14px;
}

.trm_qsn_opt ul {
	background-color:rgba(0,0,0,0.2);
	border-radius:0px 0px 8px 8px;
}

.trm_test_qsn_sec ul li {
	list-style: none;
	padding: 10px;
	padding-left:20px;
}

.trm_test_qsn_sec ul li:last-child {
	border-radius:0px 0px 8px 8px;
}

.trm_test_qsn_sec ul li label {
	margin-left: 15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: darkgrey;
	Font-size: 16px;
	display: inline;
}

.trm_qsn_show {
	display: block;
}

.trm_qsn_hide {
	display: none;
}

.trm_qsn_verify_btn {
	float: right;
	padding-left: 6px !important;
	margin-bottom:5px;
}

.trm_test_save_btn, .trm_test_finish_btn, .trm_review_bck_btn {
	float: right;
	margin-right: 50px;
	margin-top: 15px;
}

.trm_review_bck_btn {
	margin-right: 15px !important;
}

.trm_cor_ans {
	background-color: rgba(0,255,0,0.5);
}

.trm_wrong_ans {
	background-color: rgba(255,0,0,0.5);
}

.trm_qsn_opt .glyphicon-ok, .trm_qsn_opt .glyphicon-remove {
	float: right;
	font-size: 26px;
	color: white;
	margin-right: 14px;
}
.trm_cor_ans .glyphicon-ok{
	display: block !important;
}

.trm_wrong_ans .glyphicon-remove {
	display: block !important;
}

.trm_qsn_bmk_icon {
	float: right;
	color: inherit;
	cursor: pointer;
}

.trm_qsn_bmk_set {
	color: yellow !important;
}

.trm_bmk_info_blk {
	padding: 15px 20px;
	font-size: 26px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 8px;
	color: #ff0202b3;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: italic;
	text-align: center;
}

.trm_dis_bmk_qsn {
	float:right;
	color:darkgray;
}

.trm_hide {
	visibility: hidden;
}

.trm_prof_main {
    background: rgba(255,255,255,0.04);	
}

.trm_article_dp {
	width: 200px;
	height: 200px;
	margin:0 auto;
}

.trm_article_dp img {
	height: 200px;
	width: 200px;
	border-radius: 50%;
	border: 8px solid rgba(255,255,255,0.3);
}

.trm_article_prof {
	width: 500px;
	height: 100%;
	margin-left: 100px;
	float: left;	
}

.trm_prof_input {
    border: none;
    border-radius: 25px;
	margin: 0px 0px 10px 40px;
	color: rgba(14, 14, 14, 0.65);
	background-color: #eee;
}

.trm_lbl {
    color: #747474;
}

.trm_article_prof table {
	margin: 90px 0px 0px 70px;
}

.trm_prof_pic_chg_btn,.trm_prof_pic_chg_btn:hover {
	width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    border: 5px solid rgb(93, 117, 170);
    padding: 0px !important;
    outline: none !important;
    background-color:rgb(221, 221, 221);
}

.trm_prof_fieldset {
	position: relative;
	border-radius:50%;
	border:0;
	box-shadow: none;
}

.trm_prof_legend {
	position: absolute;
	border: none;
}

.trm_test_empty {
	padding:15px;
	color: #f00;
	text-align:center;
	font-size: 25px;
}

/* test summary page */
.trm_test_summary_sec table {
	margin: auto;
}
.trm_test_summary_sec table tr td p {
	color: rgba(255,255,255,0.8);
    font-size: 26px;
    padding: 15px 7px;
    margin: 0px;
}

.trm_test_review_btn {
    width: 100% !important;
    margin-bottom:10px;
 }
 
 /* test review page */
 .trm_review_qsn {
	padding: 15px 20px;
	font-size: 26px;
	background-color:rgba(0,0,0,0.2);
	border-radius:8px 8px 8px 8px;
	color: darkgrey;
	font-weight: bold;
	margin-bottom: 15px;
}	

/* style for add question */
.trm_form table {
	margin: auto;
}
.trm_form table tr td {
	border: 6px solid rgb(86,111,166);
}

/* common for form */
.trm_btn {
	background-color: #21bca1;
	color: white !important;
	width:	100%;
	height: 100%;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 14px;
	border-radius: 0px !important;
}

.trm_btn2 {
	background-color: #21bca1;
	color: white !important;
	width:	120px;
	height: 30px;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 14px;
	border-radius: 0px !important;
}

.trm_add_btn_grp {
    float: right;
}

.trm_footer_btn_grp {
	display:none;
}

.trm_frm_cancel_btn , .trm_frm_save_btn {
	/*margin-right: 35px;
	margin-top:10px;
	width: 100px !important;
    height: 35px !important;*/	
	margin-top: -10px;
	width: 100px !important;	
	margin-bottom: -8px;
	
}

.trm_frm_prof_save_btn, .trm_frm_prof_edit_btn {
 	width: 200px !important;
    height: 45px;
 	margin-top:20px;
	display: block;
    margin-right: auto;
    margin-left: auto;
}

.trm_frm_prof_edit_btn {
	padding:11px !important;
}

.trm_label {
	color: #747474;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:0px;
	padding-top:0px;
}

/*input[type=text].trm_input {
	height: 29px;
	width: 240px;
}*/

.trm_textarea,
 input[type=text].trm_input,
 input[type=Email].trm_input, input[type=search],
 .trm_password_field {
	
	border-radius: 3px !important;
	background-color: #FAFAFA !important;
	border: 1px solid #ccc;
	outline: none !important;
	padding: 6px 11px;
}

.input[type=file].trm_upload {
	border-radius: 3px !important;
	background-color: #FAFAFA !important;
	border: 1px solid #ccc;
	outline: none !important;
}

/*input[type=file].trm_upload {
    background-color: #f7fffc !important;
}*/

/*.trm_select {
	background-color: #566fa6;
	height: 29px;
	width: 240px;
	color: white;
	outline: none;
	border: 1px solid darkgrey;
	border-radius: 8px;
}*/

.trm_select {
	color:#555;
	outline: none;	
	border-radius: 3px !important;
	background-color: #FAFAFA !important;
	border: 1px solid #ccc;
}

.trm_select_placeholder {
	color:#999 !important;
}

a {
	color:rgba(63, 92, 154, 0.88);
	text-decoration:none !important;
}

.trm_heading {	
	font-size: 25px;
	padding-top: 17px;
}

.trm_header_logo {
    height: 41px;
    padding-top: 10px;
}

/*.trm_header_logo_text {
    color: #fff;
    text-transform: uppercase;
    float: left;
    margin-top: 12px;
   	font-weight: 500;
	font-size: 22px;
}*/
.trm_header_logo_text {
    color: #fff;
    text-transform: uppercase;
    float: left;
    margin-top: 6px;
   	font-weight: 900;
	font-size: 22px;
	margin-bottom: 0px;
    line-height: 18px;
    letter-spacing: 4px;
}

.trm_header_logo_text small{
	color: #fff;
	text-transform: none;
	letter-spacing: 2.8px;
}

.logo-img{
	float:left;
	margin-right: 10px;
	margin-top: 10px;
}

/* style for list */


.trm_datatable_tbl_div {
	width: 96%;
	margin: auto;
	/*padding: 0px 20px;*/
}

div.dataTables_wrapper {
        width: 100% !important;
        margin: 0 auto;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_1:hover,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1:hover {
    background-color: #9598a8 !important;
}


table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1:hover,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1
table.dataTable.order-column.stripe tbody tr.even > .sorting_1:hover {
    background-color: #b0a9a9 !important;
}

table.trm_datatable_tbl {
	background-color: inherit;
}

th,td {
    white-space: normal !important;
}

table.trm_datatable_tbl tr {
	background-color: inherit !important;
}

table.trm_datatable_tbl thead tr th {
	background-color: rgba(212, 208, 231, 0.3);
	text-align: left;
}

table.dataTable thead th, table.dataTable thead td {
   padding: 10px 18px;
   border: 1px solid #ddd;
}

table.trm_datatable_tbl thead tr th {
	border-left:none;
}

table.trm_datatable_tbl thead tr th:first-child {
	border-left: 1px solid #ddd;
}

table.trm_datatable_tbl tbody tr td {
	padding: 8px 3px !important;
}

table.trm_datatable_tbl tbody tr.odd td {
	background-color: rgba(176, 169, 169, 0.7);
}

table.trm_datatable_tbl tbody tr.even td {	
	background-color: rgba(176, 169, 169, 1);
}

.dataTables_info {
	color: #747474 !important;
}

.trm_tbl_operation_col {
	text-align: center;
}

.trm_tbl_operation_edit {
    padding: 6px;
    padding-left: 10px;
    border-radius: 0px !important;
    background-color: #ddd;
}

.trm_tbl_operation_col a span {
    padding: 6px;    
    border-radius: 3px !important;
    background-color: #21bca1;
    color:white !important;
}

.trm_tbl_operation_edit a {
     margin-bottom:10px;
}

.trm_tbl_btn {
	width: 100px !important;
    height: 30px !important;
    padding-left: 10px !important;
}

.trm_tbl_load_spinner {
	animation-name: load-spinner;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    font-size: 200%;
    margin-left: 50%;
    margin-top: 12%;
}

.trm_page_load_spinner {
	animation-name: load-spinner;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    font-size: 200%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 0px;
    margin-top: 0px; 
    display: block;
    color:rgb(86, 111, 166);
}

/*.trm_page_loader_blk {
	position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    z-index:1000;
    background-color:grey;
    opacity: .6;
}*/


.trm_page_loader_blk {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:9999;
    width:100%;
    height:100%;

}

@-webkit-keyframes load-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* style for dual listbox */
.bootstrap-duallistbox-container .box1 .info-container, .bootstrap-duallistbox-container .box2 .info-container {
	display:none;
}

/* style for bootstrap modal */
.trm_modal_content {
    border-color: blanchedalmond;
    box-shadow: 0 5px 15px #9e9e9e;
}

.trm_modal_header, .trm_modal_footer {
	background-color: rgb(248,248,248);
	padding: 10px;
}

.trm_modal_body {
	background-color: rgba(63, 92, 154, 0.88);
}

.trm_modal_ttl {
	font-size: 16px;
	color: #747474 !important;
	font-weight: bold;
}

.trm_modal_close_btn {
	color: rgb(33, 188, 161) !important;
    opacity: 1 !Important;
	
}

.trm_modal_err {
	float: left;
	color: rgb(255,0,0);
}

/* style for footer */
footer {
	/*height: 5%;*/
	background-color: #E1E2E1;
	/*display: table-row;*/
}

footer h5 {
	text-align: center;
	color: #777;
	padding: 2%;
	margin: 0px;
	padding:0px !important;
	padding-top:5px !important;
	
}

.trm_login_footer {
	background-color:transparent;	
}

.trm_login_footer h5 {
	color:white;	
}

.trm_footer_logo {
	height:25px;	
}

/*-----------------*/
.trm_side_submenu_label {
	font-size:14px;	
}

.trm_side_submenu_icon {
	font-size: 12px;
	padding-left: 25px;
	padding-right: 10px;
}

#header_sidebar_icon a {
	font-size: 17px;
	color: #fff !important;
	cursor: pointer;
	margin-right: 10px;
	border-radius: 3px;
	padding: 15px 17px;
}

#header_sidebar_icon a:hover, #header_sidebar_icon a:focus {
	font-size: 17px;	
	cursor: pointer;
	margin-right: 10px;
	border-radius: 3px;
	background:#fff !important;
	color:#1ABC9C !important;
	padding: 15px 17px;
}

.trm_header_nav_icon {
	padding-right:3px;	
}

.trm_qsn_exp {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px 8px 8px 8px;
	padding: 10px;
	margin-bottom:10px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;	
}

.pager {
	margin:0px !important;	
}

.trm_sign_btn {
	margin-top: 15px;
    height: 35px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    outline: none;
    background-color: #21bca1;
	border: 1px solid #21bca1;
}

.trm_sign_btn[disabled] {
	background-color: #21bca1;
	border: 1px solid #21bca1;
}
.trm_h2 {
	font-weight:bold;
	color: #1ABC9C;
	margin-top:0px;
	margin-bottom:30px;
	text-transform:uppercase;
	font-size:24px;
}


.trm_addstud_title,.trm_addtest_title,.trm_addqsn_title,.trm_profile_title,.trm_addorg_title,.trm_form_title_sec {
	border-bottom:1px solid #21bca1;	
	margin-bottom:15px;
}
.trm_addstud_title h3,.trm_addtest_title h3,.trm_addqsn_title h3,.trm_profile_title h3,.trm_addorg_title h3,.trm_form_title_sec h3 {
	text-align:left;
}

.trm_addstud_label,.trm_addqsn_label,.trm_prof_label,.trm_addorg_label {
	padding-top:0px;
	font-weight:normal;
}

.trm_addstud_select,.trm_addqsn_select,.trm_assign_stud_select{
	color:black;
	outline: none;
	border: 1px solid darkgrey;
	border-radius: 0px !important;
}

.form-control{
	 -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #7c7c7c;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.trm_stud_reg_container{
	margin-left:15%;
}

.trm_agreement_content {
	width: 100%;
}

.trm_agreement_link, .trm_agreement_link:hover{
	color: rgba(128, 0, 0, 0.76);
}

.trm_frm_err_field {
	color:red;
	display:block !important;
	min-height:14px;
	font-size:12px;
	position: absolute;
}

.trm_frm .form-group {
	margin-bottom: 25px;
}

.trm_frm_mandatory:after {
	content:" *" !important; 
	color: #e32 !important;
	/*font-size: medium !important; */
}

.trm_access_denied {
	background-color: rgb(255, 0, 0);
    border-radius: 8px 8px 8px 8px;
    padding: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(255,255,255,0.9);
    text-align:center;
}

.trm_template_download_link {
	color:white;
	float:right;
	padding-top: 20px;
	padding-right: 10px;
}

.trm_template_download_link a {
	color:red;
	text-decoration:underline !important;
}

/*
 * media Query
 *
 */

@media only screen and (max-width: 768px) {
   
    .trm_side_menu_sec {
		display:none;
	}
	
	.trm_side_menu_sec.trm_active {
		display:block;
		width: 45px;
		float: left;
	}
	
	#header_sidebar_icon a {
    	padding-left: 15px;
	}
		
	.trm_tbl_btn {
    	width: 90% !important;
    }
    
    .trm_tbl_operation_edit {
	    float: none;
	    border-radius: 0px !important;
	    background-color: #ddd;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
	
	.trm_tbl_operation_col a span {
	    float: none;
	    border-radius: 0px !important;
	    background-color: #21bca1;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}

	.trm_footer_btn_grp {
		display:block;
		margin-bottom:10px;
		margin-top:10px;
		border-top: 1px solid darkgray;
	}

	.trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 30px;
	}
}

@media only screen and (max-width: 320px){
	.trm_form_title {
	    width: 100%;
	}

	.trm_form_title h3 {
	    text-align:center;
	}

	.trm_add_btn_grp {
		position: relative;
	    width: 100%;
    	text-align: center;
	}
		
	.trm_frm_cancel_btn, .trm_frm_save_btn {
	    width: 100px !important;
	    height: 35px !important;
	    position: relative;
		margin:5px;	
	}

	.trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 15px;
	    width: 90px !important;
	}

	.trm_qsn_ttl {
		font-size:16px;
	}

	.trm_nxt_btn, .trm_pre_btn {
	    width: 65px;
	    padding: 5px 10px !important;
	}

	.trm_header_logo_text {
    	margin-top:10px !important;
    	font-size:20px;
    }
	
	div.dataTables_wrapper {
    	width:270px !important;
    }
}

@media only screen and (max-width: 375px) and (min-width: 321px) {

	.trm_form_title {
	    width: 100%;
	}

	.trm_form_title h3 {
	    text-align:center;
	}

	.trm_add_btn_grp {
		position: relative;
	    width: 100%;
    	text-align: center;
	}
	
	.trm_frm_cancel_btn, .trm_frm_save_btn {
	    width: 100px !important;
	    height: 35px !important;
	    position: relative;
		margin:5px;	
	}

	.trm_qsn_ttl {
		font-size:16px;
	}

	.trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 15px;
	    width: 90px !important;
	}		

	.trm_nxt_btn, .trm_pre_btn {
	    width: 65px;
	    padding: 5px 10px !important;
	}

	.trm_header_logo_text {
    	margin-top:10px !important;
    	font-size:20px;
    }
    
	div.dataTables_wrapper {
    	width:270px !important;
    }
}

@media only screen and (max-width: 425px) and (min-width: 376px) {

	.trm_form_title {
	    width: 100%;
	}

	.trm_form_title h3 {
	    text-align:center;
	}
	
	.trm_add_btn_grp {
		position: relative;
	    width: 100%;
    	text-align: center;
	}
	
	.trm_qsn_ttl {
		font-size:16px;
	}
	
	.trm_frm_cancel_btn, .trm_frm_save_btn {
	    width: 100px !important;
	    height: 35px !important;
	    position: relative;
		margin:5px;
	}
	
	.trm_nxt_btn, .trm_pre_btn {
	    width: 65px;
	    padding: 5px 10px !important;
	}
	
	.trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 15px;
	    width: 90px !important;
	}
	
	.trm_header_logo_text {
    	margin-top:10px !important;
    	font-size:20px;
    }
    	
	div.dataTables_wrapper {
    	width:325px !important;
    }
}

@media only screen and (max-width: 625px) and (min-width: 426px) {

	.trm_form_title {
	    width: 100%;
	}

	.trm_form_title h3 {
	    text-align:center;
	}

	.trm_add_btn_grp {
		position: relative;
	    width: 100%;
    	text-align: center;
	}

	.trm_qsn_ttl {
		font-size:16px;
	}
		
	.trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 25px;
	    width: 90px !important;
	}

	.trm_frm_cancel_btn, .trm_frm_save_btn {
	    width: 100px !important;
	    height: 35px !important;
	    position: relative;
		margin:5px;
	}
			
	div.dataTables_wrapper {
    	width:375px !important;
    }	
}

@media only screen and (max-width: 768px) and (min-width: 626px) {
	
	div.dataTables_wrapper {
    	width:545px !important;
    }
}

@media only screen and (max-width: 767px) {

	.trm_header_logo_text {
    	margin-top:5px;
    }
	
    div#header_right_navbar {
	    position: absolute;
	    background-color: #bcf2e9;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	    right: 0px;
	    min-width: 160px;
	    margin-right: 1%;
	} 
}

@media only screen and (max-width: 900px) and (min-width: 769px) {
	
	div.dataTables_wrapper {
    	width:570px !important;
    }
	
	.trm_tbl_btn {
    	width: 90% !important;
    }
    
    .trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 25px;
	}
	
    .trm_tbl_operation_edit {
	    float: none;
	    border-radius: 0px !important;
	    background-color: #ddd;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
	
	.trm_tbl_operation_col a span {
		float: none;
	    border-radius: 0px !important;
	    background-color: #21bca1;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 901px) {
	
	div.dataTables_wrapper {
    	width:680px !important;
    }
	
	.trm_tbl_btn {
    	width: 90% !important;
    }

    .trm_test_save_btn, .trm_test_finish_btn {
	    margin-right: 30px;
	}
    
    .trm_tbl_operation_edit {
	    float: none;
	    border-radius: 0px !important;
	    background-color: #ddd;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
	
	.trm_tbl_operation_col a span {
		float: none;
	    border-radius: 0px !important;
	    background-color: #21bca1;
	    padding-top: 2px;
	    padding-left: 5px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
}	

@media only screen and (min-width: 1024px) {

	table.cell-border.display.nowrap.trm_datatable_tbl.dataTable.no-footer {
		width: 100% !important;
	}

	.dataTables_scrollHeadInner {
		width: 100% !important;
	}
}

.trm_image_sec {
	width: 100%;
	display: block;
	padding-bottom: 5px;
}

.trm_image_sec img {
	height: 100px;
	width:100px;
}

/* add css for pmr project */

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #06776863 !important;
}

table.trm_datatable_tbl tbody tr.odd td,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_1:hover,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1:hover {
	background-color: #f9f9f9 !important;
}

table.trm_datatable_tbl tbody tr.even td,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1:hover, 
table.dataTable.order-column.stripe tbody tr.even > .sorting_1
table.dataTable.order-column.stripe tbody tr.even > .sorting_1:hover {
	background-color: #fff !important;
}

/*
.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none;
	border-collapse:collapse;
}
*/

table.trm_datatable_tbl tr {
	background-color: #fff !important;
	border:1px solid #ddd;
}

.trm_modal_body {
	background-color: #8CE7D9 !important;
}

.trm_modal_header, .trm_modal_footer {
	background-color: #BCF2E9 !important;
}
.trm_login_form {
    background-color: #fff !important;
}

.trm_cal_prev_next_btn_grp {
	text-align:center;
}

.trm_cal_title {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #747474;
	text-align:left;
}

.trm_cal_view_type_btn_grp {
	text-align:right;
}

.trm_cal_prev_next_btn_grp, .trm_cal_title, .trm_cal_view_type_btn_grp {
	margin-top:15px;
	margin-bottom:15px;
}

.trm_appointment_btn {
	width: 120px !important;
	padding: 0 !important;	
    margin-top: 8px;
    margin-bottom: 8px;
}

.trm_border_top {
	border-top: 1px solid #21bca1;
}

.trm_cal_prev_next_btn, .trm_cal_view_type_btn {
	background-color: #21bca1;
    border-color: #1cb290;
}

.trm_cal_tdy_btn {
	background-color: #f7fffc;
}

mwl-calendar .cal-month-box .cal-row-fluid {
    border-right: 1px solid #f7fffc;
    border-left: 1px solid #f7fffc;
}

mwl-calendar .cal-context {
	border-top: 1px solid #f7fffc;
}

mwl-calendar .cal-month-box .cal-row-fluid, mwl-calendar .cal-year-box .row {
    border-bottom: 1px solid #f7fffc;
}

mwl-calendar .cal-month-box [class*=cal-cell]+[class*=cal-cell], mwl-calendar .cal-month-box [class*=span]+[class*=span], mwl-calendar .cal-year-box [class*=cal-cell]+[class*=cal-cell], mwl-calendar .cal-year-box [class*=span]+[class*=span] {
    border-left: 1px solid #f7fffc;
}

.cal-week-box .cal-row-head {
    border-bottom: 1px solid #f7fffc;
}

mwl-calendar .cal-week-box, mwl-calendar .cal-year-box {
    border: 1px solid #f7fffc;
	border-top: none ;
}

mwl-calendar .badge-important {
    background-color: #21bca1 !important;
}

.cal-slide-content {
    background-color: #bcf2e9 !important;
    box-shadow: inset 0 0 15px 0 #bcf2e9 !important;
    color: rgba(63, 92, 154, 0.88);
}

mwl-calendar .cal-slide-content a.event-item {
    color: rgba(63, 92, 154, 0.88);
}


a.event-item-action.ng-binding.ng-scope i {
	color: rgba(63, 92, 154, 0.88);
}

.cal-day-box .day-highlight {
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #21bca1;
    margin: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
}

mwl-calendar .day-highlight, mwl-calendar .day-highlight:hover {
    background-color: #21bca1;
}

a.event-item.ng-binding {
    color: rgba(63, 92, 154, 0.88);
}

a.event-item {
    color: rgba(63, 92, 154, 0.88);
}

mwl-calendar .badge-important {
    background-color: #21bca1 !important;
	color: black;
}

mwl-calendar .event {
	background-color: #21bca1 !important;
}

mwl-calendar .cal-day-tick {
	background-color: #21bca1 !important;
}

.trm_frm_bp_divider {
	font-size: 26px;
}

.trm_underline {
	text-decoration: underline;	
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #bcf2e9 !important;
}

.trm_side_menu_sec .nav li a:hover,.trm_side_menu_sec .nav li a:focus {
	background-color: transparent !important;
	border-left: 3px solid #1ABC9C;
	border-radius: 0px;
	padding-left: 7px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #bcf2e9;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #21bca1;
}

.navbar-default .navbar-toggle {
    border-color: #21bca1;
}

/*temp*/
input[type=checkbox] {
	margin-right: 6px;	
}

.trm_dashboard_btn_grp {
	margin: 0 auto;
	float:none;
	margin-top: 25px;
}

.trm_dashboard_btn {
	width: 100%;
	height: 160px;
	/*background-color: #21bca1;	*/
	outline: none;
	border: none;
	padding: 20px;
	text-align: center;
	/*background: #21bca1; 
	background: -moz-linear-gradient(45deg,  #21bca1 0%, #68d8c2 100%); 
	background: -webkit-linear-gradient(45deg,  #21bca1 0%,#68d8c2 100%);
	background: linear-gradient(45deg,  #21bca1 0%,#68d8c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bca1', endColorstr='#68d8c2',GradientType=1 ); */

}

.trm_dashboard_btn .icon {
    float: right;
	font-size: 72px;
	margin-left: 6px;
	opacity: 0.07;
	color: #000;
	position: absolute;
	z-index: 1;
	right: 40px;
	bottom: 0px;
}

.trm_dashboard_btn h3 {
	float: left;
	color: white;
	font-size: 20px;
	padding-right: 10px;
	position: absolute;
	font-weight: normal;
	bottom: 10px;
}

table.dataTable.cell-border tbody td:first-child {
    border-left: 1px solid #f7fffc;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid  #ddd;
    border-right: 1px solid  #ddd;
    
}

/*table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #f7fffc;
}*/

a.pull-left.event.ng-scope {
    display: none;
}

/*
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	background: darkgray;
    border: 1px solid darkgray;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #50cebb !important;
    border: 1px solid #50cebb;
}
*/

.trm_add_meta_data_title {
	display: inline-block;
	margin-top: 15px !important;
}

/*
 * media Query for PMR
 *
 */
@media only screen and (max-width: 768px) {
	.trm_cal_prev_next_btn_grp, .trm_cal_title, .trm_cal_view_type_btn_grp {
		text-align:center;
		margin-top: 5px;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 990px) and (min-width: 769px) {
	.trm_cal_prev_next_btn_grp, .trm_cal_title, .trm_cal_view_type_btn_grp {
		text-align:center;
		margin-top: 5px;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 990px) {
	mwl-calendar .cal-year-box [class*=span]:first-child, mwl-calendar .cal-year-box [class*=span]:nth-child(2) {
	    border-bottom: 1px solid #f7fffc;
	}
}

.trm_pAll-0 {
	padding:0px !important;
}

.trm_pTB-7 {
	padding-top:7px;
	padding-bottom:7px;
}

.trm_doctor_document .trm_upload {
	width:100%;
	height:34px;
}

#emergencyContactListBlock, #allergyListBlock, #medicalHistoryListBlock, #medicationListBlock {
	padding-top:6px;
}

/* style for tab */
.tab-content > .active {
    padding: 8px;
}

.tab-content {
	padding: 15px !important;
}

.trm_tab_invalid {
	/*background-color:red;*/
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-left: 1px solid #21bca1;
    border-right: 1px solid #21bca1;
    border-top: 1px solid #21bca1;
    background-color: #1ABC9C;
	border-radius:3px;
	color:#fff;
}

.nav-tabs {
    border-bottom: 1px solid #21bca1;    
}

.nav-tabs>li>a {    
    border-radius: 0px;
    color:#999;
    padding-top: 5px;
    padding-bottom: 5px;
	border:1px solid transparent;
}

.tab-content {
    border-left: 1px solid #21bca1;
    border-right: 1px solid #21bca1;
    border-bottom: 1px solid #21bca1;
}

.trm_currency_symbol {
    background-color: #f7fffc;
    border-right: none !important;
    border: none;
    padding: 3px;
    border-color: red;
    border-radius: 0;	
}

.trm_no_field {
	text-align: right;
}

.trm_invoice_discount_cost, .trm_invoice_tax_cost{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.trm_textalign_right {
	text-align: right;
}

.trm_text_underline {
	text-decoration: underline;
}

.trm_checkbox_label {
	color: #333;
    font-size: 14px;
    font-weight:normal;
}

/* For add doctor doc table  */
.table.table-sm thead th {
	border-bottom: 1px solid black;
}

.table.table-sm tbody tr td {
	border-top: none !important;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.table.table-sm tbody tr {
    border-top: 1px solid #f7fffc;
}

.table.table-sm tbody tr:last-child {
	border-bottom : 1px solid black;
}

.table.table-sm tbody tr:nth-child(odd) td {
	background-color: rgb(142, 232, 219) !important;
}

.table.table-sm tbody tr:nth-child(even) td {
    background-color: rgba(188, 242, 233, 0.85) !important;
}

.table.table-sm tbody tr td{
	padding: 3px 3px !important;
}

.trm_allergy_type_active_btn {
    background-color: #bcf2e9;
}

.trm_allergy_type_inactive_btn {
	background-color: #21bca1;
}

.trm_allergy_block {
	padding-top: 3px;
	padding-bottom: 3px;
}

.trm_list_filter_btn {
	margin-left: 24px;
}

.trm_legend {
	border-bottom: 1px solid #f7fffc;
}

.trm_add_new_option {
	color: #21bca1;
}

.trm_invoice_detail_input{
	height: 25px;
}

.trm_invoice_tbl_tfoot tr td {
	padding: 3px 3px !important;
	
}

.trm_invoice_tbl_Visit_detail tbody tr td {
	width:50%;
}

.trm_invoice_tbl_Visit_detail tbody tr:nth-child(odd) td:first-child,
.trm_invoice_tbl_Visit_detail tbody tr:nth-child(even) td:first-child {
	font-weight: bold;
	background-color: #ffffff !important;
}

.trm_invoice_tbl_Visit_detail tbody tr:nth-child(odd) td:last-child,
.trm_invoice_tbl_Visit_detail tbody tr:nth-child(even) td:last-child {
	background-color: #fafafa !important
}

.trm_invoice_tbl_Visit_detail.table-sm tbody tr:last-child {
	border-bottom: 1px solid #ddd !important;
}

.trm_invoice_tbl_Visit_detail.table-sm tbody tr:first-child {
	border-top: 1px solid #ddd !important;
}

.trm_invoice_tbl_Visit_detail.table-sm tbody tr {
    border-top: 1px solid #eaeaea80;
}

.trm_border_bottom {
	border-bottom: 1px solid #747474;
}
.trm_lab_procedure_label {
	font-size: 12px !important;
}


.navbar-nav.navbar-right > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
	margin-top:15px;
}

header nav ul li a{
	color: #1ABC9C !important;	
}

.nav.navbar-right > li > a:focus, .nav > li > a:hover {
    background-color: #6CD1C0 !important;
	color:#fff !important;
	border-radius: 3px;	
}

.panel-default > .panel-heading {
    border-color: #eff2f7;
    background: #fafafa;
    color: #767676;
}

.panel > .panel-heading {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
	float: left;
	width: 100%;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-title{float:left;}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #FAFAFA;
    border-radius: 0px;
}

.breadcrumb > li {
    display: inline-block;
    font-size: 12px;
	color: #999;
}

.breadcrumb > li a{
	color:#1ABC9C;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 0px solid #979797;
    background-color: #1ABC9C !important;
	background:none;
	border-radius:100px;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;  
	margin: 0px 5px; 
}


.dataTables_wrapper .dataTables_paginate span .paginate_button {
	color: #1ABC9C !important;
    border: 1px solid #1ABC9C;
    background-color: transparent;
	background:none;
	border-radius:100px;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;  
	margin: 0px 5px;
	}
	
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
	color: #fff !important;
    border: 0px solid #979797;
    background-color: #1ABC9C !important;
	background:none;
	border-radius:100px;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;  
	margin: 0px 5px; 
	}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #ccc !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	 border: 0px solid #111;
	 color: #666 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #666 !important;
    border: 0px solid #111;
    background-color: transparent;
    background: none;
	box-shadow:none;
}

.panel-body {
    padding: 15px;
    clear: both;
}

input[type="file"] {
    display: block;
	padding:0px;
}

.panel-subtitle{
	width:100%;
	display:block;
	display: inline-block;
	margin-bottom: 25px;
}

.icon-title{
	background: #1ABC9C;
	padding: 0px 5px;
	border-radius: 3px;
	color: #fff;
	margin-right: 10px;
}

.panel-subtitle h5{
	margin:0px;
	font-size:16px;
	color:#343a40;
	text-transform: uppercase;
}
.panel-subtitle h6{
	margin:5px 0px 0px 0px;
	font-size: 12px;
	font-weight:normal;
	color:#868ba1;
}


.sliding-list {
	margin:0px;
	padding:0px;
	list-style:none;
}

.sliding-list li{border-bottom: 1px solid #eff2f7;padding: 12px 0px;}

.sliding-list li .media-left img{width:40px; height:40px; border-radius:4px;margin-right: 20px;}

.sliding-list li .media-heading{font-size:14px; font-weight:normal;color: #343a40;}
.sliding-list li h5{font-size:12px; font-weight:normal;color: #868ba1;margin:0px;}

.sliding-list li p{font-size:12px; font-weight:normal;margin:0px;}


.tx-success {
    color: #23BF08;
}

.tx-danger {
    color: #DC3545;
}


.box {
	margin:0px;
	padding: 0;
	padding-top:40px;
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
  	top: 0;
	
}
.box:hover {
    animation-play-state: paused;
}

.scroll {
	position: absolute;
	
}


.scroll li{
	list-style: circle;
}

.panel-heading .trm_panel_btn {
	margin-top: -9px;
	margin-bottom: -6px;
	float:right;
}

label {
	color: #747474;
	font-size: 14px;
	font-weight:normal;
}

select {
	color: #555;
	outline: none !important;
	border-radius: 3px !important;
	background-color: #FAFAFA !important;
	border: 1px solid #ccc;
}

input {
	outline: none;
	border-radius: 3px !important;
	background-color: #FAFAFA !important;
}


.trm_btn {
	background-color: #21bca1;
	color: white !important;
	width: 100px;
	height: 100%;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 14px;
	border-radius: 0px !important;
}

.trm_anchor_btn {
	background-color: #21bca1;
	color: white !important;
	width: 100px;
	height: 100%;
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	border-radius: 0px !important;
	text-transform: none;
	font-family: inherit;
}

/*
 *Classes for padding
 */
.trm_px_20 {
	padding: 0px 20px;
}

.trm_py_7 {
	padding-top: 7px;
	padding-bottom: 7px;
}

.trm_adjust {
	padding-right: 5px;
	padding-left: 5px;
}


/*
 * Classes for float
 */
.trm_fr {
	float: right;	
}


.nav-img{float:left; margin-right:16px;margin-left: 4px;opacity:.5;}

.trm_side_menu_sec .nav li a:hover .nav-img{opacity:1;}

.add-button{
	margin-top: 30px;
	display: block;
}

.login-bg{
	height:100%;
	background:#1ABC9C;
	display: table;
	width: 100%;
}


.login-logo{text-align:center;padding-top:50px; margin-bottom:0px;}

.copy-rights{text-align: center;
padding-top: 20px;
color: #bbb;
border-top:1px solid #eaeaea;
}

.copy-rights img{margin-left:10px;height: 20px;}

.trm_panel_hscroll {
	overflow-x: inherit;
	margin: 0 auto;
	white-space: nowrap;
	margin-left: -15px;
	margin-right: -15px;
}

.trm_panel_hscroll_col {
	display: inline-block;
	float:none;
	white-space:normal;
	vertical-align: middle;
}

.table.table-sm thead th {
    border-bottom: none;
}

.table.table-sm tbody tr:last-child {
    border-bottom: 1px solid #ddd;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ddd;
}

.dataTables_scrollBody .trm_datatable_tbl thead tr {
	height: 0px !important;
}