/* ------- Main CSS Begin ------- */
/* -- Home page begin -- */

/* -- Login Popup Begin -- */
.Arrow-up {	width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; border-bottom: 15px solid #F7F7F7; top: -13px; right: 40px;}
#Login-popup{ position: absolute; right: 210px; top: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #F7F7F7; padding:20px; border:1px solid #BDC3C8; width: 280px;}
#Login-popup-inst{ position: absolute; right: 0px; top: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #F7F7F7; padding:20px; border:1px solid #BDC3C8; width: 280px;}
.Form-input{border:1px solid #E8E8E8; padding: 5px 5px; background: #FFFFFF; margin:0 0 10px; -webkit-box-shadow: 0 0 5px #ddd inset; -moz-box-shadow: 0 0 5px #ddd inset; box-shadow: 0 0 5px #ddd inset;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Form-input input{ background: #FFFFFF; border:none; padding: 8px 0px 8px 5px; width:240px; }
.Form-input .fa-envelope, .Form-input .fa-unlock-alt{ color: #E2E2E2; /*margin: 0 5px 0 5px*/}/*changes*/
#Login-popup input[type="button"].Blue-btn, #Login-popup input[type="submit"].Blue-btn{ width:100%; padding: 8px; font-family: 'museo700'; margin: 0 0 5px }
#Login-popup-inst input[type="button"].Blue-btn, #Login-popup-inst input[type="submit"].Blue-btn{ width:100%; padding: 8px; font-family: 'museo700'; margin: 0 0 5px }

a.Forgot-pass{ margin: 5px 0 0; font-size: 11px; color: #C3C3C3;}
a.Forgot-pass:hover{ color: #0A80C0;}
.Logged-text{ font-size: 11px; margin:5px 0 0; float:left; color: #C3C3C3}
#Login-popup input[type="checkbox"]{ margin:5px 5px 0 0; float:left;} 
#Login-popup-inst input[type="checkbox"]{ margin:5px 5px 0 0; float:left;} 
/* -- Login Popup End -- */


#Wrapper{min-height: 100%; margin-bottom: -40px;  }
.Container{ width: 990px; margin: 0 auto;}
.Container{ width: 1170px; margin: 0 auto;}/*change by us*/
#Home-page{ background: url(/content/admin/image/loginbg.jpg) no-repeat; background-size:cover;}
header[role="Header"]{ border-bottom: 1px solid #B1D0E5; padding: 10px 0; }
#Logo{ float: left;}
#Logo a{ background: url(/content/admin/image/logo.png) no-repeat; width:101px; height: 56px; float: left;}
#Header-login{ float:right; padding: 10px 0 0; position:  relative;}
#Content-body{ padding-bottom: 52px;}
#Login-form{ padding: 50px 0 0;}
#Login-form hgroup { text-align:center; font-size:40px; }
#Login-form hgroup h1.tagline { color:#001e2e; font-weight:bold; font-family:'ralewaybold' }

 /*#Login-form .Form-container{background: rgba(0,111,171,0.25); padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:30px 0 20px;}*/

 #Login-form .Form-container {
    background: rgba( 1, 41, 91, 0.8);
    padding: 20px;
    border-radius: 0;
    opacity: 1;
    width: 70%;
    margin: 25px auto;
}
.Form-group{ padding: 8px 0; }
.Form-left{ float:left; width: 48%; padding-right: 4%;}
.Form-right{ float:left; width: 48%;}

.Form-group input[type="text"], .Form-group input[type="password"]{ background: #F7FBFE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; border: none; width: 92%; margin-bottom: 8px;}
.Iphone-icon{ background: url(/content/admin/image/apple-icon.png) no-repeat; width: 41px; height: 45px; display: inline-block;}
.Android-icon{background: url(/content/admin/image/android-icon.png) no-repeat; width: 41px; height: 45px; display: inline-block;}
/*input.Start-btn{ margin-left: 20px; text-transform: uppercase; background: #042538 url(/content/admin/image/arrow.png) no-repeat 90% center; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 40px 10px 20px; font-size: 16px; border: none; cursor: pointer;}
input.Start-btn:hover{ background: #114966 url(/content/admin/image/arrow.png) no-repeat 90% center;}*/

#Login-form .field-validation-error {
    color: #FFF;
}

input.Start-btn {
    margin-left: 20px;
    text-transform: uppercase;
    background: #FFF;
    color: #001e2e;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 0 12px 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 60%;
    margin: 20px auto;
    display: block;
    font-family: 'ralewaysemibold';
}

#Login-form .form_container_title {
    font-size: 19px;
    text-align: center;
    color: #FFF;
    margin: 20px 0;
    font-family: 'ralewaysemibold';
}

footer[role="Footer"]{ height: 40px; background: #ececec ; line-height: 36px; text-align: center; color: #666}
#Social-links{   display: inline-block;}
#Social-links li{ display: inline-block; }
#Social-links li a{ display: inline-block; color: #676767; margin:0 0px 0 5px ; }
#Social-links li a:hover .fa-facebook-square{ color: #3B5B98}
#Social-links li a:hover .fa-twitter-square{ color: #23A8E1}
#Social-links li a:hover .fa-linkedin-square{ color: #117AB4}
#Social-links li a:hover .fa-google-plus-square{ color: #CE3633}

#Social-links li a i{ font-size: 16px;}

/* -- Home page end -- */
/* -- App page begin -- */

.Header-inner{ background: #fff}
#Header-app-options{ margin: 10px 20px 0 70px; float: left; width:700px;}
.My-app-text{ float:left; padding: 8px 5px 0; font-size: 14px; color: #84868e}
form Select {float:left; margin: 0 5px 0 0; -webkit-appearance: none; -moz-appearance: none; background: #FFF url(/content/admin/image/down-arrow_new.svg) no-repeat 98% center;background-size: 15px; text-indent: 0.01px; text-overflow: ""; border-radius: 5px;	padding: 8px 5px;	width:260px;  font-family: 'museo300'; font-size: 15px; padding-right: 44px;}
form.coursechoice Select::-ms-expand {	display: none; }
form select.balck {	background-color: #fff;}
form select.option3 {	border-radius: 10px 0;}
#Header-app-options .Edit{background: url('/content/admin/image/edit-app-icon.png') no-repeat left center;padding: 11px 15px 10px 30px;border-right: 1px solid #d4d4d4;},#Header-app-options .New{color: #666;float: left;margin: 0px 10px 0;font-size: 16px;font-family: 'museo300';}
#Header-app-options .New {background: url('/content/admin/image/add.svg') no-repeat left center;padding: 11px 0 10px 30px;  background-size: 23px 23px;}
#Header-app-options .Edit, #Header-app-options .New, a#deleteAppBtn { color:black; } 
#Header-app-options .Edit:hover, #Header-app-options .New:hover, a#deleteAppBtn:hover{ color: #0A80C0;}
.Edit .fa-pencil-square, .New .fa-plus-circle{ margin:0 5px;}

#Header-app-options .headbtn{float:left; padding-right: 10px; margin-left: 10px;  border-right: 1px solid #d4d4d4; font-family:'ralewayregular'; font-size: 13px; line-height: 0.9; }
#Header-app-options .headbtn:last-child{border:none;}

.My-profile{ float: right; margin:20px 0 0; position: relative; }
.My-profile a{ color: #B3B3BF; font-size: 14px; }
.My-profile a:hover, .My-profile a.Profile-active{ color: #666}

/* Logout Popup begin */
#Logout-dropdown{    display: none; box-shadow:0 0 3px #ccc;  position: absolute; right: 0; top: 25px;  z-index: 1; text-align: center;  }
#Logout-dropdown a{ padding:7px; width: 100px; display: block; color: #666; background: #fff;  }
#Logout-dropdown a:hover{ background: #f7f7f7; color: #000;}
/* Logout Popup end */

.Inner-page-container{ background: #fff; margin-top: 10px;}
.Inner-content{ padding: 50px 40px;}

#App-name-container{ float: left; padding: 10px; width: 483px; padding:50px 120px 0;}
.App-textbox{ padding: 5px; border: 1px solid #D0D0D0; width: 100%; height: 34px; text-align: center; margin:0 ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000;  font-family: 'museo300'; font-size: 20px; padding-right:0px; padding-left:0px;}
.App-textbox::-ms-clear { display: none;}
.Add-icon{ text-align: center; width: 299px; margin:60px auto; font-size: 16px; position:relative;}
.Add-icon a{ float: left; text-align: center; margin:0 30px 0; color: #6A6A6A;  color: #6A6A6A;  }
#App-name-container .fa-plus, #App-name-container img{ font-size: 82px; border: 1px solid #ddd; padding: 13px 10px; width: 80px; height: 74px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 0 0; }
#App-name-container img{ padding:0; width: auto; height: 100px;}
#App-name-container img.Plus-img{ height: 60px; padding: 20px;}
.Btn-container{ margin:47px 0 0; text-align: center;}
.Btn-container input{ margin:0 20px ; min-width: 160px; height: 40px;}
#Mobile-chapter-list .App-list{ padding: 130px 0 0}
#App-div #Mobile-chapter-list .App-list{ padding:0; position:absolute; left:35px; top:73%;}

#ImgInp{height: 107px; left: 350px; top: 350px; opacity: 0; position: absolute; width: 105px; cursor: pointer;}
#App-name-container img#Add-img{ width: 102px; height:102px; float:left}

/* Sidebar Begin */
#Sidebar{ float: right; width: 300px; text-align: center; position:relative; top:-20px; }
#Chapterdiv #Mobile-preview{ float: right; background: url('/content/admin/image/mobile.jpg') no-repeat; width: 300px; height: 650px; margin:0 0 20px;}
#feature-div #Mobile-preview{ float: right; background: url("/content/admin/image/mobile.jpg") no-repeat; width: 300px; height: 580px; margin:0;}
#AddNewChapterdiv #Mobile-preview{ float: right; background: url("/content/admin/image/mobile.jpg") no-repeat; width: 300px; height: 650px; margin:0 0 20px; position:fixed; }
#App-div #Mobile-preview{ float: right; background: url("/content/admin/image/mobile_default1.jpg") no-repeat; width: 370px; height: 700px; margin:0 0 20px;}
#Mobile-preview{ float: right; background: url("/content/admin/image/mobile.jpg") no-repeat; width: 300px; height: 650px; margin:0 0 20px;}
#App-div #Mobile-preview .Sidebar-content{background:none !important;}
/* Sidebar End */

/* -- App page end -- */

/* -- Design page begin -- */

#Design-container{ width: 710px; padding: 0 20px; }
header[role="Color-picker"]{ margin:20px 0 0; }
header[role="Color-picker"] ul{}
header[role="Color-picker"] ul li{ float: left; width: 50%; border: 1px solid #d4d4d4; padding: 15px 20px; font-size: 14px; color: #666666; text-align: center; box-sizing:border-box;}
header[role="Color-picker"] ul li span{ margin:10px 10px 0 11px; float: left;}

header[role="Color-picker"] .sp-preview{ height: 26px; width: 107px !important;}/*Color Picker Heading Style*/ 
header[role="Color-picker"] .sp-replacer{  width: 125px;display: inline-block;}/*Color Picker Heading Style*/
 header[role="Color-picker"] .sp-dd {line-height: 26px;}



.Sidebar-content.Mobile-background{ background: #F2F2F4;}
.Content-table{ margin:45px 0 0; }
.Phone-data-container{ height: 230px;}

#Mobile-preview .Phone-data-container { height:280px; }
.Grid-data{ width: 100%; text-align: left;     border-bottom: solid 4px #f1f1f1;}
.Grid-data tr{}
.Grid-data tr th{ text-transform: uppercase; font-size: 13px; font-family: 'ralewaybold'; color: #666666; background: #f1f1f1; padding:12px 10px;}
.Grid-data tr td{ padding: 12px 10px;     border-bottom: 1px solid #f1f1f1;}
.Grid-data tr td select{ padding: 4px; border:1px solid #ddd; width: 200px; color: #666 }
.Grid-data tr td:nth-child(1){ font-family: 'ralewaybold'; color: #666666; text-transform: uppercase; padding-left:37px;}

.Grid-data tr td select.Font-size{ width: 80px; }
footer .Container { padding-top:2px; }
.Sidebar-content{ background: #fff; width: 245px; margin: 66px auto 0; height: 429px; position:relative; overflow:hidden;     margin-left: 29px;}
.Sidebar-content h3{ text-align: center; text-transform: uppercase; font-size: 18px; padding:0 10px; background: #ccc; margin:0 0 4px;height: 50px; line-height: 50px;}
#Chapterdiv .Sidebar-content h3 { height: 38px; line-height: 38px; color:#FFF; }
#feature-div #Mobile-preview .Sidebar-content h3{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 10px; text-align: center; text-transform: uppercase; font-size: 18px; padding:0 10px 0 10px; background: #ccc; margin:0 0 4px;height: 38px; line-height: 38px;}
#feature-div #Mobile-preview #Header-content {position:relative;}
#feature-div #Mobile-preview #Header-content::before {
    content:'<'; 
    font-size:13px;
    margin-left:5px;
    left:0;
    position:absolute;
    font-weight:bold;
    font-family:inherit !important;
    display: none;
}
._back_arrow {
    font-size: 13px;
    margin-left: 5px;
    left: 0;
    position: absolute;
    top: 13px;
    color: #ffffff;
}


.Tab-container{}
.Tab-container li{ float: left; width: 15%; padding: 2%; margin-left:2px; background: #ccc}

#feature-div #Mobile-preview .Tab-container li {     min-height: 30px;    box-sizing: border-box;    width: 19.3%;    vertical-align: middle;    padding: 9px 0;   letter-spacing: 0.5px;}
#feature-div #Mobile-preview .Tab-container li:first-child { margin: 0; }
.Btn{ background: #ccc; width: 90%; margin:30px 2% 0px; border:none; padding: 7px; text-align: center; }
#feature-div #Mobile-preview .Btn {background: #ccc; width: 86.5%; margin: 20px 10px 0px; border: none; padding: 7px; text-align: center; font-size: 14px; font-family: Avenir-Black;}

.Checkbox{ border:1px solid #000; width:14px; height: 14px; display: inline-block;}
#feature-div table.Phone-data td { position:relative; padding: 4px 13px 5px 16px;    font-size: 14px; width:40px;}
#feature-div table.Phone-data span.email_label {
    margin-left: -19px;
}
#feature-div .Checkbox { border: 2px solid #333;    width: 14px;    height: 14px;    display: inline-block;    position: absolute;    left: 16px;    top: 3px;    box-sizing: border-box; }
#feature-div .Checkbox.left_align { position:absolute; left:-3px !important;}
.Checkbox.Selected{ background: #000; border:1px solid #000;}
#feature-div .Checkbox.Selected { background:#333; } 
.Phone-data{ width: 100%; text-align: left; }
.Phone-data th{ padding: 10px 16px 4px; }
.Phone-data td{ padding: 0 15px 8px; font-size:14px; }
.Check-text{ text-align: left; padding:8px 10px; font-size: 11px !important;}


.sp-preview{ width:80px !important;} /* Color Input CSS */
.sp-replacer{ width:98px;} /* Color Input CSS */
.sp-replacer sp-light{width: 125px;display: inline-block;}

/* -- Design page end -- */

/* -- Features page begin -- */

#Features-container{ width: 710px; padding: 0; }
#Features-data{ width: 100%; border:1px solid #D0D0D0; padding: 0 2px;}
#Features-data tr{}
#Features-data tr td{ padding: 10px 10px; vertical-align: middle; font-size: 16px; font-family: 'museo300'; color: #666; border-bottom: 1px solid #D0D0D0}
#Features-data tr td.Disable{ color: #d1d6da}
.Info-icon{ margin:0 5px 0 ;}

#Features-data.Grey-box{ margin: 40px 0 0; border:none;}
#Features-data .Download-media{ font-size: 18px; color:#414141; font-family: 'ralewayregular';}
#Features-data.Grey-box tr td{ background: #f1f1f1; border:none;  }

footer[role="Mobile-footer"]{ text-align: center; margin:10px 0 0; border-top:1px solid #ccc; padding:10px 0 0;}
#feature-div #Sidebar footer { background: #5C5D60; padding: 0px; margin-top:30px; width:264px; margin-left:-11px; position:absolute; bottom:0px;}
footer[role="Mobile-footer"] img{ padding: 0; width:61px;}
#Chapterdiv footer img { width: 61px;  margin:0;}
#Chapterdiv footer[role="Mobile-footer"] {  text-align: center; margin: 3px 0 0 0; border-top: 1px solid #ccc; padding: 0;  font-size: 0;}

#Features-data .featicon {
    float: left;
    margin-top: -4px;
    margin-right: 12px;
}


/* -- Features page end -- */
/* -- Chapters page begin -- */


.customdialog{width:100% !important; height:100% !important; position: fixed; left:0 !important; top:0 !important; background: rgba(0,0,0,0.7);}

#Chapters-container{ width: 710px; padding: 0 30px; }

#feature-div .checkbox-custom + .checkbox-custom-label::before{margin:0px;}

header[role="Top-bar"]{ border-bottom: 1px solid #ececec; padding: 0 0 10px 0}
header[role="Top-bar"] a.Blue-btn{ height: 32px; display: inline-block; line-height: 32px; font-family: 'museo300'; font-size: 14px; float: right}

.Sort-link{ position: relative; margin:15px 0 0; }
#Sort-chapter{ color: #666; font-size: 16px; padding: 2px; }
#Sort-chapter img{ margin: 0 0 0 10px; }
#Sort-listing{ box-shadow: 0 0 3px #ccc; background: #fff; width: 120px; position: absolute; top: 25px; font-size: 14px; z-index: 1; display:none; z-index:99}
#Sort-listing ul li{ }
#Sort-listing ul li a{ color: #666; display: block; padding: 7px 10px; border-bottom: 1px solid #eee}
#Sort-listing ul li a:hover{ color: #000}

input.Search-btn{ background: #eee url('/content/admin/image/search-icon.png') no-repeat center; border:none; padding: 12px 20px 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 5px 0 0; cursor: pointer; float: left;  }

.Chapters-list-container{  margin:20px 0 0; padding-left:13px;}
.Scroll-container{ height: 580px;}
.Chapter-list{ padding: 0px 0px;}
.Chapter-list li{ display: inline-block; margin: 0 10px 40px 0; padding: 7px; border: 1px solid #fff; width: 70px; height: 70px; text-align:center}
.Chapter-list li .chapter-text{margin-top: 8px; width: 100%; float: left; text-overflow: ellipsis; overflow: hidden;}
.Chapter-list li a{ color: #999; font-family: 'museo300'; font-size: 11px; position: relative; float: left; max-width:70px;}
.Chapter-list li a img{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;  display: block;min-height:70px;min-width:70px;}
.Chapter-text{ display: block; padding: 10px 0 0; }
.Sidebar-content .Chapter-text{ display: block; padding: 0; }
.Sidebar-content .Chapter-text {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.Chapter-list li:hover{ border: 1px solid #ccc; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.Chapter-list li a:hover{   }
.Chapter-list li a:hover > img{ opacity: 1 }
.Chapter-list li span.Chapter-icon{ visibility: hidden; position: absolute; }
.Chapter-list li:hover span.Chapter-icon{ visibility: visible; position: absolute; top: 77px; left: -8px; background: #04517F; color: #fff; width:86px;  font-size: 20px; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;}
.Chapter-list li:hover span.Chapter-icon i{ width: 44%; text-align: center; border-right:1px solid #0b689f; padding:5px 2.5%;}
.Chapter-list li:hover span.Chapter-icon i:hover{ background: #337aa3; -webkit-border-radius: 0 0 0px 7px; -moz-border-radius: 0 0 0px 7px; border-radius: 0 0 0px 7px;}
.Chapter-list li:hover span.Chapter-icon i.fa-trash:hover{ -webkit-border-radius: 0 0 7px 0px; -moz-border-radius: 0 0 7px 0px; border-radius: 0 0 7px 0px;}
.Chapter-list li:hover span.Chapter-icon i.fa-trash{ border:none; }

.Chapter-text{}
.Additional-btn{ text-align: center; width: 180px; margin:0 auto  }
.Reoder-btn, .Publish-btn{ margin:0 0 10px; display: block;}
.Chapter-list li .Check-select{ display: none;}
.Chapter-list li:hover .Check-select{ display: block; position: absolute; left: 29%; top: 23%; }

.Chapter-list li a .Check-unselect{  display: none; }
.Chapter-list li:hover .Check-unselect{ display: block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
	background: rgba(0, 0, 0, 0.5) url("/content/admin/image/chapter-unselect_new.svg") no-repeat scroll center center;background-size:30px; display: block; height: 70px; left: 0; 
	position: absolute; top: 0; width: 70px;}

.Chapter-list li.Selected .Check-select{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: rgba(0, 0, 0, 0.5) url("/content/admin/image/chapter-selected_new.svg") no-repeat scroll center center;background-size:30px; display: block; height: 70px; left: 0; position: absolute; top: 0; width: 70px; z-index: 1;}
.Chapter-count{ margin:10px 0 0;  font-family: 'museo300'; font-size: 13px; color: #666; margin-left:13px;}
/* Search Box CSS begin*/
.searchbox-area {position:relative; float:right; margin-right:10px; min-width:42px;height:42px;}
.searchbox{ position:relative; min-width:42px; width:10px; height:42px; float:right; overflow:hidden; -webkit-transition: width 0.3s;  -moz-transition: width 0.3s;  -ms-transition: width 0.3s;  -o-transition: width 0.3s;  transition: width 0.3s; }
.searchbox-input{ top:0; right:0; border:0; outline:0; background:#fff;border:1px solid #eee; width:210px; height:40px; margin:0; padding:0px 0px 0px 20px;
    font-size:20px; color:#666; box-shadow: 0px 0 0;  font-family: 'museo300'; font-size: 14px; }
.searchbox-input::-webkit-input-placeholder { color: #666; }
.searchbox-input:-moz-placeholder { color: #666; }
.searchbox-input::-moz-placeholder { color: #666; }
.searchbox-input:-ms-input-placeholder { color: #666; }
.searchbox-icon,
.searchbox-submit{ width:42px; height:42px; display:block; position:absolute; top:0; font-family:verdana; font-size:22px; right:0; padding:0; margin:0; border:0;
    outline:0; line-height:42px; text-align:center; cursor:pointer; color:#dcddd8; background:#f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border-radius: 5px;}
.searchbox-open{ width:250px;}
/* Search Box CSS end*/
#Mobile-chapter-list{ height: 300px; overflow: auto; padding: 10px 0; /*box-sizing:border-box;*/}
#Chapterdiv #Mobile-chapter-list { height:342px; padding:0;}
#App-div #Mobile-chapter-list { height:420px; position:relative;}
#Mobile-chapter-list ul{     display: table-cell;    vertical-align: middle; }
div#mCSB_1_container {width: 100%;    height: 100%;    display: table;}/*change by us*/
/*#mCustomScrollbar _mCS_2 mCS_no_scrollbar{height: 300px;overflow: auto;padding: 10px 0;}*/
/*#mCustomScrollbar _mCS_3 mCS_no_scrollbar{height: 300px;overflow: auto;padding: 10px 0;}/*change by us*/
#Mobile-chapter-list ul li{ display: inline-block; margin:0 5px; }
#Mobile-chapter-list ul li span.Chapter-text{ color: #999; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 55px;}
#Mobile-chapter-list ul li img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 55px;}


#Mobile-chapter-list ul#Mobile-list{ padding: 0 0 0 10px}
#Mobile-chapter-list ul#Mobile-list li{ width: 62px; height: 92px; float: left; overflow: hidden;}
#Mobile-chapter-list ul#Mobile-list li:nth-child(3n+3){ clear: right;}

.Publish-btn{ background: #84B750 url('/content/admin/image/earth-icon.png') no-repeat 38px center; background-size: 22px; color: #fff; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-family: 'museo700'; padding: 8px 10px; font-size: 16px; text-indent: 22px}
#Chapterdiv #Sidebar .Publish-btn { background-image:none; text-indent:0;}
/* Reorder Chapters Popup begin */
#my_popup_background{ opacity: 0.8 !important;}
#my_popup{ background: url('/content/admin/image/reorder-chapter1.png') no-repeat center 28px;; width: 296px; height: 632px; }

.My-popup-list{ }
#Reorder-chapter-list{ width: 275px; height: 430px; margin:97px 0 0;}
#Reorder-chapter-list ul{ padding:0 0 0 30px;  }
#Reorder-chapter-list ul li{ display: inline-block;  margin:0px 8px; text-align:center; width: 62px;
    height: 92px;
    float: left;
    overflow: hidden;}
#Reorder-chapter-list ul li:nth-child(4n+4){ margin-right: 0px;  }
#Reorder-chapter-list ul li img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 60px;}
#Reorder-chapter-list ul li span.Chapter-text{  color: #999; font-size: 12px; padding: 0; overflow: hidden; text-overflow: ellipsis; margin-top: 6px; white-space:nowrap;}
#my_popup .Btn-container input{ min-width: 136px; height: 40px; margin:25px 5px 0;}

/* Reorder Chapters Popup end */


/* -- Chapters page end -- */

/* -- Add New Chapter begin -- */
#Bread-crumb{}
#Bread-crumb li{ float: left; color:#666666; padding: 0 3px;  }
#Bread-crumb li a{ float: left; color: #0981cb}

#Chapter-add-form{ padding: 20px 0}
#Chapter-add-form fieldset{ padding: 10px 0 0}
#Chapter-add-form fieldset > label{ float: left; width: 30%; font-size: 16px; color: #666; margin: 15px 0 0; text-transform: uppercase;}
#Chapter-add-form .Tab-content fieldset label{width: 100%;font-size: 13px;margin: 0;}
#Chapter-add-form fieldset .Form-field{ float: left; width: 70%; position: relative;}
#Chapter-add-form .Tab-content fieldset .Form-field {width: 100%;}
.Form-field a{ float: left;}
em{ font-size: 11px;}
.Form-field .Plus-icon{ border:1px dotted #C3C3C3; height: 50px; padding: 7px; margin:0 15px 0 0  }
.Form-field input[type="text"],.Form-field input[type="passoword"]{ border: 1px solid #d4d4d4; padding:11px 2%; width: 96%; color: #666;}
.Form-field select{ border: 1px solid #d4d4d4; padding:11px 2%; color: #666; font-family: 'museo300';}
.Form-field input[type="text"].Abbr-input{ width: 76%; float: left;}
.Bold-text{font-family: 'museo300'; display: inline-block; margin: 5px 0 0 5px;}
.Bolder{ display: inline-block; margin: 5px 0 0}
.Input-guideline{ font-size: 11px; padding: 5px 0 0; color: #666; clear: both;}
.accordion{ margin:20px 0 0;   font-family: 'ralewaysemibold';  }
.Use-tab-text{ padding: 0 10px 5px; font-size: 13px;}
.Tab-checkbox{ background: #f1f1f1; padding: 10px}
.Tab-checkbox .checkbox-custom + .checkbox-custom-label::before, .Tab-checkbox .radio-custom + .radio-custom-label::before, .Input-checkbox .checkbox-custom + .checkbox-custom-label::before, .Input-checkbox .radio-custom + .radio-custom-label::before { margin:0 10px 0 0 }
.Tab-checkbox span{ width: 180px; display: inline-block; font-size: 13px; font-family: 'ralewaymedium';} 

#Tab-form-container{ padding:0 15px;}
#Chapter-add-form #Tab-form-container fieldset label{ width:100%; font-size: 13px; margin:0  }
#Chapter-add-form #Tab-form-container fieldset .Form-field{ width:100%;}

.Form-video{border-bottom: 1px solid #ececec; padding: 0 0 20px; max-width:665px;margin:0 auto;}
.Input-checkbox{ float: left; width: 21%;  margin: 20px 0 0 }
.Input-checkbox span{ display: block; color: #666; font-size: 13px; margin:0 0 10px;  font-family: 'ralewaybold'; }

.Video-upload{ float: right; width: 70%; padding: 0 0 0 8%; margin: 15px 0 0; border-left: 1px solid #ececec; }
.Video-txt{ font-size: 13px; color: #666}

.Video-upload .Form-field input[type="text"], .Video-upload .Form-field input[type="passoword"]{ width: 84%; float: left;}
a.Plus-video{ float: left; margin: 0 0 0 10px;  }

.Video-upload p.Input-guideline{ padding: 0}
a.Add-btn, a.Edit-btn{ background: #8C8C8C; color: #fff; padding: 1px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; margin:0 0 10px; }

.Del-icon{ color: #999; font-size: 20px !important; position: absolute; right: 10px; top: 10px; cursor: pointer;}

#Chapter-add-form .Del-icon{right: 30px;}

.checkbox-custom, .radio-custom { opacity: 0; position: absolute; }
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; }
.checkbox-custom-label, .radio-custom-label { position: relative; }
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: ''; background: url('/content/admin/image/uncheked_new.svg') no-repeat; display: inline-block; vertical-align: middle; width: 25px; height: 23px; text-align: center; }
.checkbox-custom:checked + .checkbox-custom-label:before { background: url('/content/admin/image/checked_new.svg') no-repeat; }
.checkbox-custom.disable-check:checked + .checkbox-custom-label:before{opacity:0.3}
.radio-custom + .radio-custom-label:before { border-radius: 50%; }
.radio-custom:checked + .radio-custom-label:before {  background: #ccc; }

/* -- Add New Chapter end -- */

/* -- Users Begin -- */


#User-page{}
a.Publish-lg-btn{ background-color: #84B750; color: #fff; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-family: 'museo700'; padding: 16px 0px; font-size: 18px; width: 432px; display: block; text-align: center; margin:0 auto; width:45%; margin:0 2.25%; float:left;}
a.Publish-lg-btn#ios_button { background: #84B750;/*background: #84B750 url('/content/admin/image/apple-icon.png') no-repeat 6% center;*/ background-size: 30px;}
a.Publish-lg-btn#android_button { background: #84B750; /*background: #84B750 url('/content/admin/image/android-icon.png') no-repeat 8% center;*/ background-size: 30px;}
a:hover.Publish-lg-btn{ background-color: #91c859;}
p.Publish-text{ text-align: center; font-size: 18px; font-family: 'ralewaymedium'; color: #666; padding: 20px 0;display: block;  clear: both; }

.Invite-form-container{ padding: 30px;}

#Invite-left{ float: left; width: 62%; padding: 0 4% 0 0;}
.Invite-form-container label{  font-family: 'ralewaysemibold'; font-size: 13px; color: #666; padding: 0 0 2px 10px; display: block; }
.Invite-form-container .Form-field{ margin:0 0 5px;  }

.Invite-form-container .Form-field input[type="text"], .Invite-form-container .Form-field textarea, .Invite-form-container .Form-field select{ width: 326px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'ralewayregular'; font-size: 18px; color: #6a6a6a;  border: 1px solid #d4d4d4  }
.Invite-form-container .Form-field select.Learning-select{ width: 280px !important; }
.Invite-form-container .Form-field select, .Invite-form-container .Form-field input[type="text"]{ margin:0 0 20px }
#Invite-right Select.Learning-select{ margin: 0 0 20px}
 .Invite-form-container .Form-field textarea{ height: 100px; width: 96%;  border:2px solid #808080; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-family: 'ralewaylight'; font-size: 13px; color: #666; padding: 10px;}
.Input-guidlines{ font-size: 11px; color: #666; text-align: right; letter-spacing: 0px;}
.Form-field a.Edit-btn{ float: none; margin:5px 0 0; display: inline-block;}
a.Plus-group{ color: #666; font-size: 34px; margin:2px 0 0 20px; }
 .Invite-form-container .Form-field select.Expiration-select{ width: 344px;}

#Invite-right .Blue-btn{ height: 46px; margin: 30px 0 0; min-width: 220px}
#Invite-right{ float: right; width: 34%}

#Invite-right Select, .Tab-content Select{  margin: 0 5px 0 0; border: 0 !important; -webkit-appearance: none; -moz-appearance: none; background: #fff url(/content/admin/image/down-arrow_new.svg) no-repeat 98.5% center;background-size: 18px; width: 100px; text-indent: 0.01px; text-overflow: ""; color: #666 !important; border-radius: 5px;	padding: 11px 5px;	width:344px;  font-family: 'museo300'; font-size: 18px; border:1px solid #d4d4d4 !important;}

.Table-data{ border: 1px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; margin: 40px 0 0 } 
.Table-data table{ width: 100%}
.Table-data table tr{}

.Table-data table tr .header{ background: #f2f2f2 url('/content/admin/image/sorting-arrow_new.svg') no-repeat 90% center;background-size: 7px; color: #333333; padding: 17px 10px 15px; border-bottom: 1px solid #E9E9E9; text-transform: uppercase; font-family: 'ralewaysemibold'; text-align: left; cursor: pointer;}
.Table-data table tr .headerWithoutImg{ background: #f2f2f2 no-repeat 90% center;background-size: 7px; color: #333333; padding: 17px 10px 15px; border-bottom: 1px solid #E9E9E9; text-transform: uppercase; font-family: 'ralewaysemibold'; text-align: left; cursor: pointer;}

table.tablesorter thead tr .header{ }
.Table-data table tr td{ padding: 8px 10px; font-size: 12px; color: #666; font-family: 'ralewaymedium'; border-bottom: 1px solid #E9E9E9;font-weight:normal;max-width: 240px;overflow-wrap: break-word;}
 
.Status-btn{  color: #fff; text-transform: uppercase; font-family: 'ralewaymedium'; font-size: 11px; display: inline-block; padding:5px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.Status-btn.Enable{background: #0981cb;}
.Status-btn.Disable{background: #C1C1C1; color: #fff !important}

header[role="Data-header"]{ padding: 15px 0 20px}
header[role="Data-header"] span{ font-size: 12px; color: #666; font-family: 'ralewaysemibold'; }
header[role="Data-header"] select{ margin:0 5px;  border:1px solid #d4d4d4; padding: 6px 5px; width: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666 }
header[role="Data-header"] .Search-data{ border:1px solid #d4d4d4; padding:9px 5px; width: 230px; margin:0 0 0 5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666}

footer[role="Footer-pagination"]{   margin: 0px 0 10px;}
.Result-page{ padding: 0px 0 0 10px; font-size: 12px; color: #666;     margin-top: 17px;}
footer[role="Footer-pagination"] ul{ padding: 10px 10px 0;}
footer[role="Footer-pagination"] ul li{ font-size: 13px; color: 666; float: left; padding: 0 0 0 2px; }
footer[role="Footer-pagination"] ul li a{ color: #666; background: #f2f2f2; float: left; padding:8px 10px; min-width: 18px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
footer[role="Footer-pagination"] ul li a:hover, footer[role="Footer-pagination"] ul li a.Current{ color: #fff; background: #8e8e8e;}
footer[role="Footer-pagination"] ul li a.Deactivate{ background: none; color: #666; cursor: default;}
input.Blue-btn.inactive {
    background: grey;
    cursor: initial;
    opacity: 0.3;
    /*pointer-events:none;*/
}
input.Blue-btn.inactive:focus{box-shadow:none}

.Add-select-grp{ background: #fff; width: 300px; padding: 20px 30px 40px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Add-select-grp .Btn-container input{min-width: 136px; height: 40px; margin:0px 5px 0; width: 85%;}
a.close-icon{ position: absolute; /*right: 10px;*/ right: -24px; width: 48px; height: 48px; /*width: 25px; height: 25px;*/  top: -20px; text-align:center; /*top: 12px;*/ color: #777;  font-weight: 700; font-size: 16px; }
 .Add-select-grp h2{ color: #666; font-family: "ralewaymedium"; font-size: 18px; padding: 20px 0; text-align: center;}
 .Add-select-grp input[type="text"] { border: 1px solid #d4d4d4;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #555; font-family: "museo300"; font-size: 14px; height: 30px; 
    padding:3px 5px; text-align: center;  width: 80%;}
 .Add-select-grp .Btn-container{ margin:20px 0 0;}


/* -- Users End -- */
 /*Forgot Password begin*/ 
 .Forgot-password{ text-align: center; min-height: 500px;}
 .Forgot-password h2{ color:#666;  font-size: 30px; font-family: museo700; font-weight: 300; padding: 35px 0 30px 0}
 .Forgot-password p{ padding: 5px 0 0; font-size: 14px; color: #777; }
 .Forgot-password p input.forgot-input{ border: 2px solid #dadada; border-radius: 5px; color: #000; font-family: "museo300"; font-size: 16px; height: 38px; margin: 0 0 0px; padding: 5px; text-align: center; width: 30%; height: 30px; }
 .Forgot-password .Btn-container{ margin:10px 0 0;}
 .Forgot-password .Btn-container input{ width: 31%; text-transform:initial; font-family: 'museo700'; }
 /*Forgot Password end*/ 
/* ----- Instructor Begin  ------ */
#Instructor-container{}
#Instructor-container .Form-field{ float: left; }
#Instructor-container .Form-field select{font-family: 'ralewayregular'; margin: 0 12px 0 0; border: 0 !important; -webkit-appearance: none; -moz-appearance: none; background: #e5f2fa url(../../admin/image/drop-list-arrow.png) no-repeat 95% center;  text-indent: 0.01px; text-overflow: ""; color: #666 ; border-radius: 5px;	padding: 0px 5px; height: 43px; width:230px; font-size: 14px; border:1px solid #bcd6e7 !important ; color: #4d7c98}
.Reset-btn{ border:1px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 11px 25px;  float: left; font-size: 16px; color: #6A6A6A; }
.Reset-btn .fa-undo{ margin:0 10px 0 0; }
:hover.Reset-btn{ background: #efefef}
.activeCal{display:block !important}

/* -- Notification Begin -- */

.Textarea-field{ margin:15px 0 0 }
.Textarea-field textarea{ height: 100px; width: 97.75%;  border:2px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-family: 'ralewaylight'; font-size: 13px; color: #808080; padding: 10px;}
#Notification-buttons{ padding:20px 0 }
#Notification-left{ float: left;}
.Not-txt{float: left; margin:10px 10px 0 0; color: #6A6A6A; font-size: 16px; }
.Not-opt{ border:1px solid #d4d4d4; padding: 0 0 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; }
.Not-opt a{ float: left; margin:0 5px 0 0;  background: url("../../admin/image/unchecked_icon.svg") no-repeat scroll 80% center; background-size:27px; padding: 10px 50px 10px 10px; color: #6A6A6A; font-size: 16px; border-right:1px solid #d4d4d4;}
.Not-opt a.Active{ background: url("../../admin/img/checked.svg") no-repeat scroll 80% center; background-size:27px;}
#Notification-right{ position: relative;}
#Notification-right .Blue-btn{ font-size: 14px; background: #055e95; padding: 10px; min-width:170px; font-family: 'museo300'; }
#Notification-right .Border-btn{ background: none; border:2px solid #055e95; color: #055e95; padding:8px; cursor: pointer; position:relative;}
#Notification-right .Border-btn img{ margin:0 5px 0 0 }
#Notification-right .Blue-btn i{ padding:0 10px 0 0; font-size: 18px;  }
#hiddenField{ display: none; }
 #Notification-right .datepicker{height: 36px; opacity: 0; position: absolute; right: 0; top: 0;  width: 165px; cursor: pointer;}
#Notifcation-page{ margin: 40px 0 0px; border: 1px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
.Notification-tab{ }
.Notification-tab ul{}
.Notification-tab ul li{ float: left; width: 50%; text-align: center;}
.Notification-tab ul li a{ float: left; width: 100%; background: #F2F2F2; font-size: 18px; color: #767676; font-family: 'museo300'; padding: 15px 0 ; text-transform: uppercase;  }
.Notification-tab ul li a.Sent-Notification{ background: #F2F2F2 url('../../admin/image/sent-notification.png') no-repeat 28% 10px; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0 }
.Notification-tab ul li a.Schedule-Notification{ background: #F2F2F2 url('../../admin/image/schedule-notification.png') no-repeat 24% 10px; -webkit-border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; border-radius: 0px 5px 0 0 }
.Notification-tab ul li a i{ margin:0 10px 0 0;}
.Notification-tab ul li a:hover, .Notification-tab ul li.Current a{ background: #0085CC; color: #fff;}
.Notification-tab ul li.Current a.Sent-Notification, .Notification-tab ul li a:hover.Sent-Notification{ background: #0085CC url('../../admin/image/sent-notification-active.png') no-repeat 29% 10px}
.Notification-tab ul li.Current a.Schedule-Notification, .Notification-tab ul li a:hover.Schedule-Notification{ background: #0085CC url('../../admin/image/schedule-notification-active.png') no-repeat 25% 10px}
.Notification-tab ul li a:hover i{ color: #fff;}
#Notifcation-page .Table-data{ margin:0 ; padding: 0; }
#Notifcation-page .Table-data tr td{ padding: 10px;}
input.Grey-btn{ background: #8C8C8C; border:none; color: #fff; text-transform: uppercase; font-family: 'ralewaymedium'; font-size: 11px; display: inline-block; padding:5px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
input.Grey-btn:hover{ background: #6A6A6A}
.xdsoft_datetimepicker .Blue-btn, .xdsoft_datetimepicker .Black-btn{ min-width: 145px; font-family: "museo300"; font-size: 14px; height: 36px; line-height: 28px; text-transform:uppercase !important; }
.Date-box{ font-size: 20px;  font-family: "museo700"; color: #6A6A6A; padding: 5px 0 !important}
.Date-btn{ padding: 10px 0 !important; clear: both;}

/* -- Notification End -- */
/* -- Comments Begin -- */

#Comment-box{ margin: 20px 0; background: #f1f1f1; padding: 20px 20px 15px; border-top: 2px solid #ebebeb}
.Profile-pic{ float: left; width: 68px; height: 68px;}
.Profile-pic img{ border: 1px solid #ebebeb;}
.Comment-area{ float: left; width: 92%; padding: 0 0 0 1%;}
.Comment-area h3{ font-size: 14px; color: #666; font-family: 'museo300'; padding: 0 0 4px}
.Comment-area textarea, .input-box{ width: 98.8%; color: #999; padding: 5px; height: 35px; font-size: 11px; font-family: 'ralewaymedium'; border: 1px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.Comment-area .Input-guidlines{ text-align: left;}
.Post-btn{ float: right;}
.Comment-people{ background: #e5f2fa; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin:20px 0 0;}
ul.Comment-list-title{ padding: 10px;  }
ul.Comment-list-title li{ float: left; /*border-right: 1px solid #4d606c*/; padding: 0 7px; }
ul.Comment-list-title li:nth-child(3){ border: 0px solid #000 !important;}
ul.Comment-list-title li a{ float: left; font-size: 14px; font-family: 'ralewaymedium'; color: #4d606c; }
ul.Comment-list-title li a:hover, ul.Comment-list-title li a.Current{ color: #161f25}
.Comment-list{ background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #bcd6e7;  }
.Comment-list ul{}
.Comment-list ul li{ padding: 20px 20px 20px; border-bottom: 1px solid #bcd6e7; position:relative; }
.Comment-list ul li:last-child{border-bottom: 0px none; -webkit-border-radius: 0 0 5px 5px -moz-border-radius: 0 0 5px 5px border-radius: 0 0 5px 5px}
.Comment-list ul li:last-child span.Comment-arrow{ display:none;}
.Comment-list ul li span.Comment-arrow{ background: url('../../admin//image/comment-arrow.jpg') no-repeat 0 bottom; position:absolute; width: 10px; height: 10px; left: 45px; bottom: -1px }
.Comment-img{ float: left; width: 54px; height: 54px; border: 3px solid #fff; box-shadow: 0 0 1px #999;  }
.Comment-text{ float: left; width: 750px; margin:0 10px; }
.Comment-text h3{ color: #5c92b6; font-family: 'ralewaybold'; font-size: 12px;}
.Comment-text p{ font-size: 12px; color: #888; padding: 5px 0; width: 93.5%;}
.Comment-text p.Date-text{ font-size: 11px; color: #c1bfbf; padding: 0}
.Post-btn-container{ float: right; padding: 15px 0 0; width: 218px;}
.Post-btn-container input.Blue-small-btn{ padding: 4px 10px}
.Post-btn-container input{ margin: 0 0 0 5px }
.Private{ background: #049648; color: #fff; font-size: 9px; padding: 1px 10px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.Reply-container{ margin: 0 0 0 70px;}
.Reply-container .Comment-area{ width:88%;}
.Reply-container #Comment-box{ padding: 10px; margin: 10px 0 0}
.Reply-container .Comment-img{ width:32px; height: 32px;}
.Reply-container .Comment-area h3{ color: #5c92b6; font-family: "ralewaybold"; font-size: 12px;}
.Reply-container input.Border-small-btn, .Reply-container a.Border-small-btn, .Reply-container input.Blue-small-btn, .Reply-container a.Blue-small-btn{ padding: 3px 5px; min-width: 60px;}
.Comment-link{ margin-top: 5px;}
.Comment-link a{   color: #5c92b6; font-family: "ralewaymedium"; font-size: 11px;}
.Comment-link a i{ font-size: 14px; }
.Comment-link a i#Comment-minus{ width: 15px; }
.Reply-container .input-box{ height: 16px;}
}

.View-comments-container{ margin :10px 0 0 70px;}
.View-comments-container .Comment-text{ width: 90%;}
.View-comments-container .Comment-img{ width: 32px; height: 32px;}
.Comment-cont{ padding:5px 0 5px; border-top: 1px solid #ebebeb; margin:5px 0 0 70px }
.View-comments-container .Comment-text p{ font-size: 11px;}
.Edit-textarea{border: 1px solid #d4d4d4; border-radius: 3px; color: #999; font-family: "ralewaymedium"; font-size: 12px; width:92%; padding: 5px; height: 30px;}
.icon-cont{ } 
.icon-cont i{ color: #666666; font-size: 16px; margin: 0 0 0 3px; cursor: pointer;} 
.Del-pop-grp{}
.Del-pop-grp .Btn-container input{ width: 40%;}
.fa.fa-minus-circle.Comment-minus{ width: 15px;}

#myList .Comment-people{ display:none;}
#loadMore{text-align: center; background: #0085cc ; border: none; border:1px solid #0085cc; cursor: pointer; color: #fff; font-size: 11px; padding: 5px 10px; outline: none;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'ralewaymedium'; text-transform: uppercase; min-width: 70px; margin:20px auto 0; width: 15%;}

/* -- Comments End -- */
/* -- Endorsements Begin -- */
#Endorsements-container{ border: 1px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; margin: 40px 0 0}
.Endorse-table{ }
.Endorse-table table{ width: 100%;}
.Endorse-table table tr th{ background: #6A6A6A; color: #fff; font-size: 12px; font-family: 'ralewaysemibold'; text-transform: uppercase; padding: 10px; text-align: center; width: 11%; vertical-align: middle; }
.Endorse-table table tr th span{ display: block; min-height: 35px; }
.Endorse-table table tr th img{ }
.Endorse-table table tr.Sub-heading td{ background: #f5f5f5; padding: 20px 5px; border-top: 1px solid #ebebeb;  font-size: 32px; color: #6A6A6A; font-family: 'museo700'; vertical-align: middle;}
.Endorse-table table tr.Blank-space td{ padding: 0}
.Endorse-table table tr.Sub-heading td.Grp-stats{ font-size: 14px; font-family: 'ralewaybold';} 
.Grp-stats span{ float: left; padding:12px 0 0 5px }
.Endorse-table table tr td{ padding: 15px 10px; font-size: 12px; color: #666; font-family: 'ralewaymedium'; border-bottom: 1px solid #E9E9E9; text-align: center; } 
.Endorse-table table tr td:first-child{ text-align: left; }
/* -- Endorsements End -- */

/* ----- Instructor End  ------ */


#msgbox
{
 background-color: #fff;
 border-radius:5px; 
 display:none; 
 
 margin-left: 35px;
 height: 224px !important; 
 width: 458px !important;
 position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -229px;
    margin-top: -112px;
}
 #lblMsg
{
    color: #256778;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom:16px;
    padding-top:0px;
    padding-bottom:0px;
   /* 
margin:30px auto;
font-size: 18px; 
color: #256778; 
text-align: center;    */
}
 #msgbox .Btn-container{
     margin-top:0;
 }
 .ui-widget-overlay{display:none !important}
#msgbox div 
{
    text-align: center;
    margin: 45px auto 0; 
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    margin: 0 0 0 -50%;   
}

textarea {
    max-width:100% !important;
}

#nav li.blocked {
    pointer-events: none;
}

#design-div input#calendarbutton {
    width: 100% !important;
}

/* ------- Main CSS End ------- */



@media all and (max-width:1400px) {
    #AddNewChapterdiv #Mobile-preview {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        top: 100px;
    }
}

/****************************
   
    Daily Practice Section : 
     
****************************/

.daily_practice_section .header {
    /*background: #0171B0;*/
    background: #0A8DD3;
    padding: 15px;
    width: 98%;
    margin-top: 50px;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    background: url('/content/admin/image/dailypractice_icon.png') no-repeat #0A8DD3 left 10px center;
}

    /*.daily_practice_section .header.active {
    background: #0A8DD3;
    }*/

.daily_practice_section .header h3 {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'museo300';
    color: white;
    text-indent: 30px;
}

/*.daily_practice_section .header h3::after {
    content: '';
    height: 20px;
    width: 20px;
    display: block;
    background: url('/content/admin/image/arrow-down.png') no-repeat right center;
    float: right;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}

.daily_practice_section .header.active h3::after {
    transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -webkit-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
}*/

.daily_practice_container {
    background:#EFEFEF;
    padding:15px;
}

.daily_practice_container .Input-guidlines {
    text-align: left;
    width:90%;
    float:right;
}

.daily_practice_container .Textarea-field {
    margin:0;
}

.daily_practice_container .Textarea-field textarea {
    box-sizing:border-box;
    height:80px;
    margin-left:20px;
    width:90%;
    resize:none;
}

.daily_practice_container .action_panel {
    float: right;
    clear: both;
}

.daily_practice_container .action_panel button {
    width:100px;
    margin-left: 10px;
    outline: 0;
    border: 2px solid #0A8DD3;
    border-radius: 5px;
    background: #FFF;
    padding: 5px 20px;
    text-transform: uppercase;
    font-family: 'museo300';
    font-size: 12px;
    font-weight:bold;
    color:#0A8DD3;
    cursor:pointer;
}

.daily_practice_container .action_panel button:hover {
    background:#0A8DD3;
    color:white;
}

.dailyPractice-people{ background: #e5f2fa; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin:20px 0 0;}
ul.dailyPractice-list-title{ padding: 10px;  list-style:none; }
ul.dailyPractice-list-title li{ padding: 0 7px; }
ul.dailyPractice-list-title li:nth-child(3){ border: 0px solid #000 !important;}
ul.dailyPractice-list-title li a{ font-size: 14px; font-family: 'ralewaymedium'; color: #4d606c; }
ul.dailyPractice-list-title li a:hover, ul.dailyPractice-list-title li a.Current{ color: #161f25}
.dailyPractice-list{ background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #bcd6e7;  }
.dailyPractice-list .Post-btn-container { padding: 0; width:225px; }
.dailyPractice-list ol{}
.dailyPractice-list ol li{ padding: 20px 20px 20px; border-bottom: 1px solid #bcd6e7; position:relative; }
.dailyPractice-list ol li:last-child{border-bottom: 0px none; -webkit-border-radius: 0 0 5px 5px -moz-border-radius: 0 0 5px 5px border-radius: 0 0 5px 5px}
.dailyPractice-list ol li:last-child span.dailyPractice-arrow{ display:none;}
.dailyPractice-list ol li span.dailyPractice-arrow{ background: url('../../admin//image/comment-arrow.jpg') no-repeat 0 bottom; position:absolute; width: 10px; height: 10px; left: 45px; bottom: -1px }
.dailyPractice-img{ float: left; width: 54px; height: 54px; border: 3px solid #fff; box-shadow: 0 0 1px #999;  }
.dailyPractice-text{ float: left; width: 750px; margin:0 20px; }
.dailyPractice-text h3{ color: #5c92b6; font-family: 'ralewaybold'; font-size: 12px;}
.dailyPractice-text p{ font-size: 14px; color: #888; padding: 5px 0; width: 93.5%;}
.dailyPractice-text p.Date-text{ font-size: 11px; color: #c1bfbf; padding: 0}
span.dailyPractice-title { padding: 20px; display: inline-block; max-width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:16px; color:#555; min-height:15px; }

.dailyPractice-list input {margin-left:10px; width:100px; font-family:'museo300';}
   
.dailyPractice-list input.after_edit {
    width: 100px;
    margin-left: 10px;
    outline: 0;
    border: 2px solid #0A8DD3;
    border-radius: 5px;
    background: #FFF;
    padding: 4px 20px;
    text-transform: uppercase;
    font-family: 'museo300';
    font-size: 10px;
    font-weight: bold;
    color: #0A8DD3;
    cursor: pointer;
    box-sizing: border-box;
}

.dailyPractice-list input.after_edit:hover {
    background: #0A8DD3;
    color: white;
}

.dailyPractice-list .edit-daily-practice {
    height:40px;
    width: 100%;
    border: 2px solid #d4d4d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'ralewaylight';
    font-size: 13px;
    color: #808080;
    padding: 10px;
    box-sizing:border-box;
}
.dailyPractice-people .search_box {
    float: right;
    padding: 13px;
    position:relative;
}

.dailyPractice-people input#search_input {
    padding: 8px 5px;
    width: 200px;
    border:1px solid #CCC;
    border-radius:3px;
    color:#666;
}
.dailyPractice-people label[for='search_input'] {
    font-weight:bold;
    color:#666;
    font-size:14px;
}

.dailyPractice-people span.clear_search {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    background: white;
    padding: 9px 6px 8px;
}

.dailyPractice-list span.display_order {
    position: absolute;
    top: 25px;
    left:15px;
    font-size:14px;
}

.dailyPractice-people .wrapper {
    float:right;
    display:table;
    margin:15px;
}

.dailyPractice-people .wrapper .trigger {
    cursor: pointer;
}

.dailyPractice-people .reset_container {
    width: 150px;
    display: inline;
    float: right;
}

.dailyPractice-people button#reset_list {    
    margin: 15px;
    width: 120px;
    margin-left: 10px;
    border-radius: 5px;
    padding: 8px 0px;
    text-transform: uppercase;
    font-family: 'museo300';
    font-weight: bold;
    cursor: pointer;
    background: #888;
    color: white;
    border: 0;
    font-size: 12px;
    padding: 8px 0;
}

.dailyPractice-people button#reset_list:hover {
    background: #555;
}

.dailyPractice-people .wrapper span {
    display:table-cell;
    vertical-align:middle;
    font-size:14px;
}

.dailyPractice-people input#toggle {
max-height: 0;
max-width: 0;
opacity: 0;
}
.dailyPractice-people input#toggle + label {
    display: inline-block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #d5d5d5;
    text-indent: -5000px;
    height: 25px;
    width: 50px;
    border-radius: 15px;
    background: #FFF;
    pointer-events:none;
    cursor: pointer;
}

.dailyPractice-people input#toggle + label:before {
content: "";
position: absolute;
display: block;
height: 25px;
width: 25px;
top: 0;
left: 0;
border-radius: 15px;
background: rgba(19,191,17,0);
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.dailyPractice-people input#toggle + label:after {
content: "";
position: absolute;
display: block;
height: 25px;
width: 25px;
top: 0;
left: 0px;
border-radius: 15px;
background: white;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.dailyPractice-people input#toggle:checked + label:before {
width: 50px;
background: rgba(19,191,17,1);
}

.dailyPractice-people input#toggle:checked + label:after {
left: 25px;
box-shadow: inset 0 0 0 1px rgba(19,191,17,1), 0 2px 4px rgba(0,0,0,.2);
}

.dailyPractice-list li.highlight {
    border: 2px solid #0A8DD3;
}

.daily_practice_section.disabled, .dailyPractice-people.disabled, .daily_practice_container.disabled {
    opacity: 0.5;
    pointer-events: none;
}

li.list_item.dragging {
    background: #EFEFEF;
}

.daily_practice_container button.reset_button.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#User-page a.Publish-lg-btn { position:relative; }

#User-page i.fa.fa-apple, i.fa.fa-android {
    position: absolute;
    font-size: 22px;
    left: 20px;
}

#User-page a.Publish-lg-btn:hover i.fa { 
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
    transform: rotateY(360deg);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;    
    transition: all 0.8s ease-in-out;
}

/***************************

    Features Chapter List

***************************/

#Mobile-preview .Btn, #Mobile-preview .Phone-data-container table.Phone-data, #Mobile-preview .Check-text {
    display:none;
}

#Mobile-preview .chapterImg1 {
    width: 62px !important;
    height: 62px !important;
    border-radius: 7px;
    background-size: cover !important;
}

#Mobile-preview .chapter-list li {
    width: 62px;
    height: 92px;
    float: left;
    overflow: hidden;
    margin: 0 5px;
}

#Mobile-preview ul.chapter-list li span.Chapter-text {
    font-family:Verdana,Arial;
    color: #999;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 55px;
}

#Mobile-preview ul.chapter-list .abbrevText {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    font-size: 14px;
    margin-top: -8px;
}

#Mobile-preview ul.chapter-list {
    padding-left:10px;
    overflow:auto;
    height:310px;
    margin:5px 0 0 0 ;
}

#AddNewChapterdiv #Mobile-preview .v-calendar {
    display: none;
}
#AddNewChapterdiv #Mobile-preview .v-notification {
    display:none;
}