*{ margin:0; padding:0;}
a:hover{color:#fff;}

body, html { height:100%;}

body { background:#fff; height:100%; font-family: 'Lato', sans-serif; font-size:13px; color:#252525; position:relative;}

.loader { background-image:url(../images/loader.gif),url(../images/trans-80.png); background-position: center center, left top; background-repeat: no-repeat, repeat; position:fixed; z-index:999; width:100%; height:100%;}

.clear-ul {list-style:none; margin:0; padding:0;}

.clear-float { clear:both;}

.special-text { font-size:15px; color:#d3b553; margin:0; padding:0; line-height:20px; display:block; font-weight:bold; text-decoration:none;}

/* logo */

.reclamate-logo {background-color:#f4f4f4; text-align:center;}

/* navigation */

.navigation { width:260px; height:auto; float:left; border-collapse:collapse; background-color:#2a707a; box-shadow:1px 0 10px rgba(0,0,0,0.1); position:relative; z-index:10; }

.navig-title { width:100%; height:45px; background-color:#2a707a; font-size:14px; color:#fff; line-height:45px; padding-left:20px; }

.select-practive {width:100%; height:45px; line-height:45px; padding:0 10px; background-color:#f7f5f5; border:0; text-decoration:none; display:block; color:#212121;}

.select-practive:hover {background-color:#2a707a;}

.navig-dropdown { margin:0; padding:0; list-style:none;}

.navig-dropdown li {border-collapse:collapse; }

a.anchor-navig-dropdown{border-bottom: 1px solid #b5b5b5;border-collapse: collapse; background-image: url("../images/dashboard.png");background-position: 20px center;background-repeat: no-repeat;}

a.active{ background-color: #d3b553!important;color: #fff!important;}

a.dd-links { width:100%; line-height:45px; background-color:#fff; border-bottom:1px solid #ccc; display:block; color:#252525; text-decoration:none; padding-left:60px;}

a.dd-links:hover, a.active-links { background-color:#d3b553;}

.navig-dropdown li a.nav-dashboard { background-image:url(../images/dashboard.png); background-position: 60px center; background-repeat: no-repeat;}

.navig-dropdown li a.nav-videos { background-image:url(../images/video.png); background-position: 60px center; background-repeat: no-repeat;}

.navig-dropdown li a.nav-imgdoc { background-image:url(../images/imgdoc.png); background-position: 60px center; background-repeat: no-repeat;}

.navig-dropdown li a.nav-patients { background-image:url(../images/patients.png); background-position: 60px center; background-repeat: no-repeat;}

.navig-dropdown li a.nav-appointments { background-image:url(../images/appointments.png); background-position: 60px center; background-repeat: no-repeat;}

.navig-dropdown li a.nav-reports { background-image:url(../images/reports.png); background-position: 60px center; background-repeat: no-repeat;}

.administration { width:168px; line-height:47px; display:block; text-decoration:none; padding-left:90px; background-image:url(../images/administration-icon.png); background-position: 60px center; background-repeat:no-repeat; color:#d3d3d3; background-color:#d3b553; border:solid 1px #8b4b69; margin-top:-1px;}

.administration:hover { background-color:#a72640;}



.manage-therapists {width:168px; line-height:47px; display:block; text-decoration:none; padding-left:90px; background-image:url(../images/therapist-icon.png); background-position: 60px center; background-repeat:no-repeat; color:#d3d3d3; background-color:#3b4974; border:solid 1px #425078; margin-top:-1px;}

.manage-therapists:hover { background-color:#233260;}



a.dd-links-in { width:100%; line-height:47px; background-color:#fff; display:block; color:#393939; text-decoration:none; padding-left:60px; background-image:url(../images/therapist-icon.png); background-position:25px center; background-repeat:no-repeat; border-bottom:1px solid #ccc;}

a.dd-links-in:hover { background-color:#2a707a;}



/*  end navigation  */



/* page */

.content {float:left;}

.content-header {width:100%; height:108px; background-color:#2a707a; }

.content-header a {text-decoration:none; color:#fff;}

.messages-tab { width:111px; height:108px; background-image:url(../images/messages-tab.png); background-position:left top; background-repeat:no-repeat; color:#f4f4f4; overflow:hidden; float:left;}

.users-tab { width:111px; height:108px; background-image:url(../images/users-tab.png); background-position:left top; background-repeat:no-repeat; color:#f4f4f4; overflow:hidden; float:left;}

.reports-tab { width:111px; height:108px; background-image:url(../images/reports-tab.png); background-position:left top; background-repeat:no-repeat; color:#f4f4f4; overflow:hidden; float:left;}

.message-tab-num {width:80%; margin:5px auto; color: rgba(244,244,244,0.8); display:block; text-align:right;}

.message-tab-title {width:90%; margin:50px auto 0 auto; text-align:center; display:block; font-size:14px;}

.profile-operations {width:275px; text-align:left; float:right; margin:10px 20px 0 0; color:#f5f5f5;}

.profile-image { width:80px; height:82px; /*background-color:#7d859e;*/ padding:0px; text-align:right; float:left; overflow:hidden;}

.profile-details {width: 180px; float:right; font-size:14px; text-align:right;}

.profile-op-link {width:100%; line-height:16px; padding:10px 20px; text-decoration:none; color:#fff; background-color:#d3b553; display:block; margin:2px 0; font-size:13px; text-transform:uppercase; text-align:center;}

.profile-op-link:hover {background-color:#2a707a;}

/* end page*/



/*editor-data*/

.editor-data{ float:left; width:100%;}

.breadcrumbs{ float:left;background:#2a707a; padding-left:15px; box-sizing:border-box;}

.breadcrumbs a, .breadcrumbs span{ float:left; font-size:14px; padding:0px 5px 0px 15px; text-decoration:none; background:url(../images/breadcrumb.png) no-repeat 0px center; height:45px; line-height:45px; color:#fff;}

.breadcrumbs a{ color:#333;}

.breadcrumbs a:hover{ text-decoration:underline;}

.breadcrumbs span{ color:#fff;}

.odd-tr{background:#f7f5f5 !important;}

.edit-muncipals{ float:left; width:100%; position:relative; background:#FFF;}

.edit-muncipals h2 { float:left; display:inline-block; color:#d3b553; font-size:24px; width:72%}

.edit-muncipals h4 { float:left; display:inline-block; text-transform:uppercase; color:#7d7d7d; width:72%; font-size:12px; margin-top:30px;}

.edit-muncipals div.img-box{ float:left; width:75px; height:75px; text-align:center; margin:15px;}

.edit-muncipals div.img-box img{ display:inline-block; width:100%;}

.edit-muncipals a.back-emp-list{ width:225px; height:35px; font-size:14px; color:#fff; display:inline-block; position:absolute; right:20px; top:16px; -moz-border-radius:00px; -webkit-border-radius:00px; border-radius:00px; text-align:center; line-height:35px; text-decoration:none; background:url(../images/back-to-emp.png) no-repeat 25px center #d3b553;}

.edit-muncipals  div.img-box-q{ width:50px; height:35px; position:absolute; top:16px; right:40px; overflow:hidden; margin:0px; padding:0px; text-align:center; }

.edit-muncipals  div.img-box-q a{ display:block; width:100%; height:100%;}

.edit-muncipals  div.img-box-q img{ display:inline-block; float:none; width:25px; height:25px; overflow:hidden; margin-top:5px;}

.search {width:225px; text-align:right; position:absolute; top:60px; right:20px;}

.search input {width:71%; float:left; padding:5px 2%;}

.edit-muncipals a.back-emp-list:hover{background-color:#2a707a;}

.table-wrapper{ padding:2% 10%; overflow:hidden;}

.table-wrapper table { float:left;}

.table-wrapper table tr td{vertical-align:top; padding:10px }

.table-wrapper table tr td div p{ margin-bottom:15px;}

.table-wrapper table tr td label, .profile-pic label{ float:left; width:100%; font-size:12px; margin-bottom:5px;}

.inner-data table tr td label, .profile-pic label .primary-location{ margin:15px 0px 5px 0px;}

.inner-data table tr td input.text,.profile-pic input.text{ float:left; width:100%; font-size:12px; color:#222222; padding:5px; width:200px; border:1px solid #d3d3d3;}

.inner-data table tr td input.chkbox{ float:left; margin-right:10px;}

.inner-data table tr td select.text{ float:left; width:100%; font-size:12px; color:#222222;width:210px; height:145px; border:1px solid #d3d3d3;}

.inner-data table tr td select.text option{ float:left; padding:10px; width:100%; border-bottom:1px solid #d3d3d3; background:#f9f9f9; background:url(../images/option-not-selected.png) no-repeat 170px center;}

.inner-data table tr td select.text option:last-child{ border:none;}

.inner-data table tr td select.text option.active{background:url(../images/option-selected.png) no-repeat 170px center #d9e9e6;}

.inner-data table tr td select.single{float:left; width:100%; font-size:12px; color:#222222;width:210px; border:1px solid #d3d3d3; height:30px;}

.inner-data table tr td select.single option{float:left;padding:5px;}



.profile-pic{ float:left; padding:5px 15px ; width:100%; margin-bottom:30px;}

.profile-pic a{ color:#3c67bd; font-size:12px; text-decoration:none; float:left; margin-left:15px; width:50%;}

.profile-pic a:hover, .profile-pic a.active{ color:#9d1f38;}

.profile-pic a.upload{ background:url(../images/upload.png) no-repeat left center; padding-left:20px; margin:30px 0 10px 15px; display:block;}

.profile-pic a.remove{ background:url(../images/remove.png) no-repeat left center; padding-left:20px; display:block;}

.profile-pic div.img-box{ float:left; width:93px; height:93px; text-align:center; border:1px solid #cdcdcd; margin-bottom:0px;}

.profile-pic-img {max-width:93px; max-height:93px;}

.profile-pic div.img-box img{ display:inline-block; vertical-align:middle;}



.update-cancel{ float:left; width:825px;}

.update-cancel a{ float:right; font-size:14px; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0px 5px;}

.update-cancel a.update{ padding:10px 40px 10px 60px; color:#FFF; background:url(../images/update.png) no-repeat 40px center #d3b553;}

.update-cancel a.update:hover, .update-cancel a.update.active{background-color:#9d1f38;}

.update-cancel a.cancel{ padding:10px 20px 10px 40px; color:#222222; background:url(../images/cancel.png) no-repeat 20px center #d9e9e6;}

.update-cancel a.cancel:hover,.update-cancel a.cancel.active{ background-color:#b8dbd4;}

/*editor-data end*/



/* video listing */

.video-listing {margin:10px auto 0 auto;}

/* end video listing */



/*Second Page Start Here*/

/*--------------------------------------*/

div.center-hold{ width:100%; display:inline-block;}

/*--------------------------------------*/

div.header{ float:left; width:100%; padding:5px 5%; background:#FFF; height:60px; box-sizing:border-box;}

a.logo{ float:left; width:104px; height:54px; display:inline-block; background:url(../images/logo.png) no-repeat left center;}

div.edit-profile{ float:right;width:250px;}

div.edit-profile div.img-box{ float:left; width:55px; height:54px; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; text-align:center; margin-right:10px;}

div.edit-profile div.img-box img{ display:inline-block; width:100%; vertical-align:middle;}

div.edit-profile p{ float:left; font-size:13px; line-height:18px;}

div.edit-profile a{ float:left; font-size:12px; color:#6a92d7; text-decoration:none; margin-right:15px; padding-left:15px;}

div.edit-profile a.edit-profile-icon{ background:url(../images/edit-prof-icon.png) no-repeat 0px center;}

div.edit-profile a.sign-out{ background:url(../images/sign-out-icon.png) no-repeat 0px center;}



ul.main-nav{ float:left; width:100%; height:47px; background:#454c58; padding:0px 5%; margin:0px; box-sizing:border-box; list-style-type:none; position:relative;}

ul.main-nav li{ float:left;}

ul.main-nav li a{ display:inline-block; width:120px; text-align:center; line-height:47px; color:#bdc2cb; font-size:14px; text-decoration:none;}

ul.main-nav li a.dropdown{ background:url(../images/menu-dropdown-arrow.png) no-repeat right 10px center;}

ul.main-nav li a:hover{ background-color:#4f5865;}



ul.main-nav li:hover ul{ display:block;}

ul.main-nav li  ul { display:none; background:#454C58; width:100%; list-style:none; margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}

ul.main-nav li  ul li { float:none; }



div.routine-managment{ float:left; width:100%; background:#FFF; padding:0px 5%; box-sizing:border-box;}

div.routine-managment h1{ padding:18px 0px; color:#6a7882; font-size:22px; width:auto; float:left;}

div.routine-managment p{ font-size:14px; float:left; width:auto; color:#9facb4; padding:22px 15px;}

div.routine-managment a{ float:right; width:28px; height:28px; margin:16px;}



div.content-wrap{ float:left; width:100%;margin-top:25px; box-sizing:border-box;}

/*--------*/

div.content-left{ float:left; width:46%; position:relative; padding:1%; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 0 1%;}

div.content-left div.content-left-top{ float:left; border-bottom:1px solid #CCC; padding:15px 0px; width:96.3%; margin-bottom: 20px;}

div.content-left div.content-left-top div.search-video{ float:left; width:86%; position:relative;}

div.content-left div.content-left-top div.search-video input.searchvideo{ float:left;  font-size:14px; padding: 5px 20px 7px 12px; background:#FFF; border:0; border-radius:20px; -moz- border-radius:20px;-webkit- border-radius:20px; border:1px solid #c0c5d0; width:100%; }

div.content-left div.content-left-top div.search-video a{width:20px; height:21px; display:inline-block; margin-left: -30px;margin-top: 5px;}

div.content-left div.content-left-top a.reset{width:20px; height:21px; float:left; margin-left:40px; margin-top:5px;}

div.content-left div.content-left-top a.filter{ float:right; height:30px; display:inline-block; background:url(../images/filter-option-icon.png) no-repeat left center; padding-left:20px; color:#6a92d7; text-decoration:none; font-size:12px; line-height:30px;}

div.content-left ul{ float:left; width:100%; list-style-type:none; /*height:470px; overflow:auto;*/}

div.content-left ul li{ float:left; margin-right:15px; margin-bottom:20px;}

div.content-left ul li div.img-box{ float:left; width:158px; height:104px; border:1px solid #CCC;}

div.content-left ul li p{ float:leftl; width:100%; color:#969fb0;}

/*--------*/

div.content-left ul.thumbs-list{ float:left; width:100%; margin:0px; padding:0px; position:relative;}

div.content-left ul.thumbs-list li{ float:left; width:47%; margin-right:20px;}

div.content-left ul.thumbs-list li:nth-child(2n+2){ margin-right:0px;}

div.content-left ul.thumbs-list li p{ float:left; width:98%;}



div.content-right{float:left; width:46%; position:relative; padding:1%; margin:0 1%; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

div.content-right div.content-right-top{ float:left; border-bottom:1px solid #CCC; /*margin-top:33px;*/ padding:15px 0px 35px 0px;width:96.3%; }

div.content-right div.content-right-top h2{ float:left; width:auto; margin:8px; padding:0px; font-size:14px; text-transform:uppercase; color:#46b0a4}

div.content-right div.content-right-top div.action{ float:right; width:145px;}

div.content-right div.content-right-top div.action p,div.content-right div.content-right-top div.views p{ float:left; width:auto; font-size:12px; color:#222222; line-height:30px;}

div.content-right div.content-right-top div.action select{ width:100px; padding:3px; margin-left:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #CCC; color:#999;}

div.content-right div.content-right-top div.views{ float:right; width:130px;}

div.content-right div.content-right-top div.views a{ display:inline-block; margin:0px 0px 0px 10px; padding:7px 0px;}

div.content-right ul{ list-style-type:none; float:left; width:100%; height:484px; overflow:auto; margin-top:20px;}

div.content-right ul li{ float:left; margin-right:15px; margin-bottom:20px; position:relative; width:100%; text-align:center;}

div.content-right ul li a.close{ right:33%; top:0px; width:20px; height:20px; text-align:center; font-size:14px; line-height:20px; background:#9D1F38;}

div.content-right ul li div.img-box{ float:none; display:inline-block; width:158px; height:104px; border:1px solid #CCC;}

div.content-right ul li p{ float:leftl; width:100%; color:#969fb0;}



/* Login page */

.login-box {width:350px; height:auto; padding:25px; margin:0px auto 0 auto; background-color:#fff; border:0;position:relative; transform:translateY(55%); box-shadow:0 0 20px rgba(0,0,0,0.4); text-align:center;}

.login-box div.img-box{position:absolute; right:10px; top:10px; width:200px; height:70px; text-align:center;}

 .login-box div.img-box img{float:none; display:inline-block; width:100%;}

.title-text { font-size:26px; line-height:35px; font-weight:bold; color:#d3b553;}

.login-box ul {margin-top:20px; text-align:left;}

.login-box ul li {margin:10px 0; display:block;}

.form-field {width:100%; padding:5px; line-height:20px; font-size:13px; margin:0; box-sizing:border-box; font-family: 'Lato', sans-serif; background-color:#f4f4f4; border:solid 1px #cccccc;}

.form-field-white {width:100%; padding:5px; line-height:20px; font-size:13px; margin:0 0 10px 0; box-sizing:border-box; font-family: 'Lato', sans-serif; background-color:#fff; border:solid 1px #cccccc; display:block;}

.form-btn { width:100px; height:20px; padding:5px; box-sizing:content-box; color:#FFF; text-align:center; background-color:#d3b553; border-radius:10px; -webkit-border-radius:10px; display:inline-block; border:solid 1px #d3b553; cursor:pointer;}

.form-btn:hover { background-color:#a72640;}

.form-btn-light { width:100px; height:20px; padding:5px; box-sizing:content-box; color:#282828; text-align:center; background-color:#d9e9e6; border-radius:10px; -webkit-border-radius:10px; display:inline-block; border:solid 1px #becfcc; cursor:pointer; text-decoration:none;}

.form-btn-light:hover { background-color:#becfcc;}

.text-links { text-decoration:none; color:#000;}

.text-links:hover { text-decoration:underline;}

p.error{color:#f00; margin-top:0px;}



.blue-text{color:#0A2559;}

.black-bold-text{ color:#000; font-weight:bold;}

/* prescription */

.data-div { width:80%; margin:20px auto; padding:2%; border-radius:10px; -webkit-border-radius:10px; background-color:#fff; font-size:15px; line-height:22px; color:#666;}

.data-div hr {width:100%; border:solid 1px #CCC; margin:10px 0; height:1px; background:none;}

.title-general { font-size:20px; line-height:30px; font-weight:bold; color:#46b0a4;}

.title-small { font-size:16px; line-height:25px; font-weight:bold; color:#454C58; margin:5px 0;}

.styled-ul { list-style:none; padding:0; border-left:solid 1px #999999; border-top:solid 1px #999999; margin:20px auto; float:left;width:100%;}

.styled-ul li { margin: 0; width:100%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border-right:solid 1px #999999; border-bottom:solid 1px #999999;}

.styled-ul li a {font-size:15px; padding:10px 5px; line-height:20px; display:block; color:#666666;}

.styled-ul li a:hover { background-color:#E6E6E6; text-decoration:none;}

.styled-ul li a span { font-weight:bold; width:120px; display:inline-block;}

.special-text { color:#46B0A4; font-weight:bold; display:inline;}





/* list therapists */

.inner-data {position:relative; margin:20px auto; padding:5px; font-size:14px;}

.error-text { width:100%; line-height:30px; text-align:center; font-size:14px; background-color:#b34343; color:#fff; }

.success-text { width:100%; line-height:30px; text-align:center; font-size:14px; background-color:#e9ffd9; color:#000; }

.form-table { font-size:13px; color:#666666; line-height:20px;}

.inner-data table {margin:0 auto;}

.special-table {width :100%; border-left:solid 1px #F5F5F5; border-top:solid 1px #F5F5F5;}

.special-table tr.title-tr { background-color:#d3b553; color:#fff; font-weight:normal; font-size:16px;}

.special-table tr:nth-child(even) {background-color:#f1f1f1;}

.special-table td {border-right:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.1); padding:10px; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left;}

.special-table td a{display:inline-block; width:30%;}



/* regimen page css */

div.filter{border: 0 none;float:left; height: 28px;width: 47%; margin:15px 5px 30px 0px;}

div.filter select{ height:100%; width:98%; padding:0px 10px;}



ul.media-list{ float:left; width:100%; list-style-type:none; position:relative;}

ul.media-list li{ display:inline-block; width:140px; position:relative; margin-right:15px; margin-bottom:10px;}

ul.media-list li:nth-child(3n+3){margin-right:0px;}

ul.media-list li a.btn-del-img{ width:10px; height:10px; padding:5px; color:#000; border:1px solid #000; text-decoration:none; text-align:center; line-height:10px; background:#d3d3d3; position:absolute; right:0px; top:0px;}

ul.media-list li div.row{ float:left; width:100%; text-align:center; position:relative;}

ul.media-list li div.row div.img-box{ width:140px; height:120px; display:inline-block; margin-bottom:5px;}

ul.media-list li div.row div.img-box img{ display:inline-block; width:100%;}

ul.media-list li div.row div.field-wrap{ float:left; width:100%;}

ul.media-list li div.row div.field-wrap div.field{ float:left; width:100%;}

ul.media-list li div.row div.field-wrap div.field input.form-field-white{width:140px; margin:0px;}



div.pop-up{display:inline-block; width:708px; height:auto;background:#FFFFFF; text-align:center; position:relative; border:1px solid #2a707a; padding:30px;}

div.pop-up a.close{ position:absolute; width:20px; height:20px; line-height:20px; font-size:14px; text-decoration:none; top:0px; right:0px; background:#C24154; color:#FFFFFF; font-weight:bold;}

div.pop-up ul.thumbs-list{ float:left; width:100%; list-style-type:none; height:400px; overflow:auto;}

div.pop-up ul.thumbs-list li{ float:left; margin-right:17px; margin-bottom:20px;}

div.pop-up ul.thumbs-list li div.img-box{ float:left; width:158px; height:104px; border:1px solid #CCC; position:relative;}

div.pop-up ul.thumbs-list li div.img-box a{ position:absolute; width:15px; height:15px; line-height:15px; font-weight:200; font-size:12px;}

div.pop-up ul.thumbs-list li p{ float:leftl; width:100%; color:#969fb0;}

.close{ position:absolute; width:10px; height:20px; line-height:20px; font-size:14px; text-decoration:none; background:#C24154; color:#FFFFFF; font-weight:bold;}

div.search-box{ float:left; width:100%;}

.inner-data-regimen {position:relative; padding:10px; font-size:14px;}

.form-field-white-regimen {width:70%; padding:5px; line-height:20px; font-size:13px; box-sizing:border-box; font-family: 'Lato', sans-serif; background-color:#fff; border:solid 1px #cccccc; display:block;}





/*--------------------------------------------------------------------------------------------------------------*/

div.transBg,div.transBg2{float:left; width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0px; left:0px; z-index:2; display:none;}

div.transBg2{z-index:101;}

/*--------------------------------------------------------------------------------------------------------------*/

div.loader{float:left; width:100%; height:100%; background:url(../images/loader.GIF) no-repeat center rgba(255,255,255,0.6); position:fixed; top:0px; left:0px; display:none; z-index:200;}



.thumb-list .empty { width:100%; float:none; display:inline-block; height:123px; background:url(../images/drag-drop.png) center top no-repeat;}



.styled-table { border-left:solid 1px #999999; border-top:solid 1px #999999; margin:20px auto;}

.styled-table td { border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:10px !important;}

.styled-table td a { display:block;  padding:10px 5px; float:left; box-sizing:border-box; width:90%; display:block;}

.styled-table td a:hover { text-decoration:none; background-color:#CCCCCC;}

.styled-table td a.box-links { width:10%; float:right;}

.styled-table td a.box-links-full { width:100%;}

.styled-table td a.box-links:after { content:""; clear:both;}



.no-border { border:none;}





.styled-detail-ul { margin:0; padding:0 5px; list-style:none;}

.styled-detail-ul li { padding: 0 15px 0 15px; background: url(../images/list-bullet.png) left 8px no-repeat; margin:5px 0 0 0; width:33%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; display:block;}

.styled-detail-ul li a {font-size:15px; line-height:22px; color:#9FACB4;}

.detail-a {font-size:15px; line-height:22px; color:#9FACB4;}







.info, .success, .warning, .errordiv, .validation {border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 10px;background-repeat: no-repeat;background-position: 10px center;}

.info {color: #00529B;background-color: #BDE5F8;}

.success {color: #4F8A10;background-color: #DFF2BF;}

.warning {color: #9F6000;background-color: #FEEFB3;}

.errordiv {color: #D8000C;background-color: #FFBABA;}



ul.chkbox-list{-webkit-column-count:3; -moz-column-count:3;list-style-type:none; float:left; padding:8px; border:1px solid #fff;  position:relative; width:100%;}

ul.chkbox-list li{ float:none; display:inline-block; width:100%;}

ul.chkbox-list li p.error{ position:absolute; left:0px; bottom:-22px;}



.practice-logo{ float:left; padding:5px 15px ; width:100%; margin-bottom:30px;}

.practice-logo a{ color:#3c67bd; font-size:12px; text-decoration:none; float:left; margin-left:15px; width:50%;}

.practice-logo a:hover, .practice-logo a.active{ color:#9d1f38;}

.practice-logo a.upload{ background:url(../images/upload.png) no-repeat left center; padding-left:20px; margin:30px 0 10px 15px; display:block;}

.practice-logo a.remove{ background:url(../images/remove.png) no-repeat left center; padding-left:20px; display:block;}

.practice-logo div.img-box{ float:left; width:260px; height:108px; text-align:left; border:1px solid #cdcdcd; margin-bottom:0px;}

.practice-logo-img {max-width:260px; max-height:108px;}

.practice-logo div.img-box img{ display:inline-block; vertical-align:middle;}



ul.routine-list{ float:left; width:100%; margin:10px 0px 0px 0px; padding:0px 10px; position:relative; list-style-type:none;}

ul.routine-list li{ float:left; margin-bottom:10px; width:100%;}

ul.routine-list li label{ float:left; width:100%; margin:10px 0px;}

div.container-video{ float:left; width:320px; margin:15px;}

ul.routine-list li div.video-box-wrap{ float:left; width:100%;}

ul.routine-list li div.video-box-wrap p{ float:left; width:100%; margin-left:15px;}

ul.routine-list li div.video-box-wrap div.video-box{ float:left; width:320px; height:240px; margin:15px; overflow:hidden; border:1px solid #333;}

ul.routine-list li div.video-box-wrap div.video-box label{ float:left; width:100%;}

p.dimension{float:left; text-align:right; margin:-10px 0px 10px 0px; padding:0px; width:100%;}

/*~mx-alert~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mxalert{width:460px; padding:30px; position:absolute; z-index:9999; background:#fff; border:2px solid #114F7A; text-align:center;}

div#mxalert p{font-size:18px; color:#404041; font-weight:normal; line-height:24px;}

div#mx-winmask, .mxoverlay{width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:10px; background:#000; opacity:0.5 !important;

filter:alpha(opacity:50);}

a.close, a.btn-close{width:32px; height:23px; text-align:center; position:absolute; right:0px; top:0px; border:0; font-size:24px; line-height:25px; color:rgb(255, 255, 255); background-color:#9D1F38;}

div.content-header a.ad-box{ float:left; width:468px; height:90px; margin:10px; padding:0px; overflow:hidden; text-align:center;}

div.content-header a.ad-box img{ display:inline-block; float:none;}



div.navigation div.ad-box{float:left; width:250px; height:250px; margin:5px; overflow:hidden; text-align:center;}

div.navigation div.ad-box img{display:inline-block; float:none;}



div.logo-container{ float:left; width:100%; margin:0px; padding:0px; text-align:center;}

div.logo-container div.reclamate-logo{ float:none; display:inline-block; width:260px;}

div.stat-content{ float:left; width:100%; margin:0px; padding:0px; position:relative;}

div.stat-content h2{ float:left; display:inline-block; color:#d3b553; font-size:24px; width:72%;}

div.stat-content p{font-size13px; margin:0px; padding:0px; line-height16px;color:#3c3c3c;}



.box-links { width:100%; box-sizing:border-box; margin:2px 0; display:block; text-decoration:none; color:#fff; background-color:#2a707a; padding:5px; text-align:center;}



a.action-link{ width:20px !important; height:20px !important; display:inline-block; overflow:hidden; border:none; outline:none; text-align:center;}

a.action-link img{ display:inline-block; float:none;border:0}







@media screen and (max-width:1920px){.update-cancel{width:865px;}

}

@media screen and (max-width:1600px){.update-cancel{width:825px;}

}

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

	.update-cancel{width:740px;}

	.table-wrapper{padding: 2% 4%;}

	

	}

	

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

.login-box{ margin:50px auto 50px;}

.login-box .errordiv{ width:90% !important;}



}

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

.login-box{ width:250px; margin:120px auto 0px;}

}

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

.login-box{ width:250px; margin:50px auto 0px;}

}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900');
body{font-family: 'Lato', sans-serif; color:#252525;}
.login-page{position:relative; background:url(../images/index-page-header.jpg) no-repeat center top; background-size:cover;}
.login-box ul li{font-size:14px;}
.login-box a{color:#252525;}
.login-box .form-btn{float:right;}
.title-text{color:#252525; font-weight:300;font-family: 'Lato', sans-serif;}


.form-btn{background:#d3b553; border:2px solid #d3b553; cursor:pointer; border-radius:0; height:35px; line-height:35px; padding:0 20px; transition:all ease-in-out 200ms;}
.form-btn:hover{background:#2a707a;border:2px solid #2a707a;}

.form-field{background:#eee; border:0; font-size:14px; color:#999; padding:16px; border-radius:0;}

.navigation{background:#fff;}
.analytics-logo{height:108px;}
.analytics-logo img{margin:32px 3%; width:94%;}
.content-header{background:#fff;}
.profile-operations{color:#252525;}

.special-table tr:first-child td{background:#2a707a; color:#fff;}
.loading-pop{display:flex;width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6);  align-items: center;
justify-content: center; color:#fff; font-family:arial,sans;}
.loading-pop .row{width:auto; text-align:center;}
.loading-pop .row h2{margin:20px 0; font-weight:normal; font-size:20px;}
.no-sidenav .jexcel{white-space:normal;}

.no-sidenav .dataTables_length{position:absolute; top:-35px; right:0;}

.frame-wrap{width:100%; float:left; position:relative; padding:10px 0 0;}

#piechartDetails{position:relative; width:575px !important;}
.arrow1{position:absolute; top:170px; left:75px; width:100px; height:1px; background:#000;}
.arrow1:before{content:"←"; vertical-align:middle; display:inline-block; font-size:22px; position:absolute; top:-16px; left:0;}

.arrow2{position:absolute; top:170px; right:180px; width:100px; height:1px; background:#000;}
.arrow2:before{content:"→"; vertical-align:middle; display:inline-block; font-size:22px; position:absolute; top:-16px; right:0;}

.arrow3{position:absolute; top:250px; right:180px; width:100px; height:1px; background:#000;}
.arrow3:before{content:"→"; vertical-align:middle; display:inline-block; font-size:22px; position:absolute; top:-16px; right:0;}