.bg-flip {background-color: #F68D47 !important;}
html, body {min-width: 100%;min-height: 100%;}
.loginbody {
    background-color: #0c0c0d;  
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: center;
}

.inactive {opacity: 0.3;}

.login-logo {background:  none; width:  100%; display: block; height: auto;/*background-size: 127px 66px; height: 66px; background-position-x: 20px; */ text-align: center; }
.login-logo img {max-width: 100%; height:  auto;margin-bottom: 25px;}
.header-icons a i {border-radius: 18px;}

/*.login-page {margin-top: -39px;}*/
.login-page .button {padding: 12px; font-size: 14px; font-weight: bold; border-radius: 5px;}
.login-page a.office-login:hover {color:#444 !important;}
.footer-menu {display: none;}

.bottom-buttons {float:right; text-align: right;}
.button {text-shadow: none; padding: 5px; border-radius: 5px;}
.button-3d {border-radius: 5px;}
.item-activity .button,
.item-dashboard .button {border-radius: 0;}

.nopadding {padding: 0 !important;}
.nomargin {margin: 0 !important;}

.left {float: left;}
.right {float: right;}
.check {margin-right: 5px;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.textless {padding: 8px 10px 6px; border-radius: 16px;}
.textless i {padding: 0; margin: 0;}

table tr td {padding: 3px 0;}

td ul {padding: 5px 20px; margin:0;}

/* Sidebar */
#sidebar {padding: 0;}
#sidebar li {list-style: none; border-bottom: solid 1px #F7F7F7; padding: 8px 6px; margin: 0;}
#sidebar li:hover {background: #F3F2F2;}
#sidebar a {color: #585858; font-weight: normal;}
#sidebar i {font-size: 15px; color: #fff;padding: 8px 5px; border-radius: 30px; width: 32px; height: 32px; text-align: center; margin-right: 5px;}
/*#main-cont {border-left: solid 1px rgba(0,0,0,0.1);}*/


/* Grid */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {float: left; padding: 15px;}

/* Fixes pantallas pequeñas */
@media only screen and (max-width: 980px) {
    #sidebar {display: none}
    #main-cont {width: 100%; border: 0;}
    .footer-menu {display: block;}

    .footer-ctrl {display: none; opacity: 0}

}

@media only screen and (max-width: 600px) {
	[class*="col-"] {float:none; padding: 15px 0;}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,
	.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {width: 100%;}
}

/* Datatables */
.dataTables_wrapper {margin-bottom: 20px;}
.dataTables_wrapper .dataTables_filter input {border: solid 1px #ccc; margin-bottom: 10px;}
.dataTables_wrapper .dataTables_length select {border: solid 1px #ccc;}

/*¨Link users */

.linkusers label {display: inline-block; margin-right: 10px;}
.linkusers input[type="checkbox"] {display: inline-block;}

/* Nyromodal */
.nyroModalBg {z-index: 100;}
.nyroModalCont {z-index: 200; overflow: hidden !important;}
.nyroModalTitle {z-index: 200;}

/* Notificaciones */
.notifications li {color: #fff;  padding: 5px; margin-bottom: 0; list-style-position: outside;}
.notifications li.success {background: #38AD69; }
.notifications li.warning {background: #B3AB42;}
.notifications li.error {background: #C35757;}
.notifications li p {margin: 0 0 0 10px;}

/* Instituciones */

#hotdata {display: none; }
#tablecont { margin-bottom: 20px;}
#tablecont table {border-bottom: solid 1px #ccc;}

.htSelectEditor {
	padding: 5px 7px;
	position: absolute;
	/*
	* This hack enables to change <select> dimensions in WebKit browsers
	*/
	-webkit-appearance: menulist-button !important;
}

.select2-hidden-accessible {display: none;}


/* Chosen */
.chosen-with-drop .chosen-drop{
    position: relative;
}

.chosen-container{
    width: 95%;
}

.chosen-container-multi .chosen-choices {
    max-height: 300px;
    overflow: scroll;
}

@media (min-width:600px){
	.chosen-container{
        width: 405px;
    }
}

/*Responsive Video*/
.responsive-video{
	display:block;
	width:95%;
    margin: auto;
	margin-bottom:30px;
}

@media (min-width:600px){
    .responsive-video{
        width: 400px
    }
}

/*Tags*/
ul.tagit{
    display:block;
    min-height: 30px;
    margin: auto;
	margin-bottom:30px;
    width: 95%;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

@media (min-width:600px){
    ul.tagit{
        width: 400px;
    }
}

/*Tags + Questionnaire*/
.new-questionnaire ul.tagit{
    display:block;
    min-height: 30px;
    margin: auto;
	margin-bottom:15;
    width: 100%;
    box-shadow: 0 0 0px rgba(0,0,0,0);
    border: solid 1px #ccc;
    background: #fff;
}

.new-questionnaire ul.tagit li.tagit-choice {
    margin-top: 6px;
}

@media (min-width:600px){
    .new-questionnaire ul.tagit{
        width: 100%;
    }
}

/*Tags + NewVideo*/
.new-video ul.tagit{
    display:block;
    min-height: 30px;
    margin: auto;
	margin-bottom:15;
    width: 100%;
    box-shadow: 0 0 0px rgba(0,0,0,0.5);
    border: 1px solid black;
}

@media (min-width:600px){
    .new-video ul.tagit{
        width: 100%;
    }
}


/*Tooltip*/
.ui-tooltip{
    z-index: 99!important;
}

/*Footer Controls*/
.footer-controls{
    display: none;
    text-align: center;
    white-space: nowrap;
    padding: 0px 15px
}

@media (min-width:980px){
    .footer-controls{
        display: block;
    }
}
.footer-controls li:first-child {
    margin-left: 0;
}

.footer-controls li {
    transition: margin 300ms ease-in-out;
}

.footer-ctrl {
    position: fixed;
    bottom: -2px; 
    z-index: 100;
    cursor: pointer;
    display: none;
    transition: background-color 300ms ease-out;

}
.footer-ctrl i {
    font-size: 24px;
    margin: 28px 7px;
    color: #a8a8a8;
}

.footer-ctrl.footer-ctrl-left {
    left:0;
}

.footer-ctrl.footer-ctrl-right {
    right:0;
}

.footer-ctrl.footer-ctrl-left:hover {
    background: linear-gradient(270deg, transparent 0%, #ffffff 80%);
}

.footer-ctrl.footer-ctrl-right:hover {
    
    background: linear-gradient(90deg, transparent 0%, #ffffff 80%);
}

/*Select container on new questionnaire*/
.question-item-content .chosen-container{
    width: 100%;
}

.new-questionnaire #datos, .new-questionnaire #edit, .new-questionnaire #url-video{display: none;}
.hiddenfile {width: 0px; height: 0px; overflow: hidden;}

.cke_dialog_body table tr td {padding-left: 5px;}
.cke_dialog_body .cke_dialog_footer {background: #eee !important;}
table.cke_dialog  tr:hover td {background: inherit;}
.cke_toolgroup {padding: 0 !important;}
.cke_button__textfield {display: none !important; background-color: #2ecc71!important; color: white!important;}
.cke_button__textfield:hover{background-color: #27ae60!important;}
.cke_dialog_tab[title="Subir"]{!important; background-color: #2ecc71!important;}
.question-item[tipo="3"] .cke_button__textfield {display: inline-block !important;}
a.cke_button {padding: 4px !important;}
.cke_dialog_ui_fileButton{background-color:#3f8edf!important; color:#FFFFFF!important;text-shadow: none;}
.cke_dialog_ui_fileButton span{color:#FFFFFF!important}

/*Toggle*/
.switch-1 {
    width: 82px!important;
    height: 30px;
}
.switch-1-on span {
    transform: translateX(54px);
    -webkit-transform: translateX(54px);
}

.flowplayer .fp-time{
    width: 50px!important;
    height: 30px;
    position: absolute!important;
    bottom: 0px!important;
}


/*Datatable*/
.dataTables_wrapper{
    top: 15px;
}
.dataTables_length, .dataTables_filter{
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 10px;
}

table.dataTable tfoot td{
    
}

.classroom_msg {text-align: justify !important; font-size: 12px; margin-bottom: 0; line-height: 19px; padding: 5px 10px;color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; margin-top: 12px; border: solid 1px;}



#infoMessage div {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 24px;
}

#infoMessage div p {color: #8a6d3b;}

#successMessage div {
    color: #123e23;
    background-color: #e3fce4;
    border-color: #1d3c06;
    padding: 15px;
    margin-bottom: 24px;
}

#successMessage div p {color: #123e23; margin: 0;}

.sharecheck input,.mobilecheck input  {width: auto; float: left; margin-right: 10px;}
.sharecheck span,.mobilecheck span  {float: left; margin-top: 5px;}
form h4 {margin-bottom: 4px;}

#form-contact {
    width:  400px;
    margin:  0 auto;
}

#form-contact input {
    display: block;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    width: 98%;
    line-height: 100%;
    color: #666666;
    margin-bottom: 20px;
    border-radius:  3px;
}
#form-contact textarea {
    display: block;
    width: 98% !important;
    padding: 20px;
    line-height: 45px;
    line-height: 100%;
    border: solid 1px #cacaca;
    color: #666666;
    border-radius: 0px; 
    resize: none;
}