charset "utf-8";

/*
------------------------------------------------------------
Project Name : Memory Maker;
------------------------------------------------------------
*/

/* Must import all other css files here instead of HTML Pages */
/*@import url("daterangepicker.css");*/
/*@import url("font-awesome.css");*/

/* Reset 
--------------------------------------------------------------------------------------------------------*/
/* 
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Css Clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@font-face {
	font-family: 'SFUIDisplay-Regular';
	src: url('../fonts/SF-UI-Display-Regular.eot');
	src: url('../fonts/SF-UI-Display-Regular.woff') format('woff'), url('../fonts/SF-UI-Display-Regular.ttf') format('truetype'), url('../fonts/SF-UI-Display-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Bold';
	src: url('../fonts/SF-UI-Display-Bold.eot');
	src: url('../fonts/SF-UI-Display-Bold.woff') format('woff'), url('../fonts/SF-UI-Display-Bold.ttf') format('truetype'), url('../fonts/SF-UI-Display-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* General 
--------------------------------------------------------------------------------------------------------*/
*{box-sizing: border-box;}
*,*:focus{outline:none;border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
a, .container, .logo img{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
html,body{height:100%;}
body{font-family: 'SFUIDisplay-Regular', arial; font-size:14px; line-height:18px; background: #f4f4f4; margin:0;}
.wrapper{min-height:100%; min-width: 1300px; padding:77px 20px 58px 20px; transition:all 0.3s;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;color:#999}
h1,h2,h3,h4,h5,h6{line-height:1.2em;padding:0 0 20px; font-weight:normal; margin:0;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;font-size:0.5em;line-height:1.2em;}
h1{font-size:2.8em;}
h2{font-size:2.5em;}
h3{font-size:2.1em;}
h4{font-size:1.7em;}
h5{font-size:1.4em;}
h6{font-size:1.07em;}
p{padding:0 0 20px;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;appearance:none; font-family: 'SFUIDisplay-Regular';}

.btn{border:0; font-size:16px; font-family:"SFUIDisplay-Bold"; display: inline-block; padding:0 25px; height: 42px; border-radius:4px; cursor: pointer;}
.btn-block{width:100%;}

.btn-default{color:#3a8878; background: #fff;}
.btn-default:hover{background: #bbffec;}

.btn-primary{color:#fff; background: #3a8878;}
.btn-primary:hover{background: #4d9481;}

.btn-bordered{color:#3a7d6b; background: #fff; border:solid 1px #ccc;}
.btn-bordered:hover{background: #ccc;}

.text-center{text-align:center;}


/* Login page
--------------------------------------------------------------------------------------------------------*/
.login-page .login-table{display:table; width: 100%; height: 100%; background: #3a7d6b;  padding:10px 20px 60px; color:#fff;}
.login-page .login-table-cell{display:table-cell; text-align:center; vertical-align:middle;}
.login-page .login-block{background: #307260; max-width:420px; padding:30px; border-radius: 5px; margin:30px auto 0; text-align:left;}
.login-page .login-block .login-heading{padding:0 0 30px;}

.login-page ::-webkit-input-placeholder{color:rgba(255,255,255,0.6);}
.login-page ::-moz-placeholder{color:rgba(255,255,255,0.6);}
.login-page :-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.login-page :-moz-placeholder{color:rgba(255,255,255,0.6);}
.login-page .form-group{margin-bottom: 20px;}
.login-page .form-control{width:100%; background: none; color:#ffffff; border:solid 1px #6f9d90; font-size: 16px; line-height:20px; padding:10px; border-radius: 4px;}
.login-page .form-control:focus{border-color:#fff;}
.login-page .link-outer a{color:#fff; font-size:16px; line-height:20px;}
.login-page .link-outer a:hover{color:#75b7a5;}
.login-page .link-outer a.forgot-psw{float: left;}
.login-page .link-outer a.create-acc{float: right;}
.login-page .footer{padding:20px;}
.login-page .copyright{color:#fff;}

.checkbox{display: inline-block; position: relative; padding-left: 30px;}
.checkbox label{cursor: pointer; font-size:16px; line-height:18px; display: inline-block;}
.checkbox [type="checkbox"]{position: absolute; opacity: 0; visibility: hidden;}
.checkbox label:before, .checkbox label:after{position: absolute; content:""; left: 0; top: 0; height:18px; width:18px; cursor: pointer; box-sizing:border-box;}
.checkbox label:before{border:solid 1px #4d9481; border-radius: 2px;}
.checkbox label:after{display: none; background: url(../images/checked.png) center center no-repeat;}
.checkbox input:checked + label:after{display: block;}

.radio{display: inline-block; position: relative; padding-left: 30px;}
.radio label{cursor: pointer; font-size:16px; line-height:18px; display: inline-block;}
.radio [type="radio"]{position: absolute; opacity: 0; visibility: hidden;}
.radio label:before, .radio label:after{position: absolute; content:""; left: 0; top: 0; height:18px; width:18px; cursor: pointer; box-sizing:border-box;} 
.radio label:before{border:solid 1px #4d9481; border-radius: 100%;}
.radio label:after{display: none; background:#4d9481; height: 10px; width:10px; border-radius: 100%; margin:4px;}
.radio input:checked + label:after{display: block;}



/* Header
--------------------------------------------------------------------------------------------------------*/
.header{background: #3a7d6b; position: fixed; left: 0; top: 0; width:100%; z-index: 9999;}
.logo{float: left; margin: 2px 0 0 15px;}
.logo img{display: block;}
.header-right{float: right;}
.header-right .user-name{float: left; position: relative; color:#fff; font-size: 16px; line-height:20px; padding:18px 10px 18px 50px;}
.header-right .user-name > img{position: absolute; left: 0; top: 8px; border-radius: 100%; width:40px; height: 40px;}
.header-right .logout{float: left; padding:13px;}
.header-right .logout:hover{background: #235d4d;}
.header-right .logout img{display: block;}

/* MainNavigation
--------------------------------------------------------------------------------------------------------*/
.nav-icon{width:57px; height:57px; border:0; border-radius: 0; cursor: pointer; padding: 0 15px; float:left; background:none;}
.nav-icon:hover{background:#235d4d;}
.nav-icon span{display: block; height: 2px; margin: 6px 0; background: #fff; position:relative; transition: all 0.3s; top: 0;}
.main-navigation{position: fixed; z-index: 10; left: 0; top: 57px; bottom: 0; overflow:hidden; width:280px; border-right: solid 1px #d9e9e5; background: #fff; margin-left:-300px;}
.main-navigation ul{padding:0; margin:0;}
.main-navigation ul li{border-bottom: solid 1px #d9e9e5;}
.main-navigation ul li a{display:block; padding:15px; position: relative; color:#3a7d6b; font-size:16px; line-height:20px;}
.main-navigation > ul > li > a{padding-left:50px;}
.main-navigation > ul > li > a > img{position: absolute; left: 12px; top: 11px;}

.main-navigation ul li a:hover{background:#dcf2ec;}
.main-navigation ul li a .arrow-icon{position: absolute; height: 100%; width:38px; right: 0; top: 0;}
.main-navigation ul li a .arrow-icon:before{content:""; position: absolute; height: 100%; width:100%; right: 0; top: 0; background: url(../images/arrow-mobile.png) center center no-repeat;}
.main-navigation ul li.open > a > .arrow-icon:before{transform:rotate(-180deg);}
.main-navigation ul ul{display: none; margin-left: 0px; padding-bottom: 10px;}
.main-navigation ul ul li {border-bottom:none; position:relative; padding:10px 20px;}
/*.main-navigation ul ul li:before{content:""; position: absolute; left: 0; top: 0; width:8px; height:8px; background: #589383; border-radius: 8px; top:15px;}*/
.main-navigation ul ul li a{padding:5px 0 5px 30px; display: inline-block; background:none!important;}
.main-navigation ul ul li a img{position:absolute; left:0; top:0;}
.main-navigation ul ul li a:hover{color:#65b29d;}
.menu-overlay, .main-navigation, a .arrow-icon:before{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}



.menu-open .main-navigation{margin-left: 0;}
/*.menu-open .nav-icon{background: #10165f;}*/
/*.menu-open .nav-icon span.one{top: -30px; opacity: 0;}
.menu-open .nav-icon span.two{transform: rotate(45deg);}
.menu-open .nav-icon span.three{transform: rotate(-45deg); top: -6px;}*/
/*.menu-open .nav-icon{background: #fff;}
.menu-open .nav-icon:hover{background:#dcf2ec;}
.menu-open .nav-icon span{background: #3a7d6b;}*/
.menu-open-mobile .menu-overlay{opacity: 1; visibility: visible;}
.menu-open-mobile .wrapper{padding-left: 300px;}
.menu-open-mobile .main-navigation{margin-left: 0;}
.menu-open-mobile .nav-icon{background: #fff;}
.menu-open-mobile .nav-icon:hover{background:#dcf2ec;}
.menu-open-mobile .nav-icon span{background: #3a7d6b;}
/* Main Content
--------------------------------------------------------------------------------------------------------*/
.main-heading, .sub-heading{color:#3a7d6b; font-family: 'SFUIDisplay-Bold';}
.content-box{padding:20px; background:#fff; border:solid 1px #d9e9e5; border-radius: 4px;}

.default-form{margin:0 -10px 20px;}
.default-form .form-group{margin-bottom: 20px; padding:0 10px; width:20%; float: left;min-height:46px;}
.default-form.two-column .form-group{width:50%;}
.default-form.three-column .form-group{width:33.33%;}
.default-form.four-column .form-group{width:25%;}
.default-form label{color:#3a7d6b; font-size:16px; line-height:20px; display: inline-block; padding-bottom:5px;}
.default-form label.value-label{color:#999; font-style:italic;}
.form-control{width:100%; background: none; color:#3a7d6b; border:solid 1px #a4c6bd !important; font-size: 16px; line-height:20px; padding:10px; border-radius: 4px;}
select.form-control{padding:0 4px !important; line-height:36px; height: 42px;}
.form-control:focus{border-color:#3a7d6b;}
.calendar-input{background: url(../images/calendar-icon.png) right center no-repeat; padding-right: 40px;}
.default-form .btn-outer{padding:0 10px 20px;}
.has-error .form-control{border-color:#fe5858;}
.has-error .error-msg{float: left; width: 100%; padding:2px 0 0 150px; color:#fe5858;}

.horizontal-form .form-group{width:100%;}
.horizontal-form label{float: left; width:150px; padding:11px 10px 0 0;}
.horizontal-form .form-control{float: left; width:400px;}
.horizontal-form .btn-outer{padding-left:160px;}
.horizontal-form .checkbox-group{float: left;}
.horizontal-form .checkbox label{width:auto; padding-right:0; margin-right:20px;}
.horizontal-form .checkbox label:after{background-color:#4d9481; border-radius: 2px;}
.horizontal-form .checkbox label:before, .horizontal-form .checkbox label:after{top: 11px;}

.horizontal-form .radio label{width:auto; padding-right:0; margin-right:20px;}
.horizontal-form .radio label:before, .horizontal-form .radio label:after{top: 11px;}

.message{padding:10px; font-size:16px; line-height:20px; border-radius: 4px; margin-bottom:20px;color:#fff;}
.message.green{background:#70bd5f;}
.message.red{background:#fe5858;}



.table{width:100%; text-align:left;}
.table thead{border-top: solid 1px #cedfdc; border-bottom: solid 1px #cedfdc;}
.table thead th{font-size:16px; line-height:20px; padding:15px; font-family:"SFUIDisplay-Bold"; color:#3a7d6b;}
.table tbody{border-bottom: solid 1px #cedfdc;}
.table tbody tr:hover{background: #dcf2ec;}
.table tbody td{font-size:16px; line-height:20px; padding:10px 15px; font-family:"SFUIDisplay-Regular"; color:#666666; vertical-align:middle;}
.table .action-icon{display: inline-block;}
.table .action-icon:hover{opacity: 0.5;}
.table .action-icon img{display: block;}
.table .label{font-size: 13px; line-height:22px; padding: 0 10px; display: inline-block; color:#fff; border-radius: 2px;} 
.table .label.green{background: #70bd5f;}
.table .label.red{background: #fe5858;}

.grid-bottom { padding:20px 0;}
.grid-bottom .left{ float:left; color:#666; font-size:16px;}
.grid-bottom .left td{vertical-align:middle; white-space:nowrap;}
.grid-bottom .input-sort{display:inline; width:58px; margin-right:10px; padding:10px 4px;}
.grid-bottom .right{float: right;}
.grid-bottom ul.paging{padding:0; margin:0; float: right; border:solid 1px #a4c6bd; border-radius: 4px; overflow:hidden;}
.grid-bottom ul.paging li{float: left; border-right: solid 1px #a4c6bd;}
.grid-bottom ul.paging li:last-child{border-right: 0;}
.grid-bottom ul.paging > li > a{background:none; color:#666666; display: block; width:38px; text-align:center; line-height:38px; height:38px;}
.grid-bottom ul.paging > li > a:hover{background-color: #dcf2ec;}
.grid-bottom ul.paging > li > a img{vertical-align:middle;}
.grid-bottom ul.paging > li.active > a{background: #3a7d6b; color:#fff;}

.column-outer{margin:0 -15px;}
.column-outer .sidebar{float: left; width: 25%; padding:0 15px; min-height:1px;}
.column-outer .widecolumn{float: left; width: 75%; padding:0 15px;}
.tree-view li{padding-bottom:10px;}
.tree-view li:last-child{padding-bottom:0;}
.tree-view li ul{padding: 10px 0 0 35px;}
.tree-view li a{display: block; font-size:16px; line-height:20px; color:#4e4e4e; border:solid 1px #e1e1e1; padding:10px 15px 10px 35px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tree-view li a.pl15{padding-left:15px;}
.tree-view li a i{position:absolute; left:10px; top: 10px; width: 20px; height:20px;}
.tree-view li a i:before{background: #3a7d6b; height:2px; left: 5px; right: 5px; top: 9px; content:""; position:absolute;}
.tree-view li a i:after{background: #3a7d6b; width:2px; left: 9px; top: 5px; bottom: 5px; content:""; position:absolute;}
.tree-view li a.active i:after{display: none;}
.tree-view li a:hover{border-color:#b5dad0; background: #f7f7f7; color:#3a7d6b;}

.detail-listing li{display:table; width:100%; padding-bottom: 3px;}
.detail-listing li:last-child{padding-bottom:0;}
.detail-listing li > * {display:table-cell;}
.detail-listing li h6{background: #f4f4f4; padding: 8px 10px; margin: 20px -10px 10px -50px; display: block; color: #3a7d6b;}
.detail-listing li span{width:240px; padding-right:10px; text-align:right;}  
.detail-listing li em{color:#999; word-break: break-word;}

.accordion-block{padding-top: 20px;}
.accordion{margin-bottom:20px;}
.accordion-block .accordion:last-child{margin-bottom: 0;}
.accordion .accordion-heading{padding:0; background:#d9e9e5; color:#3a7d6b; padding:10px; font-weight:400; cursor: pointer;}
.accordion .accordion-heading:hover{background: #c2dcd6;}
.accordion .accordion-detail{padding:10px; border:solid 1px #d9e9e5; border-top: 0; display:block; position:relative;}
.accordion .accordion-detail .form-control{padding:2px 5px; font-size:14px; height:26px;}
.accordion .accordion-detail:before {content:""; position:absolute; left:0; top:0; height:100%; width:100%; z-index:8; display:none; background:rgba(0,0,0,0.6);}
.accordion .accordion-detail .loader-img{position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; z-index:9; width:64px; height:64px; display:none;}
.accordion .accordion-detail.loading:before, .accordion .accordion-detail.loading .loader-img{display:block;}

.dropdown{position:relative; display:inline-block;}
/*.dropdown .dropdown-menu{position:absolute; left: 0;top: 100%; width: 200px; background:#fff; border:solid 1px #d9e9e5; border-top: 0; display:none;}*/
.dropdown .dropdown-menu{position:absolute;right: 10px; top: 100%; width: 350px; background:#fff; border:solid 1px #d9e9e5; border-top: 0; display:none;}   
.dropdown:hover .dropdown-menu{display:block;}
.dropdown .dropdown-menu li a{display:block; padding:5px 10px; color:#3a7d6b;}
.dropdown .dropdown-menu li a:hover{background: #dcf2ec;}

.notification-dropdown{float: left; padding-right:10px !important;}
.notification-dropdown .dropdown-toggle{display:block; padding:16px 16px 17px;}
.notification-dropdown .dropdown-toggle img{display:block;}
.notification-dropdown:hover .dropdown-toggle{background: #235d4d;}

/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer{padding:20px 20px 20px 300px;text-align:center;position:relative; min-height:58px; margin-top:-58px; /* Give Footer height to margin top */  min-width: 1300px;}
.copyright{padding:0;color:#666; margin:0;}


/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width: 1200px){	
}

@media (max-width: 991px){	
}

@media (max-width: 767px){	
}

@media (max-width: 560px){
}

/* paginetion */
/*.grid-bottom{background:#f9f9f9;display:inline-block; width:100%; padding:4px 8px; margin-bottom:50px; border:1px solid #e7e7e7;}*/
.paging ul li a.prevar {background:url(../../Content/images/prev.png) no-repeat center #fff;}
.paging ul li a.nxtar{background:url(../../Content/images/next.png) no-repeat center #fff;}
.paging ul li a.firstar{background:url(../../Content/images/first.png) no-repeat center #fff;}
.paging ul li a.lastar{background:url(../../Content/images/last.png) no-repeat center #fff;}
.paging ul li a:hover{text-decoration:none;background-color:#f0f0f0;padding:0px;}
 .paging > .disabled > a,.paging > .disabled > a:hover,.paging > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.show-record{float:left;font-size:16px;color:#616161;padding-left:0px; margin-top:5px; width:150px;  }
.show-record span{display:inline-block;position: relative;top: -9px;}
.show-record1{float:left;font-size:16px;color:#616161;padding-left:0px; margin-top:5px; width:150px;  }
.show-record1 span{display:inline-block;}
.grid-bottom .form-dropdown {max-width:60px; width:100%;  display:inline-block; position:relative;top:4px;}
.grid-bottom .infomessage {display:inline-block;}

label em, .important-fild {
    color: #eb3f3f;
    font-style: normal;
    font-family: 'open_sansregular';
    line-height: 100%;
}

.cases-box-outer{margin:0 -15px;}
.cases-box-col{float:left; width:25%; padding:0 15px;}
.cases-box-outer .cases-box {height:100px; position: relative; padding:15px; text-align:right; margin-bottom:30px; display:block; border:none; overflow:hidden; background:#3a7d6b;}
.cases-box-outer .cases-box .img-block {position: absolute; top:25px; left:15px; -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.cases-box-outer .cases-box:hover .img-block {top:50px;left:-15px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.cases-box-outer .cases-box .cases {font-size:40px; line-height:30px; color:#fff; font-weight:normal; font-family: 'SFUIDisplay-Bold'; padding:10px 0;}
.cases-box-outer .cases-box h5 {font-size:14px; color:#fff; font-weight:normal; font-family: 'SFUIDisplay-Regular';}



.range-slider {margin-top:20px;}
.ui-slider .ui-slider-range {height: 2px; background-color:#69a843; background-image:none;}
.ui-widget-content {border:none;background-color:#c3c3c3; background-image:none;cursor:pointer;box-shadow: none;}
.ui-slider .ui-slider-handle {cursor:pointer; top:-12px; width:27px; height:27px; border-radius:50%; background-color:#fff; box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.16); background-image:none; border-color:#dcdcdc;}