* { margin: 0; padding: 0; box-sizing: border-box; list-style: none outside none; }
*, :active, :focus, :hover { outline: none; }
a { text-decoration: none; }
body, html { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: 'Open Sans', sans-serif; font-size: 15px; background: url(/CRM/assets/images/bg.jpg) top center; background-size: cover; }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/crm/assets/images/fancybox/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(/crm/assets/images/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/crm/assets/images/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: visible !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/crm/assets/images/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/crm/assets/images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url(/crm/assets/images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}
.header, .areahold { width: 100%; float: left; clear: both; }
.header { padding: 12px 0; box-shadow: 0 0 8px 0 rgba(90,114,142,0.49); position: fixed; /* min-height: 100px; */
z-index: 100; background: white; z-index: 150; }
.wrapper { width: 1140px; margin: 0 auto; clear: both; }
.wrapper:after { content: ""; display: table; clear: both; }
.logo { float: left; }
.logo img { width: 327px; }
.head-navcontrol { float: right; }
.area-canvas { float: left; width: 100%; clear: both; }
.area-canvas .wrapper { box-sizing: content-box; padding-left: 60px; }
.area-bg01 { padding-top: 68px; padding-bottom: 30px; }
.left-nav { background-color: #141f37; color: white; position: fixed; top: 68px; left: 0; height: 100%; width: 84px; z-index: 101 }
.left-nav > ul { margin-top: 20px; }
.left-nav > ul > li { clear: both; position: relative; min-height: 62px; width: 100%; }
.left-nav > ul > li > a { color: white; border-bottom: 1px solid #1d2840; font-size: 14px; display: block; overflow: hidden; height: 100%; width: 100%; position: absolute; }
.left-nav > ul > li > a > i { width: 35px; float: left; margin: 13px 0 0 24px; text-align: center; }
.left-nav > ul > li > a > i > svg { fill: #44bcec; }
.left-nav > ul > li > a > span { float: left; display: none; margin: 21px 0 0 13px; }
.left-nav > ul > li:hover, .left-nav > ul > li.activ-nav { width: 170px; background: #44bcec; transition-duration: .3s; border-radius: 0 35px 35px 0px; box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.17); }
.left-nav > ul > li:hover a, .left-nav > ul > li.activ-nav a { border-bottom: 1px solid transparent; }
.left-nav > ul > li:hover a > i > svg, .left-nav > ul > li.activ-nav > a > i > svg { fill: #141f37; }
.left-nav > ul > li:hover > a > span, .left-nav > ul > li.activ-nav > a > span { display: block; }
.area-progress { width: 1005px; margin: 70px auto; background: white; border-radius: 36px; }
.area-progress ul { margin-left: 126px; }
.area-progress li { display: inline-block; font-size: 18px; font-weight: 600; color: #bbbbbb; margin-right: 126px; position: relative; padding: 11px 0; }
.area-progress li:before { content: ""; border-radius: 10px; border: 1px solid #4ec0ed; width: 14px; height: 14px; display: block; position: absolute; left: -25px; top: 16px; }
.contentarealft { float: left; width: 500px; color: white; }
.contentarealft h1 { font-size: 40px;
    padding: 0 0 18px 0;
    margin: 0;}
.contentarealft.infoarea { margin-left: 70px; }
.inputsarea { float: right; width: 460px; }
.defaultbtn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21bffe+0,19b3f0+100 */ background: #21bffe; /* Old browsers */ background: -moz-linear-gradient(top, #21bffe 0%, #19b3f0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #21bffe 0%, #19b3f0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #21bffe 0%, #19b3f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bffe', endColorstr='#19b3f0', GradientType=0 ); /* IE6-9 */
border-radius: 80px; color: white; font-weight: 600; text-transform: uppercase; padding: 12px 36px; float: left; clear: both; font-size: 16px; font-family: 'Open Sans', sans-serif; border: 0; cursor: pointer; }
.defaultbtn:hover { background: #21bffe; }
.area-progress li.actv { color: #141f37; }
.area-progress li.actv:before { background-color: #33b54b; }
.area-progress li.stpdone { color: #676767; }
.area-progress li.stpdone:before { background: rgb(68, 188, 236); }
.inputsarea.inptsfields { width: auto; float: right; }
input[type="text"], textarea, input[type="password"], input[type="tel"], select { border: 1px solid #81abc5; padding: 12px 25px; outline: none; border-radius: 22px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.inptsfields > form > div, .inptsfields > form  div.replicainputs > div { padding: 6px 0; position: relative; }
input[type="text"], input[type="tel"], select { width: 380px; }
.inputsarea.inptsfields button.defaultbtn { float: right; }
.addana { clear: both; }
.addana a { font-size: 14px; color: #81c1ff; }
.replicainputs, #dvcompanyrepeater[name="dvcompanyrepeater"] { padding: 0 !important; }
.txtrea textarea { border-radius: 8px; resize: none; width: 440px; height: 250px; margin-bottom: 20px; }
.imp-docslnk { width: 458px; }
.imp-docslnk > li { background: white; transition: all .2s ease-in-out; border-radius: 12px; padding: 13px 29px; margin-bottom: 15px; position: relative; width: 100%; float: left; clear: both; }
.imp-docslnk > li:before { content: ""; height: 100%; position: absolute; left: 0; top: 0; background: #ffcc33; width: 13px; border-radius: 12px 0 0 12px; }
.imp-docslnk > li:hover { transform: scale(1.05); }
.imp-docslnk > li > span { float: left; padding-top: 4px; }
.imp-docslnk > li > a.defaultbtn, .imp-docslnk > li button.defaultbtn { float: right; font-size: 14px; padding: 6px 23px; clear: none; }
.imp-docslnk > li.grnbr:before { background-color: #33b54b; }
.imp-docslnk > li.brwsfil { background: #08427d; color: white; }
.imp-docslnk > li.brwsfil:before { display: none; }
.inputDnD .form-control-file { position: relative; outline: none; visibility: hidden; cursor: pointer; background-color: #c61c23; box-shadow: 0 0 5px solid currentColor;     width: 235px;}
.inputDnD .form-control-file:before { content: attr(data-title); position: absolute; top: 0; left: 0; width: 100%; min-height: 0em; line-height: 2em; padding-top: 0; opacity: 1; visibility: visible; text-align: center; border: 0.25em dashed currentColor; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }
.inputDnD .form-control-file:hover:before { border-style: solid; box-shadow: inset 0px 0px 0px 0.25em currentColor; }
.crntpckgprice { float: right; text-align: center; color: white; padding: 15px 0; }
.crntpckgprice h2 { font-size: 29px; font-weight: 300; padding-bottom: 20px; }
.crntpckgprice h2 strong { font-size: 83px; }
/*Packages */
.pckg-section { width: 100%; clear: both; float: left; background: #171838; min-height: 610px; position: relative; padding: 60px 0; overflow: hidden; }
.pckg-section h4.main-hd02 { color: white; padding-bottom: 60px; }
.pckglisting { margin: 0 auto; /*width: 755px; width: 1015px;*/ }
.pckglisting > li { float: left; background: #f6f7fa; border-radius: 20px; width: 290px; min-height: 460px; text-align: center; overflow: hidden; position: relative; transition-duration: .3s; }
.pckglisting > li a { display: block; margin: 0 auto; float: none; width: 178px; padding: 9px 28px; font-size: 14px; margin-top: 20px; }
.pckglisting > li > .pckghd { padding: 30px 0; position: relative; z-index: 10; }
.pckglisting > li > .pckghd h3 { font-size: 16px; font-weight: bold; color: #171838; }
.pckglisting > li > .pckghd h4 { font-size: 48px; color: #214986; font-weight: 400; line-height: 50px; }
.pckglisting > li > .pckghd h4 span { font-size: 18px; display: inline-block; vertical-align: text-top; padding-right: 4px; }
.pckglisting > li > .pckghd h5 { font-size: 12px; color: #214986; }
.pckglisting > li span.bkcrcle { content: ""; background: white; width: 100%; height: 157px; display: block; position: absolute; border-radius: 23px 23px 100% 100%; }
.pckglisting ul.pckftred { overflow: hidden; padding: 20px 0 0; }
.pckglisting ul.pckftred li { font-size: 14px; color: #171838; padding: 12px 15px 12px 15px; border-bottom: 1px solid #dadada; }
.pckglisting li.pckgpopular { margin: -15px -11px 0 -11px; z-index: 100; min-height: 490px; box-shadow: 0 0 60px rgba(0, 0, 0, 0.16); background: white; }
.pckglisting ul.pckftred li strong.grnhiglight { color: green; font-size: 15px; }
.pckglisting li:hover span.bkcrcle, .pckgpopular span.bkcrcle { background: #42c4fe !important; color: white; }
.pckglisting li:hover h3, .pckglisting li:hover h4, .pckglisting li:hover h5, .pckgpopular h3, .pckgpopular h4, .pckgpopular h5 { color: white !important; }
.pckglisting > li:hover { background: #ffffff; z-index: 101; box-shadow: 0 0 60px rgba(0, 0, 0, 0.16); min-height: 490px; margin-top: -20px; }
.pckglisting li:hover a.defaultbtn, .pckgpopular a.defaultbtn, .slide2 a.defaultbtn, .right-signup a.defaultbtn { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#305b9c+0,214986+100 */ background: #305b9c; /* Old browsers */ background: -moz-linear-gradient(top, #305b9c 0%, #214986 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #305b9c 0%, #214986 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #305b9c 0%, #214986 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305b9c', endColorstr='#214986', GradientType=0 ); /* IE6-9 */
}
.pckglisting > li a:hover, .right-signup a.defaultbtn:hover { background: #305b9c !important; }
.pckghold { padding: 70px 0 0; }
.str-fnt { font-size: 12px; font-style: italic; margin-top: 10px; color: #78797f; padding-bottom: 15px; }
.defaultbtn.adddocu { margin-right: 69px; }
.doc-upload-container { padding: 40px; }
.doc-upload-container h3 { padding-bottom: 20px; font-weight: 300; font-size: 30px; position: relative; margin-bottom: 31px; }
.doc-upload-container h3:before { position: absolute; z-index: 0; content: ""; width: 57px; height: 5px; background: #4ec0ed; bottom: 12px; }
.doc-upload-container li > span { float: left; width: 120px; padding-top: 11px; }
.doc-upload-container li { padding-bottom: 25px; overflow: hidden; }
.doc-upload-container li textarea { width: 380px; resize: none; height: 190px; }
.doc-upload-container li button.defaultbtn, .doc-upload-container li input[type="submit"].defaultbtn { float: right; clear: both; margin-right: 18px; }
.doc-upload-container li button.defaultbtn.browsbtn { font-size: 13px; padding: 9px 22px; float: right; margin-top: 0; clear: none; }
.reportstble .contentarealft { width: 100%; clear: both; }
.rportbledtail { width: 1001px; margin: 40px auto; color: black; clear: both; float: left; text-align: left; background-color: white; padding: 2%; border-collapse: collapse; margin-left: 72px; }
.rportbledtail td { border: 1px solid #e6e6e6; padding: 10px; font-size: 14px; }
.rportbledtail td a { color: #009fff; }
.rportbledtail td a:hover { text-decoration: underline; }
.rportbledtail th { padding: 13px 10px; border: 1px solid #86d4f5; background: #ccf0ff; color: #141637;}
.tblNoRecord{
    clear: both;
    text-align: center;
    background: white;
    padding: 20px;
    margin: 20px 69px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    width: 89%;}
	
	
	.ssmry-btn{float:right; clear:none;   margin-right: 65px;}
	
	.dtpicki .inputFocus{    width: 370px;}
	
	.uidtble.table{width:88%;}
	
	.asagntrport.rportbledtail{padding:0; margin:20px 0;}
	
	.slct-cust{    color: white;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    padding-top: 9px;}
	
	.defaultbtn.btnsml{    font-size: 14px;
    padding: 7px 30px;
    margin: 1px 0 0 0;}
	
	.pdingbrdr01{    margin-top: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(238, 238, 238, 0.35);}
	
	.uigrdwrap .dataTables_length label{color:white; font-size:14px; font-weight:400;}
	.uigrdwrap .dataTables_length label select{    color: black;
    border-radius: 4px;
    padding: 3px 10px;
    width: 70px;
    background: rgb(255, 255, 255);
    margin: 0 4px;}
	
	.uigrdwrap .dataTables_filter label{color:white; font-weight:400;}
	.uigrdwrap .dataTables_filter  label input{    color: black;
    border: 0;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);}
	
	.uigrdwrap .asagntrport.rportbledtail{margin-bottom:0;}
	.uigrdwrap .dataTables_info, .uigrdwrap .dataTables_paginate{ 
    float: left;
    padding: 10px 22px;
    margin-top: -1px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 35px;
    background: #e4e4e4;
    font-size: 13px;}
	
	.uigrdwrap .dataTables_paginate{padding:12px 22px 8px;}
	 .uigrdwrap table.dataTable.no-footer{padding:0; margin-top:20px;}
	 
	.agntinpt .select2-container--default .select2-selection--single{
	     background-color: #fff;
    border: 1px solid #aaa;
    padding: 6px 15px;
    height: auto;
    border-radius: 20px;    font-size: 14px;
	}
	.agntinpt .select2-container--default .select2-selection--single .select2-selection__arrow{
	    top: 8px;
    right: 11px;
	}
	
	.agntinpt .datepicker{    width: 377px;
    height: 42px;
    border-radius: 25px;
    padding-left: 28px;
    border: 0;
	}