

/*! fonts */

@font-face {
    font-family: 'latobold';
    src: url('../../assets/fonts/loto/lato-bold-webfont.woff2') format('woff2'), url('../../assets/fonts/loto/Lato-Bold.ttf') format('ttf'), url('../../assets/fonts/loto/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../../assets/fonts/loto/lato-regular-webfont.woff2') format('woff2'), url('../../assets/fonts/loto/Lato-Regular.ttf') format('ttf'), url('../../assets/fonts/loto/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Light';
    src: url('../../assets/fonts/loto/Lato-Light.ttf') format('ttf'), 
    url('../../assets/fonts/loto/lato-light-webfont.woff2') format('woff2'),
     url('../../assets/fonts/loto/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sansbold';
    src: url('../../assets/fonts/OpenSans-Bold-webfont.eot');
    src: url('../../assets/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../assets/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../assets/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('../../assets/fonts/OpenSans-Regular-webfont.eot');
    src: url('../../assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{background: #F8F8F8!important;}
/*body::-webkit-scrollbar {width: 0 !important;}
body { overflow: -moz-scrollbars-none; }*/


@font-face {
    font-family: 'open_sanslight';
    src: url('../../assets/fonts/OpenSans-Light-webfont.eot');
    src: url('../../assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../assets/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.col-mf .chosen-container{width:100%!important;}

.fa-pencil{cursor:pointer!important;}



/*kk-pro-bar*/
.sr-password-blk{display:none;}
.sr-allset-blk{display:none;}
.all-set-icon{width: 40px;height: 40px;background: #288B30;color: #fff;text-align: center;margin: auto;border-radius: 50%;margin-bottom: -10px;}
.all-set-icon i{font-size: 21px;margin: 10px;}

.exp-recpopup .col-md-12 select{margin-bottom: 13px;height: 45px;border-radius: 3px;outline:none;}
.exp-recpopup .chosen-container-multi {width:100%!important;}
.exp_srh_results {position: absolute;right: 0;width: 100%;background: #fff;margin: 2px 0px 0px;overflow: hidden;top: 33px;z-index: 11;max-height: 200px;overflow-y: scroll;border: 1px solid #e4e4e4;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(255, 255, 255, 0.23);border-radius: 3px;}
.exp_srh_results ul{list-style:none;padding:0px;}
.exp_srh_results ul li{width: 100%;text-align: left;font-family: 'latoregular';display: block;height: auto;border-bottom: 1px solid #e4e4e4;margin-bottom: 7px;padding: 9px 0px;}
.exp_srh_results ul li a{ font-size: 12px;padding: 9px;color: #6a6a72;}
.exp_srh_outer{position:relative;width: 225px;float: right;margin-left:12px;}


.kk-pro-bar {clear:both;margin-top:50px;float:left;width:100%;border-bottom: 1px solid #dfdfdf;padding-bottom: 13px;margin-bottom: 29px;}
.new-progree-bar{margin-bottom: 112px;}
.text-bar-span{font-family: 'latoregular';}
.text-bar-span h4{color:#3e3e3e;font-weight:bold;font-size:14px;margin-bottom:4px;font-family: 'latoregular';}
.text-bar-span p{color: #3e3e3e;font-size: 12px;margin: 0px!important;font-family: 'latoregular';}
.channels h4 i{cursor:pointer;}
.channels h4 .fa-trash-o {
    background: #ff2010;
    padding: 6px;
    border-radius: 50%;
    color: #fff;
    margin-left: 7px;
    width: 25px;
    height: 25px;
    text-align: center;
}
.channels h4 .fa-pencil {
    background:#1cab8d;
    padding: 6px;
    border-radius: 50%;
    color: #fff;
    margin-left: 7px;
    width: 25px;
    height: 25px;
    text-align: center;
}



.dra-gcard button {
    float: right;
    margin: 4px;background: #e8e7e7;
    color: #676767;
    margin-bottom: 9px!important;
    border: 0px;min-width: 83px;
    height: 24px;
    font-weight: bold;
    font-size: 11px;
}
/*kk-pro-bar-end*/


.exp_actual_dates {background-color: #fff;width: 100%;height: auto;margin-top: 1px;overflow: auto;padding: 10px;}
#div_tab_lesson .col-md-9{padding: 0px!important;}

.apps{clear: both;list-style: none;padding: 8px 0px 0px;text-align: center;margin: 0px;}
.apps li input{width:auto!important;float:left!important;margin-right:5px;}
.apps li  {padding: 0px;display: inline-block;margin: 0px 3px;    vertical-align: top;}


.latest-act-blk-outer{padding-right:0px!important;}
.db-tabs-exp  .nav-tabs{border:0px!important;}
.db-tabs-exp  .nav-tabs li a{cursor:pointer;}
.db-tabs-exp  .nav-tabs li {width: auto!important;min-width:10%;}
.tabs_filters{text-align: right;margin: 10px 0px;}

.tabs_filters input{height: 36px;padding: 8px;background: #fff;border: 1px solid #d0cfcf;border-radius: 3px;outline: 0px;font-size: 12px;width: 186px;color:#666666;}
.tabs_filters select{height: 36px;padding: 8px;background: #fff;border: 1px solid #d0cfcf;border-radius: 3px;outline: 0px;font-size: 12px;width: 186px;color:#666666;}

.progress-pts li  b{
    color: #12bc14;
    float: left;
    width: 100%;
    font-size: 17px;
    margin-top: 2px;
}



.progress-pts li{font-size: 13px;}
.exp-live-tab .table  thead tr th{font-family: "latoregular";font-weight: normal;font-size: 13px;color: #4f4f4f;border-bottom: 0px;}
.my-acnt-link{float: right;width: auto;margin: 12px 0px 0px 16px;color: #fff;font-family: "latoregular";}
.my-acnt-link i{background: white;width: 21px;height: 21px;text-align: center;padding: 3px;border-radius: 50%;color: #3f5ac9;}
.my-acnt-link a{color: #fff;font-size: 14px;font-family: "latoregular";}

.chosen-container-multi .chosen-choices li.search-choice{margin: -2px 5px 6px 0!important;} 
.chosen-choices .search-field{height:0px;}

.inner-addon {position: relative;}
.inner-addon .fa {pointer-events: none;right: 0;top: 17px;padding-right: 6px;position: absolute;color: #a5a5a5;}
.vn-date{text-align: right;margin: 5px 22px -26px;font-size: 12px;font-weight: bold;font-family: 'open_sansregular';}

.exp-main { padding:25px 0px;}

body{background:#F8F8F8!important;}
#wrapper{margin-top:0px!important;}
footer p a{color:#fff!important;}
footer{ position:fixed;bottom:0;overflow: auto;margin-bottom:-10px;text-align: center;padding:20px 5px 1px;background: #3a3c42;clear:both;width:100%;color:#fff;font-family: "latoregular";}
.div_loader{width: 100%;background: #0808082e;position: absolute;height: 100%;z-index: 1;right: 0;text-align: center;}
.div_loader img{margin-top:190px;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;}
.table-striped {box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);}
.acount-table .table-striped thead tr td{border-right: 1px solid #dddddd;}
.acount-table thead tr td{border-right: 1px solid #dddddd;}
#main-nav{margin-right:0px !important; margin-top:0px;width:18%!important;}
#condition_met_yes {background:#3f5ac9!important;color:#fff!important;}


.ot-logos{float: left;padding: 0px;list-style: none;margin-top: 9px;}
.ot-logos li {height: auto;display: inline-block;width: 120px;vertical-align: middle;margin: 5px 6px;border-right: 1px solid grey;padding-right: 7px;}
.ot-logos li img{width:100%;}
.navbar-header{width:35%;}

.mob_nav .ot-logos{background: #646464;padding: 5px 0px 0px 9px !important;width: 100%;margin-top: 1px;height: 40px;    text-align: center;}
.mob_nav .ot-logos li {width: 100px;height:auto!important;}


.backto_exp{float: left;clear: both;width: 100%;padding-left: 14px;margin-bottom: 15px;} 
.backto_exp a{color: #666666;font-size:14px;font-family: 'latoregular'!important;}
.backto_exp a:hover{color:#666666!important;font-size: 14px!important;text-decoration:none!important;}


/*Dashboard*/
.right-content { margin-top: 0px; margin-bottom: 50px; overflow: visible; padding:0px!important;width:100%!important;}
.uo-tabs ul{list-style:none;padding:0px;}
.uo-tabs ul li{display: inline-block;margin: 0px 0px;font-family: "latoregular";background: #72b5dc;color: #fff;padding: 7px 17px;border-radius:1px;cursor:pointer;}
.pro-owner-menu ul{text-align: center;list-style: none;padding: 0px;line-height: 50px;background: white;box-shadow: 0 2px 5px rgba(241, 241, 241, 0.16), 0 2px 11px rgba(191, 191, 191, 0.23);border: 1px solid #efefef;margin-top:20px;}
.pro-owner-menu ul li:hover, .pro-owner-menu ul li:focus {text-decoration: none;background: #2ca5ff;color: #fff;transition: 0.5s;}
.pro-owner-menu ul li {display: inline-block;font-family: "latoregular";font-size: 15px;margin: 0px 10px;padding: 0px 16px;    color: #060606;cursor: pointer;transition: 0.5s;}
.find-project select {font-family: "latoregular";outline: 0px;width: 250px;padding: 8px 7px;background: #fff;border-radius: 3px;border: 1px solid #d4d4d4;color: #5f5c5c;margin-top: 7px;-webkit-appearance: menulist-button;height: 40px;outline:none;}
.day-btns  ul{padding:0px;}
.day-btns ul li{display: inline-block;font-family: "latoregular";font-size: 15px;margin: 0px 0px;background: #72b5dc;padding: 7px 10px;color: #fff;border-radius: 2px;min-width: 90px;text-align: center;cursor:pointer;}
.day-btns{margin-top:-3px;margin-bottom:5px;}
#date_range{width:100%;float:left;}
.exp-login-pop .modal-body input{vertical-align:top;}
.multi-task-blk{width: 100%;min-height:163px;background: #eaeaea;text-align: center;border-radius: 5px;border: 1px solid #e4e4e4;padding: 20px 0px;box-shadow: 0 2px 5px rgba(241, 241, 241, 0.16), 0 2px 11px rgba(191, 191, 191, 0.23);margin: 10px 0px;}
.multi-task-blk ul{padding:0px}
.multi-task-blk ul li{display:inline-block;margin:10px;font-family: "latoregular";}
.multi-task-blk ul li h3{font-size:30px;font-weight:bold;margin-bottom:5px;font-family: "latoregular";}
.multi-task-blk ul li p{color: #545454;margin-bottom:5px;}
.multi-task-blk h2{margin:10px 0px 6px;font-size:20px;font-weight:600;color:#4a4848;font-family: "latoregular";}
.multi-task-blk h3{cursor:pointer;}
.date-range-blk{width: 271px;height: 49px;background: white;border-radius: 5px;font-family: "latoregular";margin-top: 9px;}
.date-range-blk input{width: 46%;float: left;border: 1px solid #f5f2f2;outline: 0px;padding: 5px;border-radius: 4px;margin: 5px;font-size: 13px;}
.tab-active{background:#065888!important;color:#fff!important;}
.legend{height: 30px;text-align: center;padding-top: 8px;color: #000;font-size: 12px;}
.color-blk{background: #c3e2ed;padding: 4px 11px 17px;overflow: auto;}
.board-main-title h1{float:left;font-family:'latoregular';font-size: 20px;font-weight: bold;margin-top:18px;}
.board-main-title{clear:both;overflow:auto;border-bottom:1px solid #a7c7d2;padding-bottom: 4px;}
.board-main-title  select{float:right;}
.links-list  li{background:transparent!important;color:#405258!important;padding: 9px 0px!important;}
.links-list {list-style: none;padding: 0px;float: right; margin-top: 10px}
.links-list li{display:inline-block;margin: 0px 10px;font-family:'latoregular';cursor:pointer;}
.links-list .tab-active{font-weight: bold;color: #07191f!important;}
.li_tabs a {font-size: 15px!important;color: #fff!important;font-family: 'latoregular';}
.li_tabs a:hover {font-size: 15px!important;color: #fff!important;font-family: 'latoregular';}
.nw-exp-section-five{margin-bottom:0px;}
#div_process{ margin: 0px 15px;}
.user-profile {height: 170px;background: #085998;padding: 10px;text-align: center;}
.user-image {width: 100px;height: 100px;background: #fff;border-radius: 50%;border: 2px solid #fff;margin: auto;}
.user-profile h4 {font-family: 'latoregular';color: #f7f7f7;font-weight: 400;margin-top:10px;}
#user_img{border-radius:50%;height: 100%;width: 100%;}
#change-img{position: absolute;color: #fff;margin-left: 45px;top: 60px;font-size: 21px;cursor: pointer;}
.tooltip-inner{text-align:left;min-width:200px!important;}
.res_new_head{float: left;text-align: left;font-weight: bold;color: #191717;font-family: 'open_sansregular';margin-bottom: 5px;font-size:15px;padding-left: 15px;cursor:pointer;padding: 10px;border: 1px solid #d4d4d4;}
.idea_completed td{background:#d2f1d2;}
/* End of dashboard */




/*profile-tabs*/

.right-content h1{font-size:20px;color: #383636;padding-bottom: 8px;font-family: "Roboto";font-weight: bold;}
.right-content-new h1{border-bottom: 1px solid #d0cccc;}
.right-content-new{padding:17px 0px!important;}
.pav-titile .lock-icon{float:left;margin-right:10px;}
.pav-titile h2{float:left;}
.pav-titile {float:left;width:100%;margin-bottom:10px;}
.password-blk button{ float: left;margin-left: 16px;}
.profile-tabs li{text-transform:uppercase;}
.profile-tabs a{transform:0.5s;padding: 16px 20px;}
.profile-tabs a:hover,.profile-tabs a:focus{background:#2ca5ff;transform:0.5s;padding: 16px 20px;color: #fff;}
.password-blk{width: 710px;background: #fff;min-height: 200px;border-radius: 5px;padding: 13px;text-align: center;border: 1px solid #d8d8d8;box-shadow: 0 2px 5px rgba(241, 241, 241, 0.16), 0 2px 11px rgba(191, 191, 191, 0.23);font-family: "Roboto";padding-bottom: 30px;margin-top: 20px;overflow: auto;margin-bottom: 20px;}
.password-blk h2{ font-family: 'latoregular';font-size:18px;color:#4e4e4e;    margin-top: 18px;}
.lock-icon{width: 60px;height: 60px;background:#efefef;margin: auto;border-radius: 50%;text-align: center;font-size: 36px;padding-top: 12px;color: #1d5f90;}
.password-blk input{width: 100%;margin: 8px 0px;padding: 15px 10px;border-radius: 5px;outline: 0px;background: #fff;border: 1px solid #d6d5d5;}
.password-blk button{padding: 10px 20px;margin-top: 12px;background: #227dc0;color: #fff;border-radius: 3px;border: 0px; outline: 0px}


.no-met-add{width: 100%;
    margin: 28px 0px 0px;
    color: #e83f3f;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/*profile-tabs-end*/

/*acount-tab*/
.act-titile{text-align:left;overflow:auto;padding-bottom: 0px;border-bottom: 1px solid #cac9c9;}

.password-blk select {width: 100%;margin: 8px 0px;padding: 15px 10px;border-radius: 5px;outline: 0px;background: #fff;border: 1px solid #d6d5d5;}
.noplan{text-align: center;font-size: 19px;margin-top: 25px;}
.acount-table thead{background:#045896;color:#fff;    font-family: Roboto!important;font-size:16px;}
.acount-table {font-family:"latoregular";}
.acount-table th{border-right: 1px solid #d4cdcd!important;}
.acount-table .table > thead > tr > th{padding: 13px;border: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;}
.acount-table .table > thead > tr > th:nth-last-child(1) {border-top-right-radius:0px;}
.acount-table .table > thead > tr > th:nth-child(1) {border-top-left-radius:0px;}
.acount-table .table > tbody > tr > td, .table > tfoot > tr > td{padding: 16px 8px;border-right: 1px solid #d8d8d8;font-size: 13px;font-family: "latoregular";}
.acount-table .table td:nth-last-child(1){border-right:0px solid grey;}
.acount-table tbody{border-bottom: 1px solid #e4e4e4;}
.acount-table h2{font-size:18px;margin-top:15px;margin-bottom:15px;}
.acount-tb-btns .accept-btn{background: #375b76;padding: 5px 14px;border: 0px;border-radius: 18px;color: #fff;outline:0px;}
.acount-tb-btns .reject-btn{background: #e2162e;padding: 5px 14px;border: 0px;border-radius: 18px;color: #fff;outline:0px;}
.acount-table .table td input[type="radio"] {height: 22px; width: 27px;}

/*acount-tab-end*/
.exp-mom{float: left;    width: 100%;    margin-top: 9px;}
#div_metrics {margin-top:30px;}
.active-process{min-height:180px;background: white;margin-top: 7px;border-radius: 5px;border: 1px solid #ffffff;box-shadow: 0 2px 5px rgba(241, 241, 241, 0.16), 0 2px 11px rgba(234, 234, 234, 0.23);padding: 20px 0px;}
.active-process h4{text-align:center;font-family:"latoregular";border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.active-process h4 a{    background: #dfe0e5;border-radius: 50%;text-align: center;margin: -8px 6px 0px;color: #f75e70;font-size: 20px;font-weight: 900;padding: 1px 8px;}
.active-process h4 b{color:#2e6cc8;cursor:pointer;}
.active-process ul{margin-top:15px;padding:5px;list-style:none;font-family:"latoregular";}
.active-process ul li{display:inline-block;color:#3e4142;font-size:15px;font-family:"latoregular";border-right: 1px solid #bfbfbf;padding-right: 8px;}
.active-process ul li:nth-last-child(1){border:0px!important;}
.active-process ul li a{font-size:15px;color:#0808f7;}
.graph-div{background:#fff;min-height:200px;margin-top: 15px;text-align:center;}
.graph-div img{width:60%;}
.indicaters{padding-left:18px;}
.indicaters li{width:48%;text-align:left;border:0px!important;font-size:14px!important;margin-top: 5px;}
.indicaters li span{width:30px;height:30px;background: red;float: left;margin-bottom: 12px;border-radius: 50%;margin-top: -9px;margin-right: 8px;}
 
 footer p{margin-top: -8px;margin-bottom: 16px;}
.spn_exp_reasn{color: #787575;font-size:11px;font-style: italic;font-weight: normal;}
.exp-nw-vw-from input{width: 100%;height: 45px;padding: 5px;background: #fff;border: 1px solid #d6d6d6;border-radius: 4px;color: #333333;
font-style: italic;font-size: 14px;outline: 0px;margin-bottom: 10px;}
.dash_m_per{margin:5px;display: inline-block;color: #666666;text-align:center;border: 1px solid #d2d2d2;border-radius: 5px;min-height: 50px;overflow: hidden;    width: 44%;}

/*experiment-form*/

.exp-side-bar {position: fixed;background-color: #666;height: 100%;left: 0px;width: 254px;} 
.experiemnt-form{width: 800px;min-height: 500px;background-color: #fff;margin: 40px 31px;border-radius: 5px;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);}

.exp-titile-form{height:60px;width:100%;background-color:#648bff;padding: 10px 9px 0px 24px; font-family: 'latoregular';}
.exp-titile-form h2{float:left;margin-top:7px;width:100%; font-size: 26px;color: #fff;}
.exp-titile-form button{float:right;font-size: 13px;padding:12px;border-radius:4px;border:0px;background: #1d306a;color:#fff;font-family: 'latoregular';margin-top: -6px;outline:0px;}
.exp-list .col-md-8 h4{font-size:15px;}
.exp-list .col-md-4{text-align:right; font-family: 'latoregular';}
.exp-list .col-md-8{font-family: 'latoregular';}
.exp-list {background: #f4f7ff;overflow: auto;padding: 15px 10px;}
.exp-list .col-md-8 input{width: 186px;border: 1px solid #d8d4d4;padding: 9px;border-radius: 2px;outline: 0px;background:#fff;}
.exp-list .col-md-4 i{margin-left: 5px;}
.exp-list:first-child {background: #FF0}
.exp-list:nth-child(2n+3) {background:#fff}
.page-indintion {width:500px;text-align:center;margin:27px auto 0px;border: 1px solid #efefef;border-radius: 5px; padding: 0px; box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);}
.page-indintion ul{padding:0px;list-style:none;margin:0px;font-family: 'latoregular';}
.page-indintion ul li{display:inline-block;padding: 13px 18px;border-right: 1px solid #efefef;transition:0.5s; margin: auto -2px;}
.page-indintion ul li:hover{transition:0.5s;background:#648bff;color:#fff;}
.page-indintion ul .active{background:#648bff;color:#fff;}
.page-indintion ul li:nth-last-child(1) {border-right:0px;}

.exp-popup .modal-content {background: #fff;font-family: 'latoregular';border:0px;    border-radius: 5px;}


.exp-popup .modal-content .modal-header{border-bottom:0px!important;text-align:center;}
.exp-popup input[type=text]{width:100%;background: #859ba6;border: 0px;padding: 10px;height:55px;margin-bottom: 12px;border-radius:3px;outline:0px;color:#fff;}
.exp-popup select{width: 100%;background: #859ba6;border: 0px;padding: 10px;height:55px;margin-bottom: 12px;border-radius:3px;color:#fff;outline:0px;}
.exp-popup textarea{width: 100%;background: #859ba6;border: 0px;padding: 10px;min-height:102px;margin-bottom: 12px;border-radius:3px;outline:0px;color:#fff;}
.modal-backdrop{ background-color: #cecdcc!important;}
.exp-popup input::placeholder{color:#fff;}
.exp-popup textarea::placeholder{color:#fff;}
.modal-footer{border:0px!important;}
.cr-exp-btn {text-align:center;font-family: 'latoregular';}
.cr-exp-btn button{float:left;   background:#63a6db;border: 0px;color: #fff;padding: 12px;width: 190px;border-radius: 3px;font-size: 15px;outline:0px;transition:0.5s;}
.cr-exp-btn button:hover{background:#36f469;transition:0.5s;}
.exp-popup .modal-title {color: #fff;font-size: 22px; padding-top: 18px;font-family: 'latoregular';}
.exp-popup{overflow:auto;background:#ffffff;padding:20px;font-family: 'latoregular';border-radius:5px;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);}
.exp-popup h3{color:#fff;font-family: 'latoregular';font-size: 22px;margin: 0px 0px 29px;}

.nw-tasks-list{background: #fff;width: 100%;height: 836px;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(247, 245, 245, 0.23);font-family: 'latoregular';padding-bottom: 20px;overflow-y: scroll;}

.nw-tasks-list h4{padding:15px;padding-bottom: 0px;}
.nw-tasks-list input{ width: 89%;height: 44px;margin: auto;margin-left: 14px;padding: 7px;border-radius: 3px;border: 1px solid #e4e2e2;background: #fff;margin-bottom: 25px;margin-top: 9px;}
.nw-tasks-list ul{padding: 0px 18px; list-style: none;}
.nw-tasks-list ul li{display:block;border-bottom: 1px solid #e8e0e0;padding-bottom: 5px;margin-bottom:10px;}
.nw-tasks-list ul li h5{margin:0px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.nw-tasks-list ul li p{margin:5px 0px 0px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.drag-div{height: 617px;border:3px dotted #c3c3c3;width: 100%;padding: 10px;margin-bottom: 12px;overflow: auto;}
.drag-div b{background: #7bf6f2;padding: 6px 5px;border-radius: 3px;margin-top: 0px;float: left;margin-right: 5px;min-width: 101px;}
.nw-tasks-list ul li b i{display:none;}
.drag-div b i{display:block;float:right;font-size: 11px;}
.drag-div p{text-align: center;position: absolute;left: 0;right: 0;top: 250px;    color: #464545;font-size: 15px;}
.cr-tsk-btn button{float: left;background:#4dd67a;border: 0px;color: #fff;padding: 9px;width:100%;border-radius: 3px;font-size: 20px; outline: 0px;transition: 0.5s;}
.cr-txt p{color: #151413;text-align: right;font-size: 13px;margin-top: 0px !important;font-family: 'latoregular';}
.cr-txt {padding-right:0px!important;}

#sel_ids .active{background: #ff8201;}
#task_results .active{border: 2px solid #ff8201;padding: 10px;}
.search_li{border: 2px dotted;padding: 6px;}

.multiselect-native-select .btn-group button{
    background: transparent!important;
    padding: 10px 9px 3px 1px !important;
    box-shadow: none!important;
}

.xp-tabs .tab-content{margin-top:20px!important;background:#fff!important;padding: 5px 20px!important;}

.multiselect-native-select  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
    background: transparent;
    color: #383333!important;
    border-radius: 0px;
    -webkit-appearance: none;
    box-shadow: none;
}
.multiselect-native-select .btn-group {width:100%;}
.multiselect-native-select .caret{float: right;margin: 10px -3px;}
.multiselect-container {background: white;margin-top: -12px!important;border-radius: 0px;}
#exp_cbx_start{margin: 4px 4px 2px -1px;float: left;}
.lbl_exp_start{margin-bottom: 12px;}
.exp_loader{text-align: center;position: absolute;z-index: 1;left: 0;right: 0;background: #67818edb;width: 100%;height: 100%;padding-top: 160px;}
.exper-blk{width: 100%;min-height: 200px;font-family: "Roboto";padding-bottom: 30px;margin-top: 20px;overflow: auto;margin-bottom: 20px;margin-top: -6px;}
#tab_exps_reco_wrapper{padding:0px!important;}
#exp_head_title_res {float: left;font-size: 20px;font-weight: bold;margin-bottom: 10px;color: #424141; font-family: 'latoregular';}
.exp_head_title_res {float: left;font-size: 20px;font-weight: bold;margin-bottom: 10px;color: #424141; font-family: 'latoregular';}

.exper-blk button {padding: 10px 20px;margin-top: 12px;background: #227dc0;color: #fff;border-radius: 3px;border: 0px;outline: 0px;}
.exper-blk  .new-xform select {width: 100%;margin: 8px 0px;padding: 15px 10px;border-radius: 5px;outline: 0px;background: #fff; border: 1px solid #d6d5d5;}
.exper-blk h3{margin-bottom: 16px;font-size: 18px;font-family: "Roboto";font-weight: bold}
.exper-blk .new-xform  input {width: 100%;margin: 8px 0px;padding: 15px 10px;border-radius: 5px;outline: 0px;background: #fff;border: 1px solid #d6d5d5;}
.met_table td{text-align:left;}
.up-hold{padding:0px!important;}
#tab_exps tr td a{color: #2b2b2f!important;text-decoration: underline;}

.dataTables_info{margin-top: 15px;}

.form-inline{overflow:auto;}

.exper-blk button {
    padding: 10px 20px;
    margin-top: 12px;
    background: #227dc0;
    color: #fff;
    border-radius: 3px;
    border: 0px;
    outline: 0px;
    margin-left: 16px;
}


.exp-tabs {margin-top:-78px;}
.pro-owner-menu ul{text-align:left;background:transparent;border:0px;}
.counts-ul {padding: 0px;margin-top: 20px;}
.counts-ul li {
    display: inline-block;
    text-align: center;
    background: white;
    padding: 15px 8px 0px;
    border-radius: 5px;
    width: 89px;
    height: 72px;
    vertical-align: middle;
    font-family: "Roboto";
}

.counts-ul li h4 {
    margin: 0px;
    font-size: 22px;
    font-weight:700;
}

.right-content-new p{margin-top: 15px;}


.update-row textarea{width:100%;}
.update-row textarea {width: 100%;height: 170px;padding: 10px;border: 1px solid #e0e0e0;outline:0px;    margin-bottom: 12px;}
.up-hold{text-align:right;}

.btn_lesson_save{width: 130px;background: #63a6db;border: 0px;color: #fff;padding: 10px;border-radius: 3px;outline: 0px;margin-bottom:50px;}

.mor-view{border-radius: 50%;border: 0px;float: right;outline: 0px;width: 30px;height: 29px;text-align: center;padding-left: 7px;background: #63a6db;color:#fff;}

#div_update_msg{text-align:left;float:left;}

#div_lesson_msg{text-align:left;float:left;}

.new_exp_nav{list-style-type: none;float:right;}
.new_exp_nav li{display:inline-block; cursor:pointer;}
.new_exp_nav .tab-active { background: transparent !important; color: #843b2e!important; }
.pro-owner-menu ul li a{display: inline-block;font-family: "latoregular";font-size: 15px;margin: 0px 10px;padding: 0px 16px;    color: #060606;cursor: pointer;transition: 0.5s;}
#experimentForm .infolbl{color:#606560;}
/*experiment-form-end*/


/*semi-circle*/

.semi-circle audio, .semi-circle canvas, .semi-circle progress, .semi-circle video {width:60px;text-align:center;margin:5px;}
.semi-circle .circle-text, .semi-circle .circle-info, .semi-circle .circle-text-half, .semi-circle .circle-info-half {
    text-align: center;
    display: inline-block;
    left:0px;
    right: 0;
    bottom: 0;
      top: -69px;
    font-size: 12px!important;
    font-weight: bold;
}
.semi-circle p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cust-meto{width:auto!important;margin-left:-20px!important;margin-top:-14px!important;}
.semi-circle{padding: 0px;}
.mn-metrics-bx{position: relative;overflow: auto;border-radius: 4px;box-shadow: 0 2px 5px rgba(152, 159, 159, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);
    border: 1px solid #e9e9e9;margin-bottom:20px; font-family: "latoregular";    padding: 12px 10px 49px;
cursor:pointer;overflow: hidden;
    background: #fff;
    margin: 14px 0px;min-height:223px;}
.mw-text span:hover{transition:0.5s;color:#0fc4a4;}
.mw-text span{transition:0.5s;}
.mw-text{text-align: center;font-size: 12px;font-weight: bold;position: absolute;left: 0;right: 0;bottom:10px;}
.mn-metrics-bx h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px;font-weight: bold;margin-bottom: 23px;}
.m3-blks .col-md-3{padding:5px;}
.semi-circle i{position: absolute;left:33px;right: 0;top:45px;font-size: 10px;color: #30b455;}

/*semi-circle-end*/


/*new-project-list*/

.dumy-nav{height:60px;width: 100%;background:#4b6681;}
.project-lft-nav{width: 300px;background: #f0f4f8;position: fixed;left: 0px;height: 100%;font-family: 'latoregular';}
.project-head{padding: 15px 15px 5px;border-bottom: 1px solid gainsboro;font-weight: bold;font-size: 18px;color: #403f3f;}
.project-head span{float:right;font-size:14px;margin-top: 4px;}
.project-posts select{width: 92px;height: 32px;background: #fff;border: 1px solid #d2d2d2;border-radius: 2px;outline:0px;}
.project-posts{padding: 15px 15px 5px;}
.pro-dev-srch{background:#4b6681;height:49px;margin-top:8px;}
.pro-dev-srch input{height: 100%;background: transparent;border: 0px;width: 80%;outline: 0px;color: #fff;padding-left:15px;}
.pro-dev-srch input::placeholder{color:#fff;font-style: italic;}
.pro-dev-srch i{color: #fff;float: right;margin: 18px 12px;}
.pro-nw-list ul{padding:0px;list-style:none;font-family: 'latoregular';}
.pro-nw-list ul li{display:block;padding:12px;border-bottom: 1px solid #eae6e6;transition:0.5s;font-weight: bold;font-size: 13px;}
.pro-nw-list ul li:hover{transition:0.5s;background:#c0c7d1;}
.pro-cr-sr{float:left;width:100%;margin-top: 50px;border-bottom: 1px solid #dadada;padding: 0px 0px 15px;}
.pro-cr-sr input{float: left;border: 1px solid #d0cdcd;height: 41px;padding: 10px;width: 250px;border-radius: 3px;background: #fff;outline:0px; font-style: italic;font-family: 'latoregular';}
.pro-cr-sr button{float:right;background:#5ba459;padding: 10px;border: 0px;color: #fff;border-radius: 3px;font-size: 13px;outline:0px}
.mn-task-blk{height:60px;background: #66cc99;border-radius: 2px;color:#fff;}
.mn-task-row {clear:both;margin-top:20px;    float: left; width: 100%;font-family: 'latoregular';}
.mn-task-name{width:96%;float: left; padding: 8px 10px 0px;}
.mn-task-name h4{margin: 2px 0px 4px;}
.mn-task-name p{font-size:12px;}
.mn-task-blk i{margin: 23px 0px;}
.mn-est-blk{height:60px;background:#fff;border-radius:2px;color:#111;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);border: 1px solid #e8e8e8;padding: 10px 0px;font-family: 'latoregular';}
.mn-est-right-blk{text-align:right;}
.mn-est-right-blk span{margin-left: -50px;position: absolute;margin-top: -10px;color: #5ba459;font-size: 13px;}
.mn-est-right-blk i{padding-left: 9px;}
.mn-task-hidden-data{width:100%;min-height:100px;background: #fff;border: 1px solid #d2cfcf;border-radius: 5px;border-top: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;padding: 14px;overflow:auto;}
.mn-task-hidden-data ul{padding:0px;list-style:none;font-family: 'latoregular';}
.mn-task-hidden-data ul li{display:inline-block;vertical-align: middle;}
.mn-task-hidden-data ul li h4{margin-bottom: 0px;font-size: 16px;}
.mn-task-hidden-data ul li p{font-size: 12px; margin-top: 4px;}
.mn-task-hidden-data h3{font-size: 16px;font-family: 'latoregular';}
.hidden-notes{border-top: 1px solid #c5bfbf;margin: 15px 0px;float: left;clear: both;width:100%;}
.hidden-notes h2{ margin: 0px 0px 6px;font-size: 20px;padding-top: 12px;font-weight: bold}
.hidden-notes p{margin:0px 0px 2px;font-size: 16px;}
.hidden-notes p b{font-size:13px;}
.mn-task-hidden-data ul li img{width:36px;}
.mn-task-hidden-data textarea {width: 100%;height: 110px;text-align: left;padding: 10px;border: 1px solid #d6d6d6;border-radius: 4px;outline:0px;}
.add-btns ul{list-style:none;}
.add-btns ul li{display:inline-block;font-family: 'latoregular';}
.add-btns ul li button{outline: 0px;border: 0px;padding: 7px;font-size: 12px;border-radius: 2px;}
.test-flag{font-family: 'latoregular';}
.test-flag input{width: 22px;height: 18px;float: left;}
.eml-task p{margin: 6px 0px;width: 100%;float: left;font-size: 12px;border-bottom: 1px solid #cccbcb;border-top: 1px solid #cccbcb;padding: 3px;}
.eml-task  input{width: 77px;height:32px;padding: 5px;outline:0px;}
.eml-task  button{height: 32px;padding: 5px;outline: 0px;background: #5ba459;color: #fff;border: 0px;width: 119px;border-radius: 2px;font-size: 13px;}
.eml-task div{float:left;width:100%;margin-bottom:8px;}
.pop-addis{background:#eeeff1;min-height:250px;overflow:all;padding:15px;}
.pop-note select{width:100%;height: 34px;border: 1px solid #cecece;background: #fff;margin-bottom:4px;font-family: 'latoregular';border-radius:2px;outline:0px;}


.pop-select {width: 32%;height: auto;margin-bottom: 8px;font-family: 'latoregular';float: left;margin-right: 5px;}
.pop-select2 {width: 100%;margin-bottom: 8px;font-family: 'latoregular';float: left;margin-right: 5px;}
.pop-select2 label.error{margin-top:2px!important;}
.pop-select label.error{margin-top:0px!important;}
.pop-note  textarea{width:100%;color:#000;min-height:250px;outline:0px;}
.pop-note  textarea::placeholder{color:#000!important;}
.pop-note { font-family: 'latoregular';}
.pop-addis input{width: 100%;outline: 0px;background: #fff;border-radius: 2px;border: 1px solid #d6d1d1;height: 34px;font-size:10px!important;}
.pop-addis select{width: 100%;outline: 0px;background: #fff;border-radius: 2px;border: 1px solid #d6d1d1;height: 34px;    font-size: 10px;}
.pop-addis p{font-size:12px;margin:0px;margin-top:5px;}
.pop-addis {font-family: 'latoregular';}
.rs-btns{margin-top: 10px;float: left;width: 100%;}
.rs-btns button{color: #fff;outline: 0px;padding: 5px 10px;border: 0px;border-radius: 2px;font-size: 14px;}
.pop-task .modal-header {    padding: 11px;border-bottom: 1px solid #e5e5e5;overflow: auto;}
.pop-task .modal-header h3{float: left;font-size: 19px;}
.pop-task .modal-dialog{width:800px;}
/*new-project-list-end*/








/*acount-tab*/
.account-tab{overflow:auto;display:none;}
.act-titile{text-align:left;overflow:auto;padding-bottom: 0px;border-bottom: 1px solid #cac9c9;}
.password-blk select {width: 100%;margin: 8px 0px;padding: 15px 10px;border-radius: 5px;outline: 0px;background: #fff;border: 1px solid #d6d5d5;}
.acount-table thead{background: #ffffff;color: #3c3c3c;font-size: 13px;font-family: 'latoregular';}
.acount-table {font-family: 'latoregular';overflow:auto;}
 th{border-right: 1px solid #d4cdcd!important;}
 .acount-table .table > thead > tr {background: #3f5ac9;}
.acount-table .table > thead > tr > th{width: 20%;padding: 14px;border: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;font-family: 'latoregular';color: white;letter-spacing: 1;}
.acount-table .table > tbody > tr > td, .table > tfoot > tr > td{padding: 16px 8px;border-right: 1px solid #d8d8d8;}
.acount-table .table td:nth-last-child(1){border-right:0px solid grey;}
.acount-table tbody{border-bottom: 1px solid #e4e4e4;}
.acount-table h2{font-size:18px;margin-top:15px;}
.acount-tb-btns .accept-btn{background: #375b76;padding: 5px 14px;border: 0px;border-radius: 18px;color: #fff;outline:0px;}
.acount-tb-btns .reject-btn{background: #e2162e;padding: 5px 14px;border: 0px;border-radius: 18px;color: #fff;outline:0px;}
.my-invitation{display:none;}
.acount-table .table td input[type="radio"] {height: 22px; width: 27px;}
.notification-tab{display:none;}
.table-striped{box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);border: 1px solid #dedbdb;border-radius: 1px;}
/*acount-tab-end*/


/*Viacp-Exp*/

.content .tab-content{width:100%;margin-top: 30px;overflow: visible;padding: 0px 23px;}
.exper-links {font-family:'open_sansbold';color:#333333;font-size: 17px;font-weight:bold;margin-bottom:10px;}
.custom-card{width:100%;border-radius:0px;border:1px solid #d4d2d2;background:#fff;overflow:hidden;padding-bottom:5px;margin-bottom:10px;} 
.big-content{padding:0px!important;margin-top:-10px;background:#f6f6f6;padding-bottom:30px;}
.color-indicate{height:6px;width:100%;}
.custom-card-inner{padding:10px;float:left;}
.custom-card-inner h3{margin: 0px;font-size:13px;font-weight: bold;color: #2b2828;font-family: 'open_sansregular';padding-bottom:5px;}
.custom-card-inner h3 a{margin: 0px;font-size: 13px;font-weight: bold;color: #2b2828;font-family: 'open_sansregular';padding-bottom:13px;text-decoration:none;}
.satus-blk .col-md-6 h3{margin:0px; font-family:'open_sansregular'; margin:0px; font-size:13px;}
.satus-blk .col-md-6{margin-bottom:5px;}
.satus-blk .col-md-12 p{font-family:'open_sansregular';margin-top:10px;color:#666666;}

.tabs-btns{list-style:none;padding:0px;}
.tabs-btns li{display:inline-block;}
.tabs-btns li button{font-size: 14px;background:#f6f6f6;border: 3px;padding: 10px 14px;font-family:'open_sansregular'; outline:0px;outline:0px;color:#3f59c9;;font-weight:bold;width: 130px;}
.new-exp-btn {background:#eeb301!important;color:#fff!important;}
.tabs-row .nav{margin-top:8px;margin-bottom:10px;}
.tabs-row .nav-tabs li i{margin-right:5px;}
.tabs-btns li button i{margin-right:5px;}
.tabs-btns li button a{color:#fff!important;font-size: 14px;font-family: 'open_sansregular';}
.tabs-btns li button a:focus{text-decoration:none;}

.exp-blk-header span{float: right;margin: 5px 10px 6px 6px;color:#616161;font-family: 'open_sansregular';font-weight:bold;}
.exp-blk-header span i{margin-left:5px;cursor:pointer;margin-top: 3px;}
.custom-three .nav-tabs{margin-top:-22px;}
.exp-blk-header span i {margin-left: 5px;cursor: pointer;margin-top: 3px;}
.exp-blk-header {float: right;border-bottom: 1px solid #d2d2d2;width: 100%;}


/*Viacp-Exp-end*/
.var_cls::after {position: absolute;top: -20px;right: 23px;width: 0;height: 0;padding: 0;content: "\f078";font-family: "FontAwesome"; pointer-events: none;bottom: 0;margin: auto;color: #bbbaba;font-size: 11px;}
.var_cls {position: relative;}
.three-blks form select{width:100%;outline:0px;border-radius: 2px;-webkit-appearance: none;-moz-appearance: none;appearance: none;height:50px;}

.right-content-new  .col-md-8{border-right: 1px solid #dfd7d7; padding-right: 22px;}


/*nw-exp-dboard*/


.db-tabs .nav-tabs li a:nth-last-child(2){border-right:0px!important;}

.nw-main-tab-outer .nav-tabs li a:focus{background: #345ac4!important;color:#fff!important;    font-family: "latoregular";}

.nw-id-row p{padding-top: 3px;float:left;color:#666666;font-size: 12px; padding-left: 7px;padding-bottom: 4px;    font-family: "latoregular";}
.nw-id-row span{float: right;background: #dbe5ff;border-radius: 50px;padding: 3px 10px;font-size: 12px;color: #345AC4;}
.nw-id-row {padding: 5px 5px 0px;border-bottom: 1px solid #e3e3e3;overflow: hidden;}
.nw-exp-fliters h3{float:left;margin-top:1px;font-size:18px;font-weight: bold;font-family: "latoregular";}
.fliters-ul{float:right;display: block;list-style:none;}
.fliters-ul li select{background: #fff;width: 161px;height: 30px;border: 1px solid #cccccc;color: #848484;border-radius: 2px;font-size: 13px;outline:0px;}
.nw-exp-fliters { margin-bottom: 13px;}

.ideas-tab-ul{padding:0px;list-style:none;float:left;margin:0px 0px 0px 23px;font-family: "latoregular";}
.ideas-tab-ul li{border:1px solid #e8e7e7;transition:0.5s;display:inline-block;width:71px;background:#e8e7e7;text-align: center;border-radius: 50px;padding: 3px 6px;font-size: 12px;cursor:pointer;}

.ideas-tab-ul li:hover{transition:0.5s;background:#DBE5FF;border:1px solid #88A7FF;color:#88A7FF;}
.mini-tab-active{transition:0.5s;background:#DBE5FF!important;border:1px solid #88A7FF!important;color:#88A7FF;}
.like-cmnt-div{float:right!important;color:#345AC4!important;}
.like-cmnt-div i{margin-left: 2px;font-size: 13px;}
.sms-span{float:left!important;margin-right:5px!important;padding:2px 11px!important;font-size:10px!important;background:#345ac4!important;color:#fff!important;}
.nw-main-tab-outer{margin-top: -9px!important;}
.ltst-exp-btn{background: #7194F5!important;color: #fff!important;width:106px;height:35px;border: 1px solid #7194f5;outline: none; margin-left: 5px;}
.ltst-exp-btn a{color: #fff;font-family: "latoregular";font-size: 12px;font-weight: bold;letter-spacing: 1;}
.exper-counts-new{padding: 18px 30px 17px 30px;}
.ltst-idea-btn:hover{transition:0.5s;}
.new-exper-srch{width: 225px;height: 33px;background: white;border-radius: 2px;font-family: "latoregular";float: right;margin-left: 12px;}
.new-exper-srch input {height: 100%;padding: 8px;border: 0px;margin-left: 4px;outline: 0px;font-size: 11px;}
.new-exper-srch i {float: right;margin: 7px;font-size: 17px;color: #b9b5b5;}
.my-new-acnt-link {float: right;width: auto;margin: 0px 0px 0px 2px;color: #fff;font-family: "latoregular";}

.no-exp{text-align: left;width: 100%;padding: 14px;font-size: 13px;font-family: "latoregular";color: #666666;font-style: italic;float: left;}
.act-blk .col-md-10{padding-left:6px!important;}
.my-new-acnt-link a {color: #fff;font-size: 14px;font-family: "latoregular";}
/*nw-exp-dboard-end*/



/*nwexp-progress-bar */
.nw-exp-vw-page{margin-top:0px;}
.nwexp-progress-bar{font-family:'latoregular';margin-top:20px;}
.exp-bar-names{padding:0px;list-style:none;display:inline-flex;width:100%;}
.exp-bar-names li{width:20%;}
.exp-bar-names li h4{margin:0px;font-weight: bold;font-size: 13px;}
.exp-bar-names li p{color:#333333;margin-bottom: 0px;}

.prog-inactive{padding:0px;list-style:none;width:100%!important;}
.prog-inactive li{display:inline-block;width:141px;}
.prog-inactive li .prog-bar{width:100%;background: #b9b9b9;height: 3px;}
.prog-inactive li span{float: left;width: 10px;height: 10px;background: #b9b9b9;border-radius: 50%;vertical-align: middle;margin: -4px 3px 0px 0px;}

.prog-active li .prog-bar{background: #1ac421!important;}
.prog-active li span{background: #1ac421!important;}
.fixy{position:relative;}
.fixy-t{position:absolute;top:0;left: 0;right: 0; width: 50%;height: 15px;overflow: hidden;}
.prog-inactive li:nth-last-child(1) {width:290px;}

.nw-exp-viewname{font-family:'latoregular';}
.nw-exp-viewname h2{font-size: 20px;font-weight:bold;margin-bottom:5px;color:#424141;font-family:'latoregular';}
.nw-exp-viewname p{margin-bottom:2px;color:#8c8a8a;font-size:13px;margin-top: 1px;    float: left;}
.ext-task-btn{background: #345ac4;color: #fff;border: 0px;padding: 6px 10px;border-radius: 3px;font-size: 13px;float: right;outline: none;margin-left:5px;}
.exp-nw-vw-from{
    font-family: 'latoregular';padding-top: 21px;
    clear: both;
    margin-top: 29px;
    float: left;
    padding-top: 24px;
    margin: auto;
}

.exp-details h2{font-size: 19px;
    font-weight: bold;
    margin-bottom: -6px;
    color: #424141;
    font-family: 'latoregular';}

.exp-nw-vw-from textarea{width: 100%;height:85px;padding: 5px;background: #fff;border: 1px solid #d6d6d6;border-radius: 4px;color: #333333;font-style: italic;font-size: 14px;outline:0px;margin-bottom:10px;}
.exp-nw-vw-from label{color:#333333;}
.blw-slct-box select{font-size:12px;}
.col-mf{padding:0px 5px!important;}
.exp-nw-vw-from button{background: #345ac4;color: #fff;border: 0px;padding: 6px 10px;border-radius: 3px;font-size: 13px;float: right;outline: none;width:95px;margin-top: 11px;}

/*custom-slect-box*/
.exp-nw-vw-from select, .new-task-popup select{width: 100%;height: 45px;padding: 5px;background: #fff;border: 1px solid #d6d6d6;border-radius: 4px;color: #333333;font-style: italic;font-size: 14px;outline:0px;margin-bottom:10px;-webkit-appearance: none;
 -moz-appearance: none;appearance: none; cursor: pointer;}

.new-task-popup input{width: 100%;height: 45px;padding: 5px;background: #fff;border: 1px solid #d6d6d6;border-radius: 4px;color: #a5a4a4;font-size: 14px;outline:0px;margin-bottom:10px;}
.new-task-popup textarea{width: 100%;height:150px;padding: 5px;background: #fff;border: 1px solid #d6d6d6;border-radius: 4px;color: #a5a4a4;font-style: italic;font-size: 14px;outline:0px;margin-bottom:10px;}
.taskpop-right-blk{background:#f4f4f4;min-height:200px!important;}

.new-task-popup .modal-body{padding:0px 15px!important;}
.taskpop-left-blk{padding-top:35px;padding-bottom:35px;}
.taskpop-right-blk{padding-top:35px;padding-bottom:35px;}
.taskpop-right-blk label{font-weight:normal;color:#676666;}
.taskpop-right-blk  .var_cls::after{top: 0px;}

.pop-footer {text-align: center;border-top: 1px solid #d6d4d4;padding:20px;font-family: 'latoregular';}
.pop-footer button{transition: 0.5s;width: 96px;height: 34px;margin-right: 10px;border: 0px;outline: 0px;background: #345ac4;color: #fff;font-size: 14px;border-radius: 1px;}
.pop-footer button:hover{transition:0.5s;background:#34c442;}
.rst-btn{background:#7194f5!important;}
.rst-btn:hover{background:#df0b0b!important;}
.new-task-popup .modal-header h4{font-weight: bold;font-size: 23px;}


.exising-pop .modal-body{max-height: 400px;overflow-y: scroll;margin-bottom: 17px;border-bottom: 1px solid #d2d1d1;}


.exising-pop input{
    width: 100%;
   padding: 5px;
    background: #fff;border: 1px solid #d6d6d6;
  color: #a5a4a4;
    font-style: italic;font-size: 14px;
    outline: 0px;margin-bottom: 10px;
   height: 38px;
    border-radius: 3px;
    margin-bottom: 0px;
}

.exising-pop .modal-header{overflow:hidden;}


.exising-pop .close{position:absolute;right:5px;top:3px;}
.exising-pop select{height: 38px;border-radius: 3px;margin-bottom: 0px;}
.exising-pop .modal-header h4 {font-weight: bold;margin-top: 10px;font-family: 'latoregular';}

.ext-list-ul{padding:0px;list-style:none;border: 1px solid #ccc7c7;border-radius: 3px;font-family: 'latoregular';margin-bottom:10px;}
.ext-list-ul li{padding:2px 10px;border-bottom:1px solid #ccc7c7;}
.ext-list-ul li:nth-last-child(1) {border-bottom:0px;}
.ext-list-ul li p{margin:0px;}

.ext-task-info{margin: 0;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.ext-task-sub-info{color:#666666;padding: 5px 0px;}
.ext-task-sub-info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*custom-slect-box*/
/*nwexp-progress-bar-end*/
/*Exp-view-page-end*/





/*experiments*/
#edu_faq{width:90%;}
.experiments-ul{height:60px;background:#fff;box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23); margin: 0px;border-bottom: 1px solid #e5e5e5;}
.experiments-ul{list-style:none;    padding: 20px 20px;font-family:'open_sansregular';}
.experiments-ul li{display:inline-block;font-weight: bold;margin: 0px 15px;cursor:pointer;transition:0.5s;}
.experiments-ul li:hover{transition:0.5s;color:#000;border-bottom:2px solid #3f5ac9;font-weight:bold;}
.active-tab{color: #3f5ac9;font-weight: bold;}
.experiments-ul ul{padding:0px;    font-family: 'latoregular';}
.three-blks{font-family:'open_sansregular'; margin:0px; padding:17px 17px;}
.three-blks h2{font-weight: bold;font-size: 22px;margin-bottom:0px;font-family:'open_sansbold'}
.exp-details1{padding-left: 14px;}
.exp-details1 p{color: #060505;font-style: italic;font-weight: 700;font-size: 13px; margin-top: 5px;margin-bottom: 10px;float:left;}
.three-blks form input[type="text"]{width:100%; outline:0px; border:1px solid #bfb8b8;height:50px; border-radius: 2px;margin-bottom:20px; padding:10px;color:#000; font-size:12px;}
.three-blks form textarea{width:100%;outline:0px;border:1px solid #bfb8b8;min-height:150px; border-radius: 2px;margin-bottom:20px;padding:10px;font-size:13px;}
.three-blks form {margin-top:0px;}
.three-blks form textarea::placeholder{font-weight:bold;color:#555555;}
.three-blks form input::placeholder{font-weight:bold;color:#555555;}
.three-blks form label{font-size: 15px;    color: #666666;}
.custom-field{width:100%;border:1px solid #bfb8b8;height:50px; border-radius: 4px;margin-bottom:20px; padding:10px;color:#000;background:#fff;}
.three-blks .big-6{border-right:1px solid #d4cbcb;}
.three-blks .big-3{border-right:1px solid #d4cbcb;}
.ad-input-exp input{width:80%; outline:0px; border:1px solid #bfb8b8;height:45px;margin-bottom:20px; padding:10px;color:#000;outline:0px;}
.ad-input-exp  button{background: #6787ff;height:45px; border: 0px; width: 20%; color: #fff;font-weight: bold;margin-left: -6px;vertical-align: middle;position: absolute;outline:0px;}
.ad-input-exp  {margin-top: 20px;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important;}
.dra-gcard{margin-bottom:10px;width: 100%;min-height:100px;border: 1px solid #cec7c7;background: #fff;border-radius: 3px;font-family:'open_sansregular';overflow:hidden;}
.dra-gcard h3{font-family:'open_sansregular';margin: 0px;font-size: 14px;border-bottom: 1px solid #cac8c8;padding: 7px 10px;color: #000;font-weight:bold;}
.ds-msg{width: 97%;height: 45px;border: 1px dashed grey;background: #fbfbfb;margin: 6px auto;padding: 12px;font-size: 13px;color: #272525;}
.dra-gcard span p{margin:0px;}
.dra-gcard span{background:#eceffb;float:left;width: 97%;margin: auto; margin-left:5px;padding: 6px 6px;border-radius: 2px;margin-bottom:6px;}
.dra-gcard span i{float:right;color: #3f5ac9;}
.ad-input-exp2 button{background:#6787ff;}
.ad-input-exp2 button {width:15%;}
.ad-input-exp2 input{width:85%;}
.col-container {display: flex;width: 100%;}
.col {flex: 1;padding: 16px;}
.dra-gcard h4{margin: 8px;font-size:14px;font-weight: bold;color: #000;}
.dra-gcard-2 p{margin:2px 8px;font-size:13px;color: #191818;font-family:'open_sansregular';}
.task-id p{background: #eceffb;padding: 10px;margin: 13px 0px 0px;font-weight: bold;border:0px;}
.ds-msg i{float: right;margin: 2px;color: #a2a2a2;font-size: 16px;}
.ds-msg p{float:left;}
.chosen-choices{ width: 100%!important; outline: 0px !important; border: 1px solid #e1dcdc!important; border-radius: 3px !important; margin-bottom: 20px !important;  padding: 13px 10px 0px!important; color: #000 !important; box-shadow: none !important; background: #fff !important;min-height: 54px;}
#experimentForm label{font-size:14px;}
.exp-details .toggle {float: right;margin-right:5px;border-radius: 30px;color: #fff!important;}
.exp-details .toggle label {color:#fff!important;}
.exp_btns button{background: #3f5ac9;width: 100px;height: 40px;border: 0px;color: #fff;float:right; font-size: 14px;border-radius: 3px;transition:0.5s;outline:0px;}
.exp_btns button:hover{background:#1fa95c;transition:0.5s;}
.search-choice {
	    background: #EFEFEF!important;
    padding: 8px!important;
    border-radius: 50px!important;
    border: 0px!important;
    color: #666666!important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: inherit !important; top: 1px !important; right: -5px !important; display: block !important; width: 16px !important; height: 12px !important; background: url(chosen-sprite.png) -42px 1px no-repeat; font-size: 1px !important; float: right !important;}
.chosen-container .chosen-drop{ top: 70%!important;}
#div_tab_update .acount-table thead {background: #3f5ac9!important;}
#div_tab_update .up-hold button{
        float: left;
    background: #ffbc47;
    font-weight: bold;
    width: 102px;
    height: 41px;
    border: 0px;
    color: #fff;
    border-radius: 4px;
}

.img-no-graph{width:100%;height:100%;}

#btn_act_save {margin-top: 5px!important;}

#div_tab_update .acount-table h3{ font-weight: bold;margin-bottom: 20px;font-size: 21px;font-family:'open_sansregular';}

#div_tab_lesson .acount-table thead {background: #3f5ac9!important;}
.graph-pause-btn {float: left; background: #ffbc47; font-weight: bold; width: 102px;height: 44px;}
#div_tab_lesson .acount-table h3{ font-weight: bold;margin-bottom: 20px;font-size: 21px;font-family:'open_sansregular';}

.up-hold p{float: left;width: 100%;text-align: left;font-weight: bold;color: #666;font-family: 'open_sansregular';margin-bottom: 5px;}
.up-hold h3{ float: left; width: 100%; text-align: left; font-weight: bold; color: #191717; font-family: 'open_sansregular'; margin-bottom: 5px; font-size: 20px;}
.content .tab-content{overflow: auto;background: #fff;padding-right: 0px;}

.sel_filter_org{float: right;height: 34px;padding: 6px;margin-bottom: 5px;font-size: 12px;font-weight: bold;width: 200px;outline: none;background: #fff;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 1px!important;}
#deleteExperiment{
    background: #fff!important;
    float: right;
    width:30px;
    height:30px;
    font-size: 15px;
    border-radius: 2px;
    color: #a29d9d;
    border: 1px solid gainsboro;
    transition:0.5s;
}

#deleteExperiment:hover{transition:0.5s;background:#ff3131!important;color:#fff;}

.custom-three {margin: 0px;}

/*experiments-end*/



/*channels*/

.multiselect-container li{height: 15px!important;margin-bottom: 10px!important;width:100%!important;}
.multiselect-container {margin-top: 0px!important;}

#div_recommended_recent, #div_lessons_popular, #div_approved_recent, #div_approved_popular, #div_pending_recent, #div_active_recent, #div_completed_recent, #div_lessons_recent {text-align:left;}



.metric-table .table tbody tr td div{
	color: #666666;font-weight: normal;font-size: 13px;font-family: 'latoregular'!important;
	height: 55px;
    overflow: hidden;
}


.combined i{margin-left: 9px;}
.div_tab_data{margin-top: -39px;}
.channels{font-family:'open_sansregular';padding: 21px;}
.channels h3{margin-bottom: 0px;font-size: 18px;font-family: "Roboto";font-weight: bold;}
.combined{float:right;}
.metric-table .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{width: 16%;font-size: 13px;padding: 13px;    font-weight: normal;    font-family: 'latoregular'!important;}
.metric-table h4{font-weight: bold;margin: 21px 0px 7px;font-size: 15px;}
.channels h4{font-weight: bold;margin: 21px 0px 7px;font-size: 13px;}

.channels p{margin-bottom:40px;margin-bottom: 24px;margin-top: 6px;font-weight: 600;color: #636161;}


.channels ul{list-style:none;padding:0px;}
.channels ul li{display:inline-block;height:40px;vertical-align:middle;}
.channels ul li input[type="text"]{height:100%;width:200px;outline:0px;border: 1px solid #ccc6c6; padding:5px; font-style: italic; font-weight: bold;font-size: 12px; color: #3e3b3b;}
.channels ul li select{height:40px;width:200px;outline:0px;border: 1px solid #ccc6c6; padding:5px; font-style: italic; font-weight: bold;font-size: 12px; color: #3e3b3b; background: white;}
.channels ul li button{height:100%;width:auto;border: 0px;padding: 10px 14px;border-radius: 3px;font-family: 'open_sansregular';outline: 0px;outline: 0px;font-weight: bold;background:#FEBC11;color: #fff;}
.channels ul li .btn-group button{background: #ffffff !important;
    color: #6d6d6d;
    border: 1px solid #b7b7b7;
    outline: 0px;}
.channels table thead tr{background:#3f5ac9;color:#fff;height: 48px;}
.channels .table-bordered{border: 1px solid #ddd; font-weight: bold; background: #fff;}
.channels .table-bordered td{height: 48px;font-size:11px;font-size: 12px;color:#666666;font-weight: normal;}
.big-table{width:50%;}
.big-table2{width:95%;}
.metrics h3{margin-bottom:20px;}
.channels .table-bordered td i{background: #228f34;padding: 7px;width: 25px;height: 25px;text-align: center;border-radius: 50%;color: #fff;font-size: 12px;}
.channels .table-bordered td i:nth-child(2) {background: #c93f3f;}
/*channels-end*/


/*custom-three*/
.custom-three h2{font-family:'open_sansregular';font-size: 13px;font-weight: bold;margin-bottom: 18px;background: #3f5ac9;line-height: 30px;padding: 0px 5px;color: #fff;}

.custom-three .col-md-2{padding:6px;}
.row .custom-three {margin-right:-7px;margin-left:-7px!important;}
.custom-three .tab-content{margin-top: 17px!important;padding:0px;}
/*.custom-three  .tabs-row .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {font-weight: bold!important;background:#0c32d6;color:#fff!important;}*/
.custom-three  .nav > li > a{padding: 3px 15px!important;font-size: 11px;    border-radius: 0px;}

.tabs-row .nav-tabs li a:focus {color: #3f5ac9!important; background-color: #ffffff!important;}

.custom-three .nav-tabs > li > a {
    border: 1px solid #3f5ac9;
    background: white;
    border-bottom:0px;
    color:#626262;
}


.custom-three .fa-plus-circle{float: right;margin-top: 6px;font-size: 19px;color: #fff;margin-right: 5px;}

.vexp-header .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {}




/*custom-three-end*/



/*colors-progress-bars"*/
.colors-progress-bars{margin-bottom: 25px;font-family:'open_sansregular';}
.colors-progress-bars ul{padding:0px;list-style:none;font-family:'open_sansregular';font-weight:bold;}
.colors-progress-bars ul li{display:inline-block;width:16%;color:#bfbfbf;}
.color-bar{width: 100%;height: 7px;border-radius: 50px;background: #bfbfbf;}
/*colors-progress-bars"-end*/


/*exp-account*/

/*reccomended experiment popup*/
.exp-recpopup{font-family:'open_sansregular';}
.exp-recpopup input{width:100%;height:45px;padding:10px;border-radius:3px;border:1px solid #d4d4d4;outline: none;margin-bottom: 16px;}
.exp-recpopup textarea{width:100%;min-height:100px;padding:10px;border-radius:3px;border:1px solid #d4d4d4;outline: none;margin-bottom: 16px;}
.exp-recpopup p{font-weight:bold;margin-bottom: 4px}
.exp-recpopup p span{font-weight: normal;color: #908d8d;font-size: 13px;font-style: italic}
#createRecommendExp{background:#ffbc47!important;float: right;margin-left: 5px;min-width: 130px;border-radius: 2px;height: 40px;font-weight: bold;transition:0.5s;outline:0px;}
#deleteRecommendExp, #moveRecommendExp, #createsixpager{margin-left:5px;min-width: 110px;border-radius: 2px;height: 40px;font-weight: bold;transition:0.5s;outline:0px;}
.exp-recpopup label.error {color: #ec2626;font-size: 12px;margin-bottom: 12px;margin-top: -11px;}
.exp-recpopup .modal-header {padding: 19px;background: #3f5ac9;height: 55px;overflow: hidden;color: #fff;}
.exp-recpopup .modal-header  h3{font-size: 16px; font-weight: bold;font-family: "Roboto";    margin: 0px;}
.exp-recpopup .modal-header img{width: 168px;float: right;margin-top: -26px;}
.pop_btn{background:#ffbc47!important;float: right;margin-left: 5px;min-width: 130px;border-radius: 2px;height: 40px;font-weight: bold;transition:0.5s;outline:0px;color:#fff;}
.pop_btn:hover{color:#fff;}
/*reccomended experiment popup-end*/


.exp-account input{width:100%;height: 44px;border: 1px solid #dcdcdc;margin-bottom: 10px;padding: 10px;outline:0px;}
.exp-account{font-family:'open_sansregular';}
.exp-account h3{font-weight: bold;font-size: 19px;color: #111;margin-bottom: 20px;}
.exp-account  label{ color: #7b7b7b; font-size: 13px;}
.exp-account input::placeholder{font-style:italic;font-size:11px;color:#999999;}
.exp-account hr {margin-top: 11px;margin-bottom: 12px;border-top: 1px solid #dadada;}
.exp-account p{font-weight:bold;color:#666666;}
.exp-account p b{color:#111!important;}

.exp-current-status{font-family:'open_sansregular';}
.exp-current-status ul{padding:0px;list-style:none;font-family:'open_sansregular';}
.exp-current-status ul li{display:block;}
.experinator-ul{border-bottom: 1px solid #cccccc;padding-bottom: 18px!important;margin-bottom: 27px;}
.exp-current-status h2 {font-weight: bold;font-size: 17px;color: #666666;margin-bottom: 20px;}
.exp-current-status ul h3 {font-weight: bold;font-size: 16px;margin-bottom:5px;color: #111;}
.experinator-ul  li{font-weight:bold;font-size: 12px;margin-bottom: 4px;color: #464444;}
.exp-current-status {border-left: 1px solid gainsboro; border-right: 1px solid gainsboro;}

.history-ul li{border-bottom: 1px solid #cccccc;padding-bottom: 5px;margin-bottom: 18px;}
.history-ul li:nth-last-child(1) {border:0px;}
.history-ul h3 {font-size: 14px!important;}
.history-ul p{color:#333333;    font-weight: 600;font-size: 12px;}
/*exp-account-end*/


/*Account-presign*/
.exp-blks {background: #fff;padding: 10px;min-height: 270px;border-radius:5px;font-family:'open_sansregular'; box-shadow: 0 2px 5px rgba(216, 220, 220, 0.16), 0 2px 11px rgba(234, 234, 234, 0.23);}
.exp-blks-img{height:120px;width:160px;margin: 10px auto;}
.exp-blks-img img{width:100%;}
.exp-blks h3{color: #263957;margin: 13px 0px 12px;font-weight: bold;font-size:16px;}
.exp-blks p{ color: #111;font-size: 12px;font-weight: 600;}
.valid-code-box{background: #fff;min-height: 100px;margin: 7px auto 7px 4px;width:99%;clear: both;float: left;text-align:center;padding: 31px 30px 10px;}
.valid-code-box {font-weight:bold;color:#111;}
.exp-blks-row .col-md-4{padding: 5px;}
.exp-presign {font-family:'open_sansregular';padding: 30px;}
.exp-presign  h2{ font-weight: bold;font-size: 20px;}
.exp-px{margin-bottom: 31px;font-weight: 600;color: #6f6f6f;font-size: 13px;    margin-top: 9px;}
.valid-input{height: 50px;border: 1px solid #c7c7c7;width: 70%;margin: 30px auto;border-radius: 5px;background:#f6f6f6;}
.valid-input input{float: left;width: 80%;height: 100%;border: 0px;outline:0px;padding:10px;    margin-left: 3px;font-size:12px;}
.valid-input button {height: 100%;width: 19%;border: 0px;background: #ffbc47;color: #fff;outline: 0px;transition:0.5s; float:right;}
.valid-input button:hover{background:#5ab92b;transition:0.5s;}
.valid-code-box a{font-family:'open_sansregular';font-size: 14px;text-decoration: underline;color: #3080fd;}

/*Account-presign-end*/


/*recent-pag-titi*/

.process-count p {font-size: 13px;margin-top: 1px;}


.recent-pag-titi{font-family: 'latoregular';overflow: auto;padding: 17px 0px 5px;color: #000; }
.recent-pag-titi h3{float:left;margin:0px;}
.recent-pag-titi p{float:right;}
.counts-ul{padding:0px;}
.recent-counts-ul li {display: inline-block;text-align: center;background: white;padding: 9px 8px 0px;border-radius: 4px;width: 80px;vertical-align: middle;font-family: "Roboto";height: 58px;}
.process-count .col-md-8{padding:0px;font-family: 'latoregular';}
.process-count {overflow:auto;margin-top:11px;}
.process-count h4{margin:0px;font-size:20px;font-weight:700;font-family: "Roboto";}
.process-count .col-md-4 select{width: 218px;height: 39px;padding: 5px;border: 1px solid #d4d4d4;border-radius: 3px;outline: 0px;}
.process-count .col-md-4{text-align:right;font-family: 'latoregular'}

.process-count .col-md-4 form button{background: #6fb3da;border: 0px;height: 35px;padding: 8px 12px;margin: 7px 0px;color: #fff;border-radius: 2px;font-size: 13px;outline:0px;transition:0.5s;}
.recent-btn-active{background:#045686!important;}
.process-count .col-md-4 form button:hover{transition:0.5s;background:#045686;}
.acount-table .dataTables_wrapper{padding:20px 0px;}
.exp-nw-dboard .row{margin:0px!important;}
.live_results_link {color: #12ab4c!important;font-weight: bold;margin-left: 3px;}
#example_filter input{background: #fff;width: 300px;border: 1px solid #cec7c7;padding: 10px;border-radius: 50px;outline: none;}

#example_length select{
    border: 0px;
    outline: 0px;
    background: #e06921;
    width: 80px;
    color: #fff;
    height: 30px;
    border-radius: 27px;
    padding: 0px 4px;
}

.dataTables_filter input{background: #fff;width: 300px;border: 1px solid #cec7c7;padding: 10px;border-radius: 50px;outline: none;}
.dataTables_length select{border: 0px;outline: 0px;background: #e06921;width: 80px;color: #fff;height: 30px;border-radius: 27px;padding: 0px 4px;}


#tab_exps_wrapper{padding:0px!important;}



.paging_full_numbers a.paginate_button {
    color: #337ab7!important;
    text-decoration: none;
    padding: 10px;
    border-right: 1px solid #dcdbdb !important;
    cursor: pointer;
    transition: 0.5s;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    background:transparent;
        font-size: 13px;
}


#example_paginate {
    width: 440px;
    float: right;
    background: white;
    border-radius: 4px;
    border: 1px solid #e0dede;
    overflow: auto;
    margin-top: 10px;
    height: 40px;
    text-align: left;
}

.dataTables_paginate{width: auto;float: right;background: white;border-radius: 4px;border: 1px solid #e0dede;overflow: auto;margin-top: 10px;height: 40px;text-align: left;line-height: 40px;overflow: hidden;}
.dataTables_paginate a {color: #337ab7;text-decoration: none;padding:10px !important;border-right: 1px solid #dcdbdb;cursor:pointer;transition:0.5s;}
.dataTables_paginate a:hover{background:#337ab7;color:#fff;transition:0.5s;}
.dataTables_paginate a:nth-last-child(1){border:0px;}
.example tbody tr.odd {background-color: white !important;}

.paging_full_numbers a.paginate_button:hover {background-color: #337ab7;text-decoration: none !important;color: #fff!important;}
.paging_full_numbers a.paginate_active {background-color: #337ab7;}
.pop-cls-btn{margin-top: -16px !important;margin-right: -10px;color: #fff;}

/*recent-pag-titi-end*/

.navbar-toggle{outline:0px;}

.nav-one{height: 60px;background: #646464;width: 100%;}
.nav-one .logo {float: left;margin: 17px;}
.log-in{float:right;}
.log-in img{width: 24px;margin: 20px 10px 0px;}
.mbl-nav-selectors select,.mbl-nav-selectors input{width: 49%!important;font-family: "latoregular"!important;padding: 8px 7px; background: #fff;border-radius: 3px;border: 1px solid #d4d4d4;color: #5f5c5c;margin-top: 7px!important;height: 40px!important;outline: none; margin-right: 0px!important;}
.mbl-nav-selectors select{-webkit-appearance: menulist-button;}
.main-nav  {background-color: #065888!important;border-color: transparent!important;border-radius: 0px!important; padding: 9px 0px 0px;  font-family: 'latoregular';margin-bottom: 0px;}
.user-dash-img {width: 50px;height: 50px;background: #fff;float: left;border-radius: 50%;    margin: -19px 8px -10px -5px;}
.navbar-brand{color:#fff!important;    font-size: 16px!important;}
.navbar-inverse .navbar-toggle{border:0px;}
.navbar-brand, .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:transparent!important;}
.main-nav  .navbar-nav > li > a {color: #ffffff!important; font-size: 12px;}
.main-nav  .navbar-collapse, .navbar-inverse .navbar-form{margin-top:10px;}
.main-nav .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color: #353434!important;}
.inner-nav-bg {background: #4e4e4e;}
.inner-nav-bg  li img{background: #646464;float: left;margin: -10px 12px 0px -16px;padding: 5px;width: 40px;}
.inner-nav-bg  li {border-bottom: 1px solid #353434;}
.mob_nav{display:none;}
.rec_date{font-family: 'open_sansregular';font-size: 12px;color: #616163;font-weight: bold;clear: both;}


/*exp-bar*/
.action-li{ margin-top: -43px; margin-right: 10px!important;}
.head_apprv_cls{width:100%;margin-top:1px;}
.flow-bar ul li p{font-weight:normal!important;font-size: 12px;}
.pause-blk{width:99%;line-height:50px;background:#d5e4cf;text-align:center;font-family: 'latoregular';font-size: 15px;    margin-bottom: 14px;}
.pause-blk p{color:#398518;vertical-align:middle;    float: inherit;}
.pause-blk p button{outline:0px;line-height: 25px;vertical-align: middle;background: #60bb38;border: 0px;color: #fff;width: 100px;border-radius: 3px;font-size: 15px;margin-left: 19px;margin-top: -5px;}
.exp-heading{font-family:'latoregular';border-bottom: 1px solid #ececec;padding-bottom:15px}
.exp-heading ul{padding:0px;list-style:none;    margin-top: 2px;}
.exp-heading ul li{display:inline-block; padding-right: 8px;margin-right:-2px;color:#353535;}
.exp-heading h2{font-weight: bold;font-size: 23px;}
.exp-heading ul li:nth-last-child(1) {border-right:0px;padding-right: 0px;}
.action-li{float:right;}

.pause-btn{outline:0px;background: #fff;border: 1px solid #cac6c6;width: 80px;line-height: 26px;border-radius: 2px;color: #989696;float: right;}
.res_btns{display:none;outline:0px;background: #fff;border: 1px solid #cac6c6;width: 80px;line-height: 26px;border-radius: 2px;color: #989696;float: right;margin-left:5px;}

.at-all {
    font-family: 'latoregular';
}

.at-all h3 {
    font-weight: bold;
    font-size: 15px;
    color: #3a3a3a;
}

.at-all ul {
    padding: 0px;
    width: 100%;
    border-top: 0px!important;
}

.at-all ul li {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.at-all ul li h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 0px 2px;
    font-size: 13px;
    font-weight: 600;
    color: #464444;
}

.at-all ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f6f6f;
    margin: 0 0 10px;
}



.pau-delete-btn{outline:0px;background: #fff;border: 1px solid #c3c3c3;line-height: 24px;color: #757575;font-size: 16px;border-radius: 2px;margin-left: 5px;}
.flow-bar ul{padding:0px;list-style:none;font-family:'latoregular';} 
.flow-bar ul li{margin-top: 15px;display:inline-block;width:19%;}
.flow-bar ul li h4{margin: 0px;font-weight: bold;font-size: 13px;}
.grey-bar{height: 13px;background: #bababa;border-radius: 50px;margin-top: -6px;position: relative;}
.green-bar{height: 13px;background: #60bb38;border-radius: 50px;margin-top: -6px;position: absolute;left: 0;right: 0;top: 6px;bottom:0;}
.pro-bars{position:relative;margin-top:18px;padding:0px 8px;}
.bar-next-btns{float:right;margin-top: 12px;font-family:'latoregular';display: inline-flex;margin-right: 7px;}
.bar-next-btns button{color: #fff;border:0px;width: 86px;padding: 5px;border-radius: 2px;outline:0px;}

/*exp-bar-end*/

/*switch-btn*/
.custom-toggle-btn .switch {position: relative;display: inline-block;width: 60px;height: 34px;    float: right;}
.custom-toggle-btn .switch input { opacity: 0;width: 0;height: 0;}
.custom-toggle-btn .tslider {border-radius: 34px;position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.custom-toggle-btn .tslider:before {border-radius: 50%;position: absolute;content:"";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.custom-toggle-btn input:checked + .tslider {background-color: #60bb38;}
.custom-toggle-btn input:focus + .tslider {box-shadow: 0 0 1px #2196F3;}
.custom-toggle-btn input:checked + .tslider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.round p{margin: 11px 0px 0px 6px;font-size: 12px;color: #fff;}
.custom-toggle-btn{width:100%;float: left;margin-top: 10px;margin-left: -8px;}
.ready-for-p{float: right;margin-top: 8px!important;margin-right: 10px;font-family: 'latoregular';font-weight: bold;color: #656565;font-size: 14px;}
/*switch-btn-end*/
.chosen-container-multi .chosen-choices li.search-choice span{    font-size: 11px;}


/*Combined page */


#example_paginate{line-height:40px;width: auto;float: right;background: white;border-radius: 4px;border: 1px solid #e0dede;overflow:hidden;}
#example_paginate a {color: #337ab7;text-decoration: none;padding:10px;border-right: 1px solid #dcdbdb;cursor:pointer;transition:0.5s;}
#example_paginate a:hover{background:#337ab7;color:#fff;transition:0.5s;}
#example_paginate a:nth-last-child(1){border:0px;}


.entries-search{margin-top:15px;margin-bottom:10px;overflow:auto;}
.entries-search p{float:left;}
.entries-search .pox{float:right;}
.entries-search .pox input{border:0px;outline:0px;background:#fff;width:80%;}
.entries-search .pox {background:#fff;width:300px;border:1px solid #cec7c7;padding:10px;border-radius: 50px;}
.entries-search .pox i{float:right;color: #adadad;font-size: 17px;}
.entries-search p select{border: 0px;outline: 0px;background: #e06921;width: 80px;color: #fff;height: 30px;border-radius: 27px;padding: 0px 4px;}
.entries-search p select option{background: #fff;color: #111;}
.see-work{overflow: auto;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;margin:13px 0px;padding: 13px 0px;}
.see-work select{float:left;margin-right:10px;margin-top:0px;}
.see-work h3{font-family: 'latoregular';margin:-4px 0px 11px;font-size: 18px;}

/* End of combined page */




/*content*/


.xp-tabs .tab-content .ctabs  h3{ margin-bottom: 4px;font-size: 19px;font-weight: bold;margin: 0;font-family:'latoregular';}

.db-tabs .tab-content{padding:0px;}
.new-xp-dashbaord {font-family:'latoregular';}
.exp-nw-dboard{margin-top: 40px;}
.db-usr-name h3 {color: #707070;margin-bottom: 0px;font-size: 28px;margin-top: 0px;}
.db-usr-name p {color: #707070;margin-bottom: 0px;font-family: 'latoregular';}
.db-metrics ul {list-style: none;padding: 0px;text-align: right;}

.db-metrics ul li {font-family: 'latoregular';width: 150px;display: inline-block;height:66px;border-radius:3px;margin-left:5px;vertical-align: top;color: #fff;padding: 7px 10px;text-align: left;background:#28C985;}
.db-metrics ul li p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 11px;}
.db-metrics h2 {font-weight: bold;font-size: 20px;margin-top: 13px;margin-bottom: 0px;}
.db-metrics i {float: right;font-size:20px;}
.db-usr-name{padding-left:0px!important;font-family: 'latoregular';}

.db-tabs{clear: both;margin-top: 15px;float: left;width: 100%;}
.db-tabs .nav-tabs {background:transparent;padding: 0px;font-family: 'latoregular';border-bottom: 0px;}
.exp-word { border: 0px!important;}

.db-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:0px!important;background:#7892D9;color:#fff;}
.db-tabs .nav-tabs li a{border: 0px;border-radius: 0px;margin-right: 0px;color:#666666;font-family: 'latoregular';}


.db-tabs .nav-tabs li a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
   border-left: 16px solid hsl(0, 0%, 100%);
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 100%;
    z-index: 2;
}


.db-tabs .nav-tabs li a::before {
   content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 16px solid hsl(0, 0%, 85%);
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 100%;
    z-index: 2;
    margin-left: 1px;
}

.no-exps{font-size: 17px;padding: 10px 10px 0px;text-align: left;}


.db-tabs .nav-tabs li a:hover::after {
    border-left-color: #7892D9;
}

.db-tabs .nav-tabs li a:focus::after {
    border-left-color: #7892D9;
}

.db-tabs .nav-tabs .active a::after {
    border-left-color: #7892D9;
}


.db-tabs .nav-tabs li:last-child a::after{display:none;}
.db-tabs .nav-tabs li:first-child a::after{display:none;}
.db-tabs .nav-tabs li:last-child a::before{display:none;}
.db-tabs .nav-tabs li:first-child a::before{display:none;}





.db-tabs .nav-tabs li {width: 16.6%;text-align: center;border: 1px solid #ddd;    background: #fff;}
.db-tabs .nav-tabs li a:hover{border: 0px!important;background:#7892D9;color:#fff!important;}
.db-tabs .nav-tabs li a:focus{border: 0px!important;background:#7892D9!important;color:#fff!important;}
.exp-word{font-weight:bold;color:#111!important;padding: 10px 0px; border-right: 1px solid #dddddd;background:transparent!important;text-align: right!important;padding-right: 5px;}
.db-metrics{padding-right:0px!important;}
.exp-live-tab{margin-top:20px;}
.exp-live-tab tr td a{text-decoration:underline;color:#666666;font-family:'latoregular';    font-size: 13px;}
.exp-live-tab tr td{color:#666666;font-size: 12px;}
.progress-pts{list-style:none;padding:0px;}
.progress-pts li{

    display: inline-block;
    color: #666666;
    margin-right: 5px;
    text-align: center;
      width: 86px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    vertical-align: text-top;
    padding: 6px;
    min-height: 74px;
    overflow: hidden
}

.progress-pts li p {font-size: 12px;height:32px;overflow: hidden;}
.progress-pts li .fa-arrow-up {color:#3BC35F;}
.progress-pts li .fa-arrow-down {color:#F50000;}
.act-usr-img{width:38px;height:38px;border-radius:50%;background:#fff;}
.act-usr-img img{width:100%;border-radius:50%;}
.ltst-act-blk-content{font-family:'latoregular';}
.ltst-act-blk-content .col-md-3{padding:0px!important;}
.ltst-act-blk-content  h4 a{text-decoration:underline;cursor:pointer;}
.ltst-act-blk-content h4{margin: 0px;font-size: 13px;font-weight: bold;    font-family: 'latoregular';}
.ltst-act-blk-content p{margin: 0px;color: #5b5959;}
.ltst-act-blk-content h3{margin: 30px 0px 20px 18px;font-size: 15px;font-weight: bold;font-family: 'latoregular';color: #595959;}
.act-blk{overflow: auto;border-bottom: 1px solid #cecccc;padding: 10px 0px;}
.latest-act-blk{background:#fff;height:100%;overflow: auto;}
/*content-end*/
 a{font-family:'latoregular';}
.xp-tabs{font-family:'latoregular';}
.xp-tabs .nav-tabs{padding:0px!important;}
.xp-tabs .nav-tabs li{font-family:'latoregular';border-right: 1px solid #ddd;border-radius: 0px;}
.xp-tabs .nav-tabs li a{border: 0px;margin-right:0px!important;color:#666666;font-family:'latoregular';padding: 15px 12px;font-size: 13px;}

.xp-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {font-weight:bold;color: #555;border:0px;border-right:1px solid #ddd;border-radius: 0px;background:#7892D9!important;color: #fff!important;}
.xp-tabs .nav-tabs li a:hover{background:#345ac4!important;color: #fff!important;border-radius:0px;color: #555;border:0px;border-right:1px solid #ddd;border-radius: 0px;background:#345ac4!important;color: #fff!important;}
.xp-tabs-outer .modal-header {padding:0px!important;border: 0!important;}
.xp-tabs-outer .tab-content{padding: 4px 15px 0px;}
.mtr-blk select{float:left;height: 37px;width: 39%;border: 1px solid #d8d8d8;border-radius: 2px;font-style: italic;color: #7d7979;font-size: 14px;padding-left: 5px;outline: 0px;margin-right: 3px;}
.mtr-blk input {margin-bottom: 8px;height: 37px;width: 39%;border: 1px solid #d8d8d8;border-radius: 2px;font-style: italic;color: #7d7979;font-size: 14px;padding-left: 5px;outline: 0px;margin-right: 3px;}
.mtr-blk .custom_button{background: #febc11;height: 37px;border: 0px;color: #fff;padding: 3px 14px;vertical-align: top;outline:0px;}


.mtr-ul-tb {clear: both;margin-top: 0;height:300px;width: 100%;overflow-y: scroll;padding-right: 16px;}
.mtr-ul-tb::-webkit-scrollbar {width: 10px;}
.mtr-ul-tb::-webkit-scrollbar-thumb {background: #666;border-radius: 20px;}
.mtr-ul-tb::-webkit-scrollbar-track {background: #ddd;border-radius: 20px;}

.mtr-blk .btn-group{height: 37px;width: 39%;border: 1px solid #d8d8d8;border-radius: 2px;font-style: italic;color: #7d7979;font-size: 14px;padding-left: 5px;outline: 0px;margin-right: 3px;}
.mtr-blk .btn-group button{width: 100%;border: 0;text-align: left;color: #7c7c7c;padding: 7px 3px;font-style: italic;}
.mtr-blk .btn .caret {margin-left: 0px;float: right;margin-top: 8px;}

.mtr-blk .multiselect-container>li>a>label>input[type=checkbox]{width: 14px; height: 16px;}
.mtr-blk .multiselect-container .checkbox{ padding: 0px 0px 0px 25px;}
.mtr-blk .multiselect-all input{height: auto;}
.multiselect-container{width: 100%;padding: 11px 6px;float: left;}


.mtr-ul-tb ul{padding:0px;list-style:none;}
.mtr-ul-tb ul li{display: block;border-bottom: 1px solid #6666;font-style: italic;font-size: 13px;padding: 1px 0px 10px;margin: 8px 0px;color: #666666;}
.mtr-ul-tb ul li i{float:right;}
.mtr-ul-tb h4{font-weight: bold;margin: 15px 0px 15px;font-size: 14px;}
.modal-header .pop-close-btn { margin: 12px 16px!important;}
.pop-modal{text-align:center;font-family:'latoregular';}
.pop-modal button{width:118px;background: #345ac4;color: #fff;height: 35px;border: 0px;outline: 0px;font-weight:bold;transition:0.5s;}
.pop-modal button:hover{transition:0.5s;background:#febc11!important;}
.hd-blk, .hd-blk-newreq{background: #ffffffc4;position: absolute;height: 100%;left: 0;right: 0;z-index: 11;text-align: center; padding: 100px 10px;font-family:'latoregular';}
.hd-blk h3, .hd-blk-newreq h3{font-weight: bold;color: #535050;}
.hd-blk p, .hd-blk-newreq p{margin-bottom: 20px;}
.hd-blk button, .hd-blk-newreq button{width:118px;background: #345ac4;color: #fff;height: 35px;border: 0px;outline: 0px;font-weight:bold;transition:0.5s;}
.hd-blk button:hover{transition:0.5s;background:red!important;color:#fff!important;}

.hd-blk-newreq{background: #fffffff5 !important;}
.hd-blk-newreq{padding: 5px 10px !important;}

/*USER dash*/
    .exp-20-nav{background-color: #345AC4!important;border: 0px!important;border-radius: 0px!important;min-height: 70px!important;}
    .exp-20-nav .navbar-brand img{width: 197px;}
    .exp-20-nav .new-exper-srch {margin-right:6px;width: 225px;height: 33px;background: white;border-radius: 2px;font-family: "latoregular";float: right;margin-left: 12px;}
    .exp-20-nav .ltst-idea-btn {transition: 0.5s;background: #345AC4!important;color: #fff!important;width: 106px;height: 34px;border: 1px solid #fff;outline: none;margin-left: 5px;font-family: "latoregular";font-size: 14px;font-weight: bold;letter-spacing: 1;}
    .exp-20-nav .ltst-exp-btn {background: #7194F5!important;color: #fff!important;width: 106px;height: 35px;border: 1px solid #7194f5;outline: none;margin-left: 5px;}
    .exp-20-nav .new-exper-srch input {height: 100%;padding: 8px;border: 0px;margin-left: 4px;outline:0px;font-size:12px;font-style: italic;}
    .exp-20-nav .new-exper-srch i {float: right;margin: 7px;font-size: 17px;color: #b9b5b5;}
    .exp-20-nav .ltst-exp-btn a {color: #fff;font-family: "latoregular";font-size: 12px;font-weight: bold;letter-spacing: 1;}
    .exp-20-nav .exper-counts{margin-right: 0px!important;padding:17px 20px;}
    .exp-20-nav .ltst-exp-btn a:hover{color:#fff!important;text-decoration:none;}
    .exp-20-nav .custom-usser-icon {background: #8398D1;width: 30px;height: 30px;text-align: center;float: left;border-radius: 50%;padding:7px;color: #fff;margin: 0px 5px;}
    .my-new-acnt-link a{color: #fff;margin-top: 4px;float: left;font-family: "latoregular";}
    .my-new-acnt-link a:hover,.my-new-acnt-link a:focus{color:#fff!important;text-decoration:none!important;}
    #logout-snip{position: absolute;overflow: hidden;bottom: -41px;background: #fff;border-radius: 1px;right: -8px;width: 86%;border: 1px solid #e1e1e1;height: 30px;padding: 4px 9px;cursor:pointer;}
    
    
    .nav_close{width: 55px !important;}
    .nav_close .user-avatar{display: none;}
    .xp-main-content{ margin-left:200px;}
    .sidenav-xp {width:200px;height:100%;position: fixed;z-index: 1;top:70px;left: 0;background-color:#7892D9;overflow-x: hidden;transition: 0.5s;padding-top:25px;}
    .sidenav-xp a {padding: 14px 8px 14px 20px;text-decoration: none;font-size: 15px;color: #fff;transition: 0.3s;font-family: "latoregular";
    display: inline-flex;border-bottom: 1px solid #b2c0e7;width: 100%;transition:0.5s;}
    .user-avatar{width:100px;height:100px;background: #fff;border-radius:50%;margin-bottom: 20px;}
    .user-avatar img{width:100%;height:100%;border-radius:50%;}
    .avatr-outer{text-align:center;width:100%;    width: 100%; padding: 0px 51px;}
    .sidenav-xp a i{font-size: 18px; margin-right: 35px;}
    .sidenav-xp a:hover,.sidenav-xp a:focus {color:#fff;text-decoration:none!important;background:#889fe1;transition:0.5s;}
    .activa{color:#fff;text-decoration:none!important;background:#889fe1;}
    .sidenav-xp .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
    #main {transition: margin-left .5s;padding: 16px 0px 0px 16px;margin-top: 63px;}
    .left-menu-icon {font-size: 30px;cursor: pointer;float: left;border-right: 1px solid #5b7ddb;height: 69px;padding: 16px 14px;color: #fff;}
    .xp-tabs-pop .tab-content{margin-top:0px !important;}
    .no-inte-div{position: absolute;top: 0;background: #0000008f;width: 100%;text-align: center;color: #fff;height: 100%;padding: 50px; font-weight: bold;font-size: 19px;border-radius: 5px;}

/*user dash-end*/


/*education-page*/

.doc-columns{list-style:none;width:100%;padding:10px 0px;}
.doc-columns li{display:inline-block;width:19%;min-height:200px;margin:4px;vertical-align:top;font-family:'latoregular';}
.doc-img-blk {width:100%;height:200px;background:#fff;    text-align: center;border: 1px solid #e0dcdc;}
.doc-img-blk img{width:100%;height: 100%;}
.doc-columns li p{font-weight: bold;padding: 9px 0px;}
.doc-columns li p a{font-size: 14px;color: #32374b;}
#data_videos .row{margin: 18px 1px 0px -14px!important;}
.faq-tab {list-style:none;}
.faq-tab  li{    border-bottom: 1px solid #c8c8c8;padding: 14px 0px 0px;margin: 10px 0px 0px;color: #322f79;font-weight: bold;font-family: 'latoregular';position: relative;overflow: auto;}
.faq-tab  li i{position:absolute;right:0px;top: 17px;}
.faq-tab-content{font-family:'latoregular'; color: #464646;font-size: 15px;margin-bottom:20px;}
.faq-video-blk{width: 100%;height: 200px;background: #bfbfbf;position: relative;}
.faq-video-blk video {width: 100%;height: 100%;outline: none;}
.faq-video-blk iframe {width: 100%;margin-top: 18px;}

.faq-video-blk-outer span{position: absolute;right: 24px;background: #fff;padding: 2px 5px;border-radius: 60px;font-size: 11px;font-weight: bold;margin-top: -27px;}
.faq-video-blk-outer p{font-weight: bold;padding: 9px 0px;font-family: 'latoregular';}
.tab-mn-titile{font-family: 'latoregular';font-weight: bold;margin: 18px 0px 5px;font-size: 18px;}
.doc-img-blk i{text-align: center;padding:70px;font-size: 69px;color: #fff;}



.videoWrapper {
  position: relative;
  width: 100%;
  height:0;
  background-color: #000;
}
.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

/*education-page-end*/



/*13-Feb-20*/

/*new-dashboard-design*/
.nw-db-head{background:#394B8B;min-height:150px;border-radius:6px;padding:13px;overflow:auto;font-family:"latoregular";}
.nw-db-head-right img{width:210px;float: left;}
.nw-db-head-left h2{font-weight: bold;color: #fff;font-size: 25px;}
.nw-db-head-left p{color:#FFFFFF;font-size: 14px;margin: 16px 0px;}
.nw-db-head-left button{outline:0px;width: 30%;background: #7892D9;color: #fff;border: 0px;padding: 8px;border-radius: 3px;margin-right: 5px; transition:0.5s;}
.nw-db-head-left  button:hover{transition:0.5s;background:#52c427!important;}
.nw-db-head-left  a{color:#fff;text-decoration:underline;transition:0.5s;}
.nw-db-head-left  a:hover{color:#fff;}
.generla-view-list ul{box-shadow: 0 2px 5px rgba(152, 159, 159, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);margin: 5px 0px 20px; border-radius: 5px;list-style-type:none;padding:0;display: table;width:100%;table-layout: fixed;}
.generla-view-list ul li{display: table-cell;min-height:50px;border-right: 1px solid #ddd7d7;background:#fff;}
.generla-view-list ul li a {cursor:pointer!important;display:block;background:#fff;text-align:center;padding: 7px 2px;text-decoration: none;cursor:default;}
.generla-view-list {font-family:"latoregular";}
.generla-view-list ul li h3{margin:0px;font-weight: bold;color: #444343;font-size: 20px;}
.generla-view-list ul li h3 a:first-child{display:none;}
.generla-view-list ul li p{color:#555555;margin: 0px 0px 5px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.generla-view-list ul li:nth-last-child(1) {border-right:0px;}
.generla-view-list h4{font-weight: bold;font-size: 13px;color: #696666;margin: 25px 0px 9px;}
.generla-view-list ul li .fa-arrow-down{color:#FA600E;}
.generla-view-list ul li .fa-arrow-up{color:#28C985;}
.generla-view-list ul li i{font-size:14px;margin-top:5px;position:absolute;margin-left:5px;}
.nw-prg-blk{padding-bottom: 8px;overflow:hidden;min-height:100px;background:#fff;box-shadow: 0 2px 5px rgba(152, 159, 159, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23); width:100%;
border: 1px solid #e9e9e9;border-radius: 4px;padding-top: 5px;}
.nw-progress-blcks{clear:both;float:left;width: 100%;font-family: "latoregular";}
.nw-progress-blcks h4{font-weight: bold;font-size: 13px;color: #696666;margin: 25px 0px 9px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dmy-list{list-style: none;padding: 0px;text-align: center;    width: 60%;margin: auto;}
.dmy-list li{display: inline-block;font-family: "latoregular";padding: 0px 10px;border-right: 1px solid #c2bebe;cursor:pointer;transition:0.5s;}
.dmy-list li:hover,.dmy-list li:focus{transition:0.5s;color:#FA600E;}
.p-active{color:#FA600E;}
.dmy-list li:nth-last-child(1) {border-right:0px;}
.nw-progress-blcks .col-md-3{padding:0px 12px 0px 0px;}
.stats-dialog #pop_stat_title{font-size:19px;text-align: center;font-weight: bold;color: #44448ee8;margin: auto;    width: 60%;}
.new-dashboard-dg .col-md-6{padding:0px;}
.stats-dialog #pop_stat_data ul{list-style: none;padding:0px;margin-top: 40px;}
.stats-dialog #pop_stat_data ul li{display:block;}
.stats-dialog #pop_stat_data ul li p b{float:right;}
.stats-dialog .modal-content{width: 68%;margin: auto;}
.stats-dialog #pop_stat_data ul li:nth-last-child(1) {border-top: 1px solid #c8c4c4;    padding-top: 8px;margin-top: 18px;}
.spn_value{text-align: center;width: 100%; float: left;}

.nw-prg-blk .fa-angle-right{float: right;margin: -18px 20px;font-weight: bold;font-size: 24px;background: -webkit-linear-gradient(#345ac4, #e55a87);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;cursor:pointer;}

.nw-prg-blk .fa-angle-left{float: left;margin: 0px 20px;font-weight: bold;font-size: 24px;background: -webkit-linear-gradient(#345ac4, #e55a87);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;cursor:pointer;}

/* PROGRESS CIRCLE COMPONENT */
.circliful {margin:auto;position: relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width: 100%;position: absolute;text-align: center;display: inline-block; cursor:pointer;}
.circle-info, .circle-info-half {color:#999;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;bottom: 4px;}
.nw-progress-mapings{    margin-top: 27px;clear:both;float:left;width: 100%;font-family: "latoregular";}
.nw-progress-mapings h4{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;font-size: 13px;color: #696666;       margin: 6px 0px 4px;}

.nw-mapings-blk{   
 min-height: 170px;overflow: auto;background:#fff;
 box-shadow: 0 2px 5px rgba(152, 159, 159, 0.16), 0 2px 11px rgba(185, 183, 183, 0.23);
 width:100%;border: 1px solid #e9e9e9;
 border-radius:4px;padding-top: 5px;text-align:center;
 padding:8px;
 min-height:140px;
 margin-top: 20px;

}

.dash-exp-title {float: left;padding: 0px 5px;font-weight: bold;font-size: 12px;text-align: left;width: 98%;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.wow-actions{width: 100%;float: left;font-weight: bold;cursor: pointer;margin: 12px 0px;font-size: 12px;    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;}
.wow-actions span:hover{color:#28C985;transition:0.5s;}
.mom-active{color:#28C985;}
.wow-actions span{transition:0.5s;}
.nw-progress-mapings .col-md-3{padding: 0px 12px 0px 0px;}

.nw-mapings-blk ul{list-style:none;padding:0px;}
.nw-mapings-blk ul li{ color:#555555; display:block;padding: 10px 15px;border-bottom: 1px solid #dbd8d8;text-align:left;}
.nw-mapings-blk ul  button{ transition:0.5s;outline:0px;width: 92%;background: #28C985;margin: 10px 0px;border: 0px;padding: 5px;color:#fff;border-radius: 3px;font-size: 14px;font-weight: bold;}
.nw-mapings-blk ul  button:hover{background:#fa600e;transition:0.5s;}
.nw-mapings-blk ul li span {background: #28c985;padding: 1px 11px;border-radius: 12px;color: #fff;margin-right: 9px;}
.dash_m_per{float: left;text-align:center;padding: 6px 10px 0px;color: #555555;font-weight: bold;font-size: 13px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.nw-mapings-blk img{width:94%;}
/*new-dashboard-design-end*/

/*13-Feb-20-end*/


/*24-FEb-2020 Start*/

.org_creation_dt{float:right;}

/*24-FEb-2020 End*/

@media only screen and (max-width:1050px) {
.mbl-nav-selectors { padding: 6px 7px 0px 10px; margin-bottom: 10px;}
.mob_nav{display:block!important;}
.new-top-nav{display:none;}
#main-nav{display:none!important;}
.right-content{width:100%!important;}
#div_metrics {margin-top: 11px;}
.metric-row .col-md-4 {padding:5px!important; width: 100%;}
#div_metrics .col-md-8  {padding: 0px 8px;}
.right-content{margin-bottom:10px;}
.multi-task-blk{margin: 5px 0px;}
.day-btns ul li{min-width: auto;font-size: 13px; margin: 3px 0px}
.links-list{float:left;}
.links-list li {margin: 9px 10px 0px 0px;}
.links-list {margin: 10px 0px 0px;float: right;}
.idea-np-ul{float:left!important;margin: 0px!important;padding: 5px 0px!important;}
.idea-np-ul li{width:113px;}
.day-btns ul{border-bottom: 1px solid #aecad4;width: 100%;}
.li_tabs a {font-size: 14px!important;}
.links-list{margin-top:0px;}
#recommendModal .modal-body{padding: 7px;}
#exp_share{width: 100%;height: 45px;padding: 10px;border-radius: 3px;border: 1px solid #d4d4d4;outline: none;margin-bottom: 16px;background: #fff;}
#main-nav .navigation > .nav{display:none!important;}
.right-content{width:100%!important;}
.main-tab-outer{padding: 0px 11px!important;}
.custom-three .col-md-2{ float: left; width: 20%;}
.inner-nav-bg li{width:100%;}
.navbar-header{width:100%;}
.navbar-toggle{display:block!important;}


}


@media only screen and (max-width:1550px) {
   .progress-pts li{width: 93px;}

}

@media only screen and (max-width:1480px) {
    .vexp-header .nav > li > a {padding: 10px 11px;}
    .custom-three .nav > li > a {padding: 3px 13px!important;}

}

@media only screen and (max-width:1400px) {
    .xp-tabs-pop{width:100%!important;}
    .multi-task-blk h2{ font-size:15px;}
    .multi-task-blk ul li{margin: 6px;}
    .multi-task-blk ul li h3{font-size: 23px;}
    .multi-task-blk ul li p{font-size:11px;}
    .multi-task-blk{padding: 8px 3px;    min-height: 123px;}
    .active-process ul li{font-size: 12px;}
    .indicaters li{width:95%;}
    .custom-three .nav > li > a {padding: 3px 7px!important;}
    .flow-bar ul li {width:19%;margin-bottom: 16px;}
    .flow-bar ul li p{ font-size: 11px;}
    .pro-bars{margin-top: 2px;}
    .pause-blk p{font-size:14px;}
    .ed-sms{font-size: 8px;}
    .lieks-p{font-size: 12px;}
    .date-p {font-size: 10px;}
    .edb-details h3{font-size: 13px;}
    .edb-details ul li{font-size: 12px;}
    .act-usr-img{margin-left: -6px;}
    .db-usr-name h3{font-size: 20px;}
    .dmy-list li{    font-size: 11px;}
    .nw-prg-blk .fa-angle-right{margin: -18px 10px;font-size: 19px;}
    .nw-prg-blk .fa-angle-left{margin: 0px  10px;font-size: 19px;}

}




@media only screen and (max-width:1400px) {
    .dash_m_per{width: 43%;font-size: 12px;}
.act-usr-img {width: 30px;height: 30px;}
.custom-three h2{font-size:11px;}
.add-btns ul li button{font-size:11px!important;padding:4px!important;}
.eml-task button{width:118px!important;}
.eml-task input {width: 53px;}
.vexp-header{width:100%;}
.tabs-btns li button{width:125px;margin-top: 7px;}
.custom-three .nav > li > a {padding: 3px 7px!important;}

/*Viacp-Exp*/
.custom-card-inner h3{font-size: 13px;}
.satus-blk .col-md-6 h3{font-size: 11px;}
.satus-blk .col-md-12 p{font-size: 13px;} 
.exper-srch {width:216px;}
.content .tab-content { width: 100%;}
.exper-logo img{ width: 170px;}
.tabs-btns li button{font-size:12px;} 
.tabs-btns li button a{font-size:12px;}
.tabs-row .nav-tabs li a{padding: 11px 6px;}  
/*Viacp-Exp-end*/

.ds-msg{font-size: 11px;}
.ds-msg i{font-size: 13px;}
.ad-input-exp button{font-size: 12px;}
.custom-three{margin:0px;}
.colors-progress-bars ul li {font-size: 11px;}
.exp-blks h3 {font-size: 14px;height: 41px;}
.exp-blk-header span{font-size:12px;}
.db-tabs .nav-tabs li a{padding:10px 7px;font-size: 12px;}

.progress-pts li{width:47%;min-height: 74px;margin-bottom:5px;}
.db-tabs .nav-tabs li a::after{border-left: 9px solid hsl(0, 0%, 100%);border-top: 18px solid transparent;margin-top: -20px;}
.db-tabs .nav-tabs li a::before{border-left: 9px solid hsl(0, 0%, 85%);border-top: 18px solid transparent;margin-top: -20px;}


}

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

.cust-meto {width:89px!important;}
 .nw-prg-blk .circliful{text-align:center;width:70%!important;}
 .circle-text{font-size:25px!important;}
.circliful audio, .circliful canvas, .circliful progress, .circliful video{width: 85%!important;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half { text-align: center; display: inline-block;  left: 0; right: 0; bottom: 0;top: -26px;}
    
}

@media only screen and (max-width: 1350px){
	.mn-metrics-bx{    min-height: 187px;}
	.semi-circle i {left:26px;right: 0;top:35px;font-size: 10px;}
.cust-meto {width:70px!important;}
    .circle-text{font-size:18px!important;}
    .nw-prg-blk .circliful{text-align:center;width:62%!important;}
    .circliful audio, .circliful canvas, .circliful progress, .circliful video{width: 85%!important;}
    .circle-text, .circle-info, .circle-text-half, .circle-info-half { text-align: center; display: inline-block;  left: 0; right: 0; bottom: 0;top: -47px;}
  
}





@media only screen and (max-width: 1200px){
    .main-tab-outer{padding: 0px 0px 0px 16px!important;}
    .satus-blk .col-md-6 h3 {font-size: 11px;}
    .custom-three .col-md-2{width:25%;margin: 8px 0px;}
    .vexp-header{float:left;}
    .exper-counts li{ width:62px;}
    .exper-counts li h2{font-size: 16px;}
    .exper-logo {display:none;}
    .exper-counts{}
    .content .tab-content{padding: 0px 2px;margin-top:21px;}
    #main-nav .navigation > .nav > li > a span{    padding-left: 9px;}
    #main-nav  .nav li a span{    font-size: 12px;}
    .vexp-header {min-height: auto;}
}


@media only screen and (max-width:1100px){
    .tabs-btns{margin-bottom:10px;}
    .vexp-header .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{}
    .vn-date {text-align: right; margin:0px -20px 2px; font-size: 12px; font-weight: bold; font-family: 'open_sansregular'; float: left; width: 100%;}
    .div_tab_data{margin-top:0px!important;}

   .find-project select{width:156px;}
}

@media only screen and (max-width:830px){
.exper-srch {width:100%;margin: 12px 0px 4px;}
.custom-three .col-md-2{width: 33.2%;}
}



@media only screen and (max-width:991px){
    .exp-nw-dboard{width:100%;}
    .latest-act-blk{width:100%;position: inherit!important;}
    .exper-counts {float: right;}
    .latest-act-blk{height: auto; padding-bottom: 28px;}
    .exp-nw-dboard {margin-top: 20px;}
    .nw-progress-blcks .col-md-3{width:25%;}
    .navbar-header {width: auto;}
}




@media only screen and (min-width:768px) { 
    .new-task-popup .modal-dialog {width:880px!important;} 
}


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

.new-dashboard-dg h2{font-size: 20px;}
.semi-circle .circle-text, .semi-circle .circle-info, .semi-circle .circle-text-half, .semi-circle .circle-info-half {

    left: 6px;
    top: -42px;
   
}

.semi-circle i {
    left: 38px;
    right: 0;
    top: 73px;}

.cust-meto {
    width: 90px!important;
}

    .nw-progress-blcks h4{font-size: 12px;}
    .nw-prg-blk{height:auto;}
     .nw-progress-blcks .col-md-3{width:50%;}
    .right-content-new .col-md-8{ padding-right: 15px;}
    .text-bar-span h4{font-size: 12px;}
    .pause-btn{float:left;}
    .nw-exp-viewname h2{font-size: 16px;}
    .nw-exp-viewname p{width:100%;margin-bottom: 10px;}
    .edutabs{font-family: "latoregular";} 
    .edutabs h3{font-size: 18px;margin-bottom: 3px;font-weight: bold;}
    .experiments-ul ul{text-align:center;}
    .experiments-ul{margin-top: 50px;}
    .channels{padding:21px 0px;}
    .metric-table{overflow-y:scroll;}
    .metric-table{overflow-y:scroll;}
    .mainContent{margin-top:94px;}
    .col-mf{width:100%!important;}
    .sidenav-xp{width:0px;}
    .xp-main-content{margin-left:0px;}
    .navbar-header {width:auto;float:left;}
    .exper-counts-new{width: 100%;clear: both;margin: 7px 0px!important;padding:10px 13px 0px;border-top: 1px solid #a3b4e3;}
    .exp-20-nav .new-exper-srch{width:100%;margin-right:0px;margin-bottom: -4px;}
    .my-ac-exp {position: absolute!important;right: 54px;top: 22px;border-right: 1px solid #8da2db;padding-right: 9px;}
    .left-menu-icon{float:right;font-size:24px;padding: 19px 14px;}
    .list-mbl-btns{text-align: right;}
    .exp_srh_outer {width: 95%;float: right;margin-left: 0;margin: 10px 0px;}
    .sidenav-xp{top:0px;z-index:1111;}
    #main{margin-top: 63px;padding: 16px 10px 0px 10px;margin-left: 0px!important;}
    .exp-nw-dboard { margin-top:58px;}
    .nw-xp-nav .navbar-collapse{width: 100%;margin-left:0px!important;}
    .nw-xp-nav .navbar-toggle{float: right; position: absolute; right: 0;}
    .exp-login-pop{width:100%;}
    .db-usr-name p{margin-bottom:15px;}
    .tabs_filters select{width:49%;}
    .db-metrics ul li {width:47.7%;}
    .db-metrics{padding:0px!important;}
    .exp-word{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 18px 4px;text-transform: uppercase;}
    .db-tabs .nav-tabs{margin-top:9px;}
    .act-blk .col-md-10 {padding-left: 0px!important;margin-left: -10px;}
    .act-blk .col-md-2 {padding:0px!important;}
    .act-usr-img{margin-left:0px!important;}
    .user-avatar {width:80px;height:80px;}
    .sidenav-xp a {font-size: 16px!important;}
    .sidenav-xp a i{margin-right: 21px;}
    .avatr-outer{padding: 0px 60px;}
    .progress-pts li{width:100%;}
    .exp-login-pop .modal-body form{ padding: 0px 17px;}
    .up-hold{padding:0px!important;    clear: both;}
    .up-hold h3{margin:0px;font-size:15px;}
    .acount-table{width:100%;padding:0px!important;}
    .right-content-new .col-md-8{border-right:0px!important;}
    #div_tab_update .up-hold button{width: 100%; height: 44px;margin-bottom: 11px;}
    .chosen-container-multi{width:100%!important;}
    #div_tab_update .acount-table h3{font-size:15px;margin-bottom: 11px;}
    #div_tab_lesson .acount-table h3{font-size:15px;margin-bottom: 11px;}
    .inner-addon .form-control{height:40px;font-size:12px!important;}
    .acount-table .table > thead > tr > th{padding:9px;font-size:12px;font-weight:normal;}
    #div_tab_lesson .up-hold button{width: 100%; height: 44px;margin-bottom: 11px;}
    .inner-addon { margin-bottom: 10px;}
    .nav_close{width: 0px !important;}
    #exp_head_title_res{font-size: 16px;margin: 0;}
    .exp_head_title_res{font-size: 16px;margin: 0;}
    .exp-recpopup .modal-header img {width: 129px;float: right; margin-top: -23px;}
    .exp-recpopup .modal-header h3{font-size: 14px;}


    .new-dashboard-dg {padding: 0px 5px!important; margin: 50px 0px 0px;font-family: "latoregular";}
    .newdash-act{padding: 0px 5px!important;}
    .nw-db-head-left h2{font-size: 18px;}
    .nw-db-head-left button{width:100%;margin-bottom:10px;}
    .nw-db-head-right img {width:152px;margin: 19px 0px 0px;}
    .generla-view-list ul li h3{font-size: 17px;}
    .generla-view-list ul li{width:50%;display: inline-block;border-bottom: 1px solid #ddd7d7;}
    .generla-view-list ul li:nth-last-child(1) {border-right: 1px solid #d6d6d6;}

    .nw-db-head-right img{display:none;}
    .circliful audio, .circliful canvas, .circliful progress, .circliful video{width:100%;}
    .newdash-act{width:100%!important;clear:both;float:left;}
    .circliful audio, .circliful canvas, .circliful progress, .circliful video {width: 100%!important;}
    .nw-progress-mapings .col-md-3 {padding:0px!important;width: 100%;}
    .nw-progress-blcks .col-md-3{padding: 0px 5px!important;}
    .nw-progress-blcks .col-md-3:nth-last-child(1) {padding: 0px 5px!important;}
    .ltst-act-blk-content{margin-bottom:11px;}
    .nw-mapings-blk{height:auto;    padding-bottom: 10px;}
    .nw-mapings-blk img {height: auto;}


    .circle-text, .circle-info, .circle-text-half, .circle-info-half{margin-top:0px;}
    .circle-text {font-size: 22px!important;}
}



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

.experiments-ul{margin-top:20px;}

.custom-three .col-md-2{width:100%;display:inline-block;margin: 8px 0px 0px;}
.custom-card{margin-bottom:0px;}
.exper-counts li {width: 29.6%;margin-bottom: 10px;}
.my-acnt-link {float: left;margin: 12px 0px 0px 3px;}
.tabs-row .nav-tabs li a{width:100%;font-size:14px;}
.tabs-btns li button{width:100%;}
.tabs-btns li {display:inline-block;width: 49%;}
.tabs-btns{width:100%;}
.tabs-row .nav-tabs  li{ width: 100%;border-bottom: 1px solid #6074c6!important;}
.channels ul li{width:100%;margin-bottom:10px!important;}
.channels ul li .input{width:100%!important;}
.channels ul li button{width: 100%!important;}
.channels h3{font-size: 16px;}.channels p{font-size:13px!important;margin-bottom: 13px!important;}
#tab_orgs > thead > tr > th{    font-size: 12px;}
.channels ul li select{width:100%;margin-top:10px;margin-bottom:10px;}
#metrics thead > tr > th{ font-size: 12px;}
.channels ul li .btn-group button{text-align:left;}
.channels .btn-group{width: 100%;}
.channels .table-bordered td i{margin-bottom: 3px;}
.main-tab-outer{padding: 0px 2px!important;}

.my-new-acnt-link{margin: 0px 0px 7px 16px;}
.new-exper-srch {width: 100%;height:35px;margin-bottom: 10px;}
.tabs-row{margin-top: 10px;}
.vexp-header {margin-bottom: 16px!important;}
.nw-exp-fliters h3{margin-bottom: 14px;}
.content .tab-content {padding: 0px 14px;}
.fliters-ul{margin-bottom: 10px;}


.exp-20-nav .navbar-brand img{width: 167px;}
.exp-20-nav .custom-usser-icon{font-size:12px;width:20px;height:20px;padding: 4px;}
.my-new-acnt-link a{margin-top:0px;}
.exp-20-nav .ltst-idea-btn{width: 47%;}
.exp-20-nav .ltst-exp-btn{width: 47%;}
.exp_srh_outer { width: 97%;float: right;}
#main {margin-top:141px;}
.mainContent {margin-top: 18px;}
.experiments-ul{padding:6px 3px;height: 53px;}
.experiments-ul li{margin:10px 11px;}
.exp-presign {padding:30px 0px 0px 9px;}
.valid-input{width: 100%;}
.valid-input button{width:22%;}
.valid-input input{width:76%;}
.acount-table .table > tbody > tr > td, .table > tfoot > tr > td{padding: 6px 8px;}
.latest-act-blk-outer {padding: 0px!important;}
.ltst-act-blk-content{padding: 10px}
.ltst-act-blk-content h3 {margin: 14px 0px 14px 5px;}
}

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

@media screen and (max-height: 450px) {
  .sidenav-xp {padding-top:15px;}
  .sidenav-xp a {font-size:18px;}
 
}

@media only screen and (max-width:400px){
.find-project {margin: -5px 0px 0px;}
.mob_nav .ot-logos li {width: 88px; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { margin-top: -14px!important;}
}
