@charset "utf-8";
/* CSS Document */

.horizontal-form .select2-container {
    margin-bottom: 10px !important;
}

.horizontal-form .control-group {
    margin-bottom: 0px !important;
}

.select2-choice {
    background-color: #56a600;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	outline: none;
	border:1px solid #fff;
    box-shadow: 0 0 5px #9ecaed !important ;	 
	border-radius:5px !important;  
}

.infobox .dashboard-stat .details .number { min-height:20px; padding-bottom:2px; }

/*.infobox .row-fluid .span2:first-child { margin-left:0; }
.infobox .row-fluid .span2 { width:16.25%; margin-left:.5%; }*/

.infobox .select2-choice {
 	color: #fff !important;
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase;
	background-image: none;
	border: 0 none;
	box-shadow: none;
	padding-top:2px;
}


.infobox .select2-container-active .select2-choice,
.infobox .select2-container-active .select2-choices {
	outline: none;
	border:0;
    box-shadow:none !important ;	 
	border-radius:0px !important;  
}

.infobox  .select2-container .select2-choice .select2-arrow  {
	 border:none;
	 height: 25px;
    padding-right: 5px !important;
}
.infobox .select2-container .select2-choice .select2-arrow b {
	background:url("../img/syncfusion-icons-white.png") -67px -1px;
}

.infobox .control-group { margin:0px !important; }
.table thead tr:first-child>th {
	color: #fff !important;
	border-color:#0097a7  /* 7fba00 C0D0E4*/ !important;
	font-size:100% !important;
	font-family:'Open Sans',sans-serif;
	vertical-align:middle;
	text-transform:uppercase;
	line-height:18px;
	text-align:inherit;
	font-weight:bold !important;
	padding:8px 8px;
/**	border-bottom:2px solid #7fba00 */ /*CEDCEA*/;
		-webkit-box-shadow: 0 10px 20px -6px blackk;
	   -moz-box-shadow: 0 10px 20px -6px black;
	        box-shadow: 0 10px 20px -6px black;
	background-color:#2196F3 /*  1bbc9b  /*E3EAF3 */ !important;
	/*border-top-left-radius:2px !important;
	border-top-right-radius:2px !important;*/
}


.table thead tr th {
/*background:#E3EAF3;
padding:6px 0px;
	text-align:center;
	box-sizing:border-box;
*/
	width:auto;
    background: #2196F3;
    padding: 0px 0px;
    text-align: center;
    box-sizing: border-box;
    border: none;
}
.table thead tr th:first-child { border-left:4px solid #1bbc9b; }
.table-bordered { border-right:none !important; }

.table thead tr:first-child>th.actioncol { box-shadow:none !important; }

.infobox input.value {
	 color: #fff;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: right;
	height:45px !important;
	padding:2px 2px !important;
	width:90%;
	float:right;
	border:0px !important;
	background:none !important;
	cursor:default;
}

.infobox input.value:focus {
	border-radius:0px !important;
	border:none !important;
	border-bottom:2px solid #fff !important;
	box-shadow:none !important;
	padding:2px 0 !important;
}


.infobox input[readonly].value:focus {
	border-radius:0px !important;
	border:none !important;
	border-bottom:none !important;
	box-shadow:none !important;
	padding:2px 0 !important;
}


.dataTables_filter {
	float:right;
	display: inline-block;
    margin-right: 0px;
    margin-top: 0px;
}

.dataTables_filter input.m-wrap[type="text"]:focus {
	background:#fff;
	color:#000;
}

.dataTables_filter .input-icon.left i {
  color: #ccc;
  display: block !important;
  position: absolute !important;
  z-index: 1;
  margin: 2px 2px 4px 8px; 
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.dataTables_filter .input-icon.left input {
  padding-left: 33px !important;
  margin:-4px 0 0 0;
  background-color:#4d5ec1;
}
.dataTables_filter .input-icon.left input:focus {
	background-color:#2d5f8b ; /* 0362FD */
		color:#fff;
}

input.dtsearch { /*width:85%  !important; margin:0 auto; */
    width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 13px 5px;
    border-color: #2196F3;
    border-bottom: 4px solid #2196F3 /*1bbc9b*/;
}

/*.no-sort.sorting_asc, .no-sort.sorting_desc {
    background: #fff  !important;
}*/

.no-sort.actioncol {
    width: 10px !important;
}

/*.DataTables_sort_icon { display:none;}*/

.form-horizontal .controls.fullcontrol {
    margin-left: 0px !important;
}

.bigdrop { border-top: 1px solid #e5e5e5;
    margin-top: 0;
    padding-top: 4px;
    width: 650px !important; }

.select2-footer.dark {
	background:#CCC;
	padding:5px;
	border-top:2px solid #999;	
}

.select2-gridcol { 
	float:left; height:20px; overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-bottom:1px dotted #e5e5e5;
}

.select2-gridcol:not(:last-child) { border-right:1px solid #e5e5e5; }
.select2-gridcol:not(:first-child) { padding-left:8px; }

/*
.select2-result:nth-child(2n) { background:#FC9; }
select2-result-label div.select2-gridcol :last-child { border-right:none; }*/
table tfoot.total tr.selectrowtotal {
	background-color:#eee;
}
table tfoot.total tr.selectrowtotal  th {
	text-align:right;
	padding-right:10px;
	border-top:1px solid #336699;
	border-bottom:1px solid #fff;
	font-weight:normal !important;
	color:#036;
}



table tfoot.total tr.pagetotal {
	background-color:#ddd;
}

table tfoot.total tr.pagetotal th {
	text-align:right;
	padding-right:10px;
}

table tfoot.total tr.grandtotal {
	background-color:#336699;
	color:#FFF;
	font-size:105%;
	border-bottom:2px solid #f00;
}

table tfoot.total tr.grandtotal th {
	border-color:#fff;
	border-top:2px solid #fff;
	text-align:right;
	padding-right:10px;
	font-weight:normal !important;
    box-shadow: 0 -1px 0 0 #336699 inset, 0 -3px 0 0 #fff inset;
}

div.dataTables_info {
    color: #336699;
    font-size: 110%;
    padding-top: 0;
	float:left;
}

div.dataTables_info span {
	color:#C30;
}


#manpowers { 
	padding:0px;
}

#manpowers .accordion-heading a {
    display: block;
    font-family: arial;
    font-size: 11px;
    padding: 0 0 0 35px;
	cursor:pointer;
	color:#000;
}

#manpowers .accordion-heading a:hover {
	text-decoration:underline;
	color:#0d638f;
}

#manpowers .accordion-heading a .subjects {
	cursor:-moz-grab;
}

#manpowers .accordion-heading:hover {
	background-color:#FF6;
}

#manpowers .accordion-heading a:hover .subjects {
	color:#000;
}

#manpowers .accordion-heading a:hover i {
	color:#f00;
	text-decoration:none;
}


.page-title .forclass { float:left; color:#F60;  padding-right:7px;
	font-weight:bold;

}
.fc-event-time { display:none; }

.navbar-inner .has-switch { 
	margin:5px 0 0 10px !important;
	border:none;
}

#nestable_feeheads.feesetup li .dd3-content { 
	margin:-1px 0;
}

.feesetupfeeheads {
	background: #28b779 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 293px;
}
	
.dd3-content .caption {
/*	border-right:1px solid #006;*/
	float:left;
	height:22px;
}

.feesetupclassnames {
	margin:0px 1px 0 0; text-align:center; font-size:10px; font-weight:bold; float:left; overflow:hidden; border:0px solid #aaa; background:#28b779; color:#fff;
}
.dd3-content .classfee { height:29px; float: left; margin: -6px 1px 0 0; padding: 0px; }
.dd3-content .classfee input { font-size:11px; font-weight:bold; text-align:right; background:transparent; }
.dd3-content.active .classfee input { color:#fff; }
.dd3-content .classfee input.active{ background:#fcb322; color:#fff; }
.dd3-content .classfee input[readonly].active {  background:#fcb322 !important; }
.dd3-content .classfee input:focus{ background:#fff; color:#000; }

li .dd3-content .caption { width:252px; }
li ol li .dd3-content .caption { width:222px; }
li ol li ol li .dd3-content .caption { width:192px; }
li ol li ol li ol li .dd3-content .caption { width:162px; }
li ol li ol li ol li ol li .dd3-content .caption { width:132px; }
li ol li ol li ol li ol li ol li .dd3-content .caption { width:102px; }

.dd3-item ol li > button {
    margin-left: 5px;
}
.dd-list .dd3-content .btn {
 background-color: #fff;
    border: 0 solid #000;
    height: 28px;
    margin: 0 -10px 0 0;
    padding: 0;
    position: relative;
    top: -5px;	
}

.dd-list .dd3-content.active {
 background-color: #fcb322;
 color:#fff;
 border-color: #fcb322;
}

.dd3-handle {
	background:	#28b779 none repeat scroll 0 0 !important;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
	height:34px;
}

.input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group {
    border-collapse: separate;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.carousel.form > a.carousel-control { z-index:9999 !important; }

.carousel-inner .item .profilepic { height:155px; width:155px; }

.carousel .carousel-inner .item { margin-bottom:0px; }

.mediamanagerpopup {
	width:800px;
}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.modal .docs-buttons .btn-group .btn {
	padding:7px 14px 3px;
	color:#FFF;
}

.toggle-group .btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 5px;
    text-transform: uppercase;
}

.toggle.btn {
    height: 18px !important;
	width:45px !important;
	border-radius:5px !important;
}

.toggle-group .toggle-on { background:#339933 !important; }
.toggle-group .toggle-off { background:#FF6600 !important; }


.dd-handle .checkbox input { position:absolute; left:28px;}

.header .hor-menu .hor-menu-search-form-toggler.hide,
 { background:#002d56 url(../../img/hor-menu-search-close.png) no-repeat center !important; }
 .header .hor-menu .search-form { }
.header .hor-menu .search-form form { margin-top:0px; }

.table-bordered td:first-child, .table-bordered td:first-child{ border-left:none; }
.table-bordered td:last-child, .table-bordered td:last-child{ border-right:none; }
.table-bordered th, .table-bordered td { border-right:1px dotted #ddd; border-bottom:none; border-left:none; border-top:none; color:#212529; padding:0.5rem; }
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {     
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border-bottom: 0px solid #fff;
    border-top: 0px solid #fff;
    box-sizing: border-box;
    font-weight: normal;
    color: #3f51b5;
	}

.table tbody tr.active td, .table tbody tr.active th {
    background-color: #26a69a;
}
.table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color:#9C27B0 !important; color:#fff; }

tr.grandtotal>th { color:#fff; }

.table-hover tbody tr:hover { box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.15); }

.actions>a:first-child 
{ border-radius:4px 0px 0px 4px !important; }
.DTTT.btn-group a:last-child 
{ border-radius:0px 4px 4px 0px  !important; }


.portlet.box > .portlet-title > .actions > .btn:hover > i
{ color:#F4F776 !important; }

.container-fluid { padding-left:5px; padding-right:0px; }

.et-page > form { padding:15px !important; }

/* import data */
#modal_import_data { width: 60% !important;
    top: 85px;
    left: 20%;
    background: #f00;
    height: auto;
    margin: 0px !important; clear:both; position:relative; }
.import_data { width: 100% !important;
    top: 0;
    margin: 0;
    left: 0; clear:both; }

.import_data .form-wizard .step .number	 { 
	padding:5px 10px 5px 10px  !important;
    box-shadow: 0 0 0px 2px #dcdcdc;
    border: 2px solid #fff;
}
.import_data .modal-body { padding:10px 0px; }
.import_data .form-wizard .steps { margin-bottom:0px; padding-bottom:5px; }

.import_data .modal-header {
    border-bottom: 1px solid #EFEFEF;
    background: #00bfa5;
    color: #fff;
	box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.import_data .form-actions {
    margin: 0 0px -10px;}
.import_data .form-wizard .progress { margin-bottom:0px; }
.import_data .alert { margin-bottom:0px !important; }

#importtablestructure { height:200px; overflow:scroll; }
#importtablestructure th, #importtablestructure td { padding:8px 20px; }
#importtablestructure tbody th { background:#eceeef; border-bottom:1px solid #CCCCCC; text-transform:uppercase; text-align:left; font-weight:normal; }
#importtablestructure tbody td { border-bottom:1px solid #CCCCCC; font-weight:normal; }
#importtablestructure tbody th.tabletype { background:#e0eff5 !important; border-bottom:1px solid #fff; border-top:1px solid #CCCCCC; font-style:italic; color:#666666; }

#importeddatashow_filter { margin-top:-1px; }
#importeddatashow_filter .input-icon.left input { background-color:#FFFFFF; color:#000000; }

#importeddatashow thead th { padding:8px; background-color:#CCCCCC; text-align:left; }
#importeddatashow { margin-bottom:10px; border-bottom:2px solid #666666; }
#importeddatashow tbody td { border-top: 1px solid rgba(0, 0, 0, 0.1); text-align:left; padding: 8px; }

/* form_codeeditor  */
#modal_form_codeeditor { width: 60% !important;
    top: 85px;
    left: 20%;
    background: #f00;
    height: auto;
    margin: 0px !important; clear:both; position:relative; }
#form_codeeditor { /* width: 100% !important;
   top: 0;
    margin: 0;
    left: 0; clear:both;*/ }
#form_codeeditor .form-actions { 
	margin:0px !important;
}

#dt_overlay {
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background-color: white;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#loader {
  border: 16px solid #f3f3f3;
  border-radius: 50% !important;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin:0px auto;
}   

 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*
.dataTables_wrapper .dataTables_processing {
    position: absolute!important;
    top: 50%!important;
    right: 0!important;
    bottom: 0!important;
    margin-left: 50%!important;
    margin-top: 15px!important;
    background: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}*/




.fond{position:absolute;padding-top:5px;
/*top:0;*/left:0; right:0;/*bottom:0;*/}

.contener_general
{
  -webkit-animation:animball_two 1s infinite;
  -moz-animation:animball_two 1s infinite;
  -ms-animation:animball_two 1s infinite;
  animation:animball_two 1s infinite;
  width:44px; height:44px;
}
.contener_mixte
{
  width:44px; height:44px; position:absolute;
}
.ballcolor
{
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.ball_1, .ball_2, .ball_3, .ball_4
{
  position: absolute;
  -webkit-animation:animball_one 1s infinite ease;
  -moz-animation:animball_one 1s infinite ease;
  -ms-animation:animball_one 1s infinite ease;
  animation:animball_one 1s infinite ease;
}
.ball_1
{
  background-color:#cb2025;
  top:0; left:0;
}
.ball_2
{
  background-color:#f8b334;
  top:0; left:24px;
}
.ball_3
{
  background-color:#00a096;
  top:24px; left:0;
}
.ball_4
{
  background-color:#97bf0d;
  top:24px; left:24px;
}

@-webkit-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@-moz-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@-ms-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-webkit-keyframes animball_two
{
  0%{-webkit-transform:rotate(0deg) scale(1);}
  50%{-webkit-transform:rotate(360deg) scale(1.3);}
  100%{-webkit-transform:rotate(720deg) scale(1);}
}
@-moz-keyframes animball_two
{
  0%{-moz-transform:rotate(0deg) scale(1);}
  50%{-moz-transform:rotate(360deg) scale(1.3);}
  100%{-moz-transform:rotate(720deg) scale(1);}
}
@-ms-keyframes animball_two
{
  0%{-ms-transform:rotate(0deg) scale(1);}
  50%{-ms-transform:rotate(360deg) scale(1.3);}
  100%{-ms-transform:rotate(720deg) scale(1);}
}
@keyframes animball_two
{
  0%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(360deg) scale(1.3);}
  100%{transform:rotate(720deg) scale(1);}
}

.daterangepicker td.active { background:rgb(255, 64, 129) !important; /*border-radius:99% !important; border:0px solid #d6094f; */}
.daterangepicker td.in-range { background:rgb(255, 64, 129,.25) !important; } 


.daterangepicker .ranges label.checkbox { margin:10px 0 0 20px; }

.bx-wrapper { margin-left:-5px !important; }
.bx-wrapper .bx-next { right:-30px !important; left:auto !important; top:60px !important; } 
.bx-wrapper .bx-prev { left:3px !important; top:60px !important;  }

.ih-item .progress { height: 15px !important; width: 90%; margin: 5px auto 10px; background:#CCCCCC; }
.ih-item table td { width:20%; }
.ih-item .attendance { margin:5px auto; height:auto; width:auto; }
.ih-item .attendance .badge {    margin-right: 6px;
    width: 15%;
    box-sizing: border-box;
    height: auto;
    float: left;
    display: inline-block;
    font-size: 11px;
    padding: 0 5px;
    text-align: center; }
.ih-item .attendance .badge:last-child { margin-right:0px; }	
.ih-item .attendance .badge:first-child { margin-left:6px; }

.bx-wrapper .bx-viewport { overflow:visible !important; }

.ih-item .popover { min-width:200px; }

.ih-item .popover .popover-title { font-size:13px; background:#FF4081; color:#FFFFFF; line-height:19px; }
.ih-item .popover .popover-title span { font-size:11.5px; text-transform:uppercase; }

.paging_listbox select { width:auto !important; }

.dashbaord .portlet.box > .portlet-title { margin-top:0px; }
.dashbaord .portlet > .portlet-title:after { clear:none; }

.portlet.box { position:relative !important; clear:both; }
.messageboxcnt { position: absolute !important;
    z-index: 9999999 !important; }

.et-wrapper.tile, .et-wrapper.tile .et-page { min-height:unset !important; }

.portlet.inner .portlet-body { padding:10px; margin:0px; }

.portlet.inner > .portlet-title > .caption i {
    float: left;
    margin-top: 2px;
    display: inline-block !important;
    font-size: 18px;
    margin-right: 10px;
    color: #666;
    margin-left: 2px;
}

.portlet.gdskyblue {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8c6df+0,6d88b7+100;Grey+Blue+3D+%231 */
background: rgb(184,198,223); /* Old browsers */
background: -moz-linear-gradient(top, rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
}
.portlet.gdpink {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efc5ca+0,d24b5a+50,ba2737+51,f18e99+100;Red+Gloss+%233 */
background: rgb(239,197,202); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */
}
.portlet.gdpink .portlet-body {
	border:1px solid rgba(241,142,153,1);
}

.gender {
position:absolute;
    width: 35px;
    padding: 5px 0 0 0;
    color: #FFFFFF;
    font-weight: bold;
    margin: -4px 10px -8px -8px;
    height: 70px;
    border: 4px solid #fff;
	background:#CCCCCC;
	}
.gender.female	{ background:url(../img/female.png) no-repeat center #f06292; }
.gender.male	{ background:url(../img/male.png) no-repeat center #64b5f6; }

.passportno { background:#990000; color:#FFFFFF; font-weight:bold; padding:2px 5px; text-align:center; float:left; }
.insurername {  color:#000; font-size:15px;  font-weight:bold; padding:2px 5px; text-align:center; float:left; }
.insurerdesc { clear:both; border-top:1px solid #cccc; font-size:12px; }
.beneficiary { padding:4px 0; }
.insurerdetails { width:100%; margin-left:45px; }
.insurerdesc span { font-weight:bold; }
.dobandother { border-top:1px solid #ccc; padding:4px 0 0; }