@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
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, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, 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 { font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
html, body, .wrapper, #wrapper, #page-content-wrapper { height: 100% }
body { line-height: 1; font-size: 14px; /* 1 */ -webkit-text-size-adjust: 1em; /* 2 */ -ms-text-size-adjust: 1em; /* 2 */font-family: 'open_sansregular'; /*background: #77838a;*/ background-color:#e5e5e5; padding-top: 70px; margin: 0;  overflow:hidden }
body.homepage { background: #77838a;  }
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*/ }
/* general purpose classes */
.cursorpointer { cursor: pointer }
.nodisplay { display: none }
.floatleft { float: left }
.floatright { float: right }
.aligncenter { text-align: center !important }
.alignleft { text-align: left }
.alignright { text-align: right }
.clear { clear: both }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.smalltext { font-size: 12px !important; color:#fff !important;}
.smalltext label { font-size: 14px !important; color:#fff !important;}
.bgnone { background: none !important }
.margin-left { margin-left: 20px; }
.margin-xs-left { margin-left: 5px; }
.margin-right { margin-right: 20px; }
.margin-leftnone { margin-left: 0px !important; }
.margin-rightnone { margin-right: 0px !important; }
.padding-leftnone { padding-left: 0px !important; }
.padding-rightnone { padding-right: 0px !important; }
.margin-topnone { margin-top: 0 !important }
.floatnone { float: none !important }
.marginauto { margin: 0px auto !important; }
.margin-bottom { margin-bottom: 30px; }
.fullwidthmargin { margin-left: 46px; }
.twopercent { margin-top: 2% }
.threepercent { margin-top: 3% }
.fourpercent { margin-top: 4% }
.no-padding { padding:0 !important;}
.no-margin { margin:0 !important; }
.padding { padding: 20px !important; }
.padding-top-botm { padding: 20px 15px !important; }
.padding-topnone { padding-top: 0px !important; }
.padding-bottomnone { padding-bottom: 0px !important; }
.margin-bottomsmall { margin-bottom: 10px; }
.margin-bottommidum { margin-bottom: 20px !important; }
.margin-rightsmall { margin-right: 10px; }
.cursorpointernone { cursor: default !important; }
.greytext { color: #333; }
.breakword { word-wrap: break-word; width: 200px; }
.nodisplay { display: none; }
.verticalmid { vertical-align: middle; }
.widthauto { width: auto !important }
.margintopsmall { margin-top: 15px; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; }
.padding-right-left{ padding-left:15px; padding-right:15px;}
.padding-all{ padding:15px !important;}
.no-cursor { cursor:default !important;}
/*  general end
--------------------------------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .form-group:before, .form-group:after { display: table; content: " "; }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .form-group:after { clear: both; }
/* headings start

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

h1, .title { font-size: 50px; font-family: 'open_sanslight'; text-transform: uppercase }
h2 { font-size: 48px; font-family: 'open_sanslight'; text-transform: uppercase; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; font-family: 'open_sanssemibold'; text-transform: uppercase; }
h6 { font-size: 0.75em; }
/* headings end
--------------------------------------------------------------------------------------------------------*/
.title { color: #aabfcb }
.subtitle { color: #323232; }
/* links
--------------------------------------------------------------------------------------------------------*/
a, button, input { outline: none !important; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover,a:focus,a:active { text-decoration: none; color: #333 }
/* links end
--------------------------------------------------------------------------------------------------------*/

/* buttons start
--------------------------------------------------------------------------------------------------------*/
button { cursor: pointer }
.btn{ font-size:24px; font-family: 'open_sanslight'; text-transform:uppercase; border-radius:0; border:0px;}
/* input type file custom css */
.fileUpload { clear: both; position: relative; overflow: hidden; margin: 0; font-family: 'open_sansregular';  font-size: 16px; color: #fff; }
.fileUpload.btn:hover { opacity:0.8; color: #fff; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); min-height:35px; }
input.upload-placeholder { background: none; border: 0; font-style: italic; color: #aaa; }
.fileUpload span a { color:#fff;}
.fileUpload span a i {margin-right:10px;}
/* buttons end
--------------------------------------------------------------------------------------------------------*/
button, input, select, textarea, .form-control { border-radius: 0;  box-shadow: none; -webkit-appearance: none;   -moz-appearance: none;   appearance: none;}
input[type="checkbox"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); font-size: 12px !important; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; }
.checkbox { display: block; min-height: 20px; font-size: 14px; font-weight: bold; font-style: italic; float: left; color: #fff; }
label.checkboxlabelin:before { background: url(../images/sprite.png) no-repeat scroll -13px -74px rgba(0, 0, 0, 0) !important; bottom: 1px; content: ""; display: inline-block; font-size: 12px !important; font-weight: normal; height: 22px; left: 0; margin-right: 6px; vertical-align: middle; width: 22px; float: left; margin-top: -5px; }
label .checkboxlabelin { display: inline-block; cursor: pointer; position: relative; padding-left: 28px; margin-right: 12px; font-size: 12px !important; line-height: 22px; font-weight: bold; color: #F00; }
label.checkboxlabelin span { display: block; overflow: hidden; }
.checkbox label.checkboxlabelin:before { font-size: 12px !important; /*border-radius: 3px;*/ }
input[type=checkbox]:checked + label.checkboxlabelin:before { background: url(../images/sprite.png) no-repeat -13px -96px rgba(0, 0, 0, 0) !important; bottom: 1px; content: ""; display: inline-block; font-size: 12px !important; font-weight: normal; height: 22px; left: 0; margin-right: 6px; vertical-align: middle; width: 22px; margin-top: -5px; }
select::-ms-expand {display: none !important;}
/*--------------------Ripple Animation---------------------*/
.ripple { overflow: hidden; }
.ripple-effect { position: absolute; border-radius: 50%; width: 10px; height: 10px; background: white; animation: ripple-animation 2s; }
 @keyframes ripple-animation {
 from {
 transform: scale(1);
 opacity: 0.4;
}
 to {
 transform: scale(50);
 opacity: 0;
}
}

/*--------------------Fonts---------------------*/
@font-face { font-family: 'open_sanslight'; src: url('/Content/fonts/opensans-light-webfont.eot'); src: url('/Content/fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-light-webfont.html') format('woff2'), url('/Content/fonts/opensans-light-webfont.woff') format('woff'), url('/Content/fonts/opensans-light-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold'; src: url('/Content/fonts/opensans-bold-webfont.eot'); src: url('/Content/fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-bold-webfont.html') format('woff2'), url('/Content/fonts/opensans-bold-webfont.woff') format('woff'), url('/Content/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('/Content/fonts/opensans-regular-webfont.eot'); src: url('/Content/fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-regular-webfont.html') format('woff2'), url('/Content/fonts/opensans-regular-webfont.woff') format('woff'), url('/Content/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('/Content/fonts/opensans-semibold-webfont.eot'); src: url('/Content/fonts/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-semibold-webfont.html') format('woff2'), url('/Content/fonts/opensans-semibold-webfont.woff') format('woff'), url('/Content/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; }
 @font-face {
 font-family: 'open_sanslight_italic';
 src: url('/Content/fonts/opensans-lightitalic-webfont.eot');
 src: url('/Content/fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('/Content/fonts/opensans-lightitalic-webfont.woff') format('woff'), url('/Content/fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('/Content/fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
    font-family: 'open_sansitalic';
    src: url('/Content/fonts/opensans-italic-webfont.eot');
    src: url('/Content/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-italic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('/Content/fonts/opensans-semibolditalic-webfont.eot');
    src: url('/Content/fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/Content/fonts/opensans-bolditalic-webfont.eot');
    src: url('/Content/fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/Content/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('/Content/fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/Content/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

 .form-control::-moz-placeholder, .form-control::-webkit-placeholder, .form-control::-ms-placeholder, .form-control::-o-placeholder {
 color: #cccccc !important;
 font-family: 'open_sansregular';
 font-size: 12px;
 font-style: italic;
 opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color:#ccc !important;
}

/*color*/
.learn-wise-bgcolor { background: #0093d0 !important; position:relative }
.learn-wise-bgcolor:hover { background: #0093d0 !important; }
.learn-wise-bgcolor:focus { background: #0093d0 !important; }
.whitecolor { color: #fff !important }
.active-text{ color:#0e9d57 !important;
    text-transform: uppercase;}
.inactive-text{ color:#72726a !important;
    text-transform: uppercase;}
.draft-text{ color:#ce8a03 !important;
    text-transform: uppercase;}
.expired-text{ color:#d22502 !important;
    text-transform: uppercase;}

.active-text a{ color:#0e9d57 !important;
    text-transform: uppercase;}
.inactive-text a{ color:#72726a !important;
    text-transform: uppercase;}
.draft-text a{ color:#ce8a03 !important;
    text-transform: uppercase;}

.expired-text a{ color:#d22502 !important;
    text-transform: uppercase;}

h1.title span {
    font-size: 18px;
    font-family: 'open_sanssemibold';
    vertical-align: middle;
    text-transform: capitalize;
}


 .btn-blue{ font-size:16px; color:#fff; display:inline-block; padding:10px 15px; line-height:1; font-family: 'open_sansregular'; }
.btn-grey{ font-size:16px; color:#fff; display:inline-block; padding:10px 15px; line-height:1; font-family: 'open_sansregular'; }

  /* for hover change */
.btn-blue:hover{ opacity:0.8;}
.btn-grey:hover, .btn-grey:focus{ color:#fff;  opacity:0.8;}
.btn-blue:hover, .btn-blue:focus{ color:#fff;}


.top-links .fav-tab.active {    border-bottom: #fff !important;}
.bg-green {background-color:#1D7044;}
/* radio and checkbox  color change*/
.input input[type='radio']:disabled:checked + label:before, .input input[type='checkbox']:disabled:checked + label:before { border-color: inherit; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#676767 !important; border-radius:0; }


/******************** site color change *********************/
.white-background{ background-color:#fff;}

section form .white-background {width:90%}
/*blue color fonts change*/
.color-blue, .table-tooltip, .sidebar-nav li ul.dropdown-toggle-menu li:hover a, .sidebar-brand:hover .icon .demo-icon, .sidebar-nav > .sidebar-brand:hover .nav-label, .sidebar-nav li:hover .toogle-arrow, .plan-idname .plan-name a:hover {color:#0093d0 !important;}

/*site color-profile change*/
.bg-blue, .bg-blue:focus, .bg-lightgrey.bg-blue, .slide-action li, .menu-item, .training-cards .card.selected, .bootstrap-tagsinput .label-info, .pick-button a, .header-right .user-profile-dropdown li a:hover, .ui-widget-header .elfinder-button, .elfinder-navbar-dir.ui-state-active, .std42-dialog .ui-dialog-titlebar, .slide-action li a, .input input[type='radio'] + label:after, .input input[type='checkbox']:checked + label:before, .checkbox-fav.check-tick input.css-checkbox[type="checkbox"]:checked + label.css-label,
.checkbox-fav.check-tick input.css-checkbox[type="checkbox"] + label.css-label.chk, .listing-table td.icon-col.selected:before  {background-color:transparent  !important;}

/*Radio checkbox */
.slide-action:before, .input input[type='radio']:checked + label:before, .training-cards .card.selected, .input input[type='checkbox']:checked + label:before { border-color:#0093d0  !important; }


/*top header color change*/
.bg-light-blue{background: #fff; }


/*grey color button change*/
.bg-grey{ background-color:#676767;}

.bg-lightgrey{ background-color:#7A7A7A;}

/*menu background change*/
#sidebar-wrapper {  background-color:#fff;}

/*menu icons color change*/
.sidebar-nav .sidebar-brand .icon .demo-icon{ color:#333333;}

/*menu caption color change*/
.sidebar-nav .nav-label, .sidebar-nav li .toogle-arrow { color:#333; }

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #ece5e5;
}