/*CUSTOM CSS
	PROGRAMADOR: ROSENY BARILLAS
	FECHA: 2017b
*/
html, body{
	height: 100%;
}
textarea{
	width: 100%;
}
body.not-login .page-content .row, body.not-login #breadcrumbs, body.not-login .page-content, body.not-login #navbar{
	background:transparent;
	border: none;
	font-family:"Source+Sans+Pro:700", Source Sans Pro, sans-serif;
}
body.not-login #navbar a.navbar-brand, body.not-login #navbar, body.not-login #breadcrumbs{
	display: none;
}
body.not-login #main-container{
	background:#000000 url(../css/img/backround.jpg) top center no-repeat;
	height: 100%;
	background-size: cover;
}/*uno*/
body.not-login #login-box{
	padding-top: 190px;
}
body.not-login .col-sm-10{
	right: 32px;
}
body.not-login .widget-body .widget-main{
	width: 439px;
	height: 268px;
	background-color:#eb6b5e;
	padding: 18px 11px;
}/*dos*/
body.not-login	.form-control {
	width: 318px;
	height: 34px;
	background-color: #fff;
	margin-left: 48px;
}
body.not-login #login-box .bloc{
	padding-bottom: 15px;
}
body.not-login #login-box .block i {
	left:300px;
	line-height: 35px;
	font-size: 25px;
	right: 25px;
	}
body.not-login .btn-sm  {
	background-color: #000000;
	padding-bottom: 5px;
}
body.not-login .lineas{
	background: #000000 none repeat scroll 0 0;
	border: medium none;
	height: 2px;
	margin-top: 5px;
	width: 318px;
}
body.not-login #login-box .clearfix{
	text-align: center;
}
/*body login*/
body.login #navbar{
	background-color:#98ddf7;
	height:96px;
}
 body.login .ace-nav li.light-blue a, body.not-login .ace-nav li.light-blue a:hover{
	background-color: #98ddf7;
}
 body.login .dropdown-toggle span.user-info{
	font-family:"Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif; 
	font-size:18px;
	color:#000000;
}
body.login li .light-blue .dropdown-toggle:hover{
	background-color: #ffd600;
}
 body.login .dropdown-toggle span.user-info small{
	font-size:12px;
}
body.login .main-content .breadcrumbs{
	background: #f6f8f7;
}
 body.login .nav-list li a, body.login .nav-list li .submenu li a, body.login .nav-list li.open a, body.login .nav-list  li  .submenu li .submenu  li a, body.login .nav-list li .submenu li.open .dropdown-toggle {
	color:#ff675c;
	width: 100%;
	font-size: 15px;
	font-family: "Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif; 
	border-bottom: solid #99def8;
}
body.login .nav-list li a:hover, body.login .nav-list li .submenu li a:hover, body.login .nav-list  li  .submenu li .submenu  li a:hover{
	background:#ffd600;
	color:#ff675c; 
}
body.login .sidebar-shortcuts-large{
	width: 100%;
	background-color: #98ddf7;
	text-align: left;
	padding-left: 8px;
}
body.login .main-content .breadcrumbs{
	background-color: #000000;
	/*margin: 0px 0px 0px 40px;*/
}
body.login .breadcrumb li, body.login .breadcrumb li span{
	padding: 0px 50px 0px 0px;
	font-size:15px; 
	color:#ffffff;
	font-family:"Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif;  
}
body.login .navbar-container .pull-left{
	background-color: #ff675c;
	width:232px ;
	height: 96px;
}
body.login .navbar-container{
	padding: 0px 30px 0px 0px;
}
body.login  div .page-content{
	padding: 25px;
	background-color: #f7f8f9;
}
body.login .page-header h1 {
	padding-left: 50px;
	color:#ff675c;
}
body.login .page-header h1 small{
	padding-left: 20px;
	color:#ff675c;
	font-size: 18px;
}
body.login .col-md-4  label, label{
	color:#0193d7;
	font-family: "Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif; 
	font-size: 18px;
}
body.login .chosen-container .chosen-single, body.login .col-md-4 #colleges{
	background-color: #fff;
	font-family: "Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif;
	font-size: 15px;
	color:#000000; 
}
body.login .chosen-container .chosen-results  li:hover, body.login .chosen-container .chosen-single  li .result-selected:hover {
	 background-color:#ffd600;
	 color:#000000;
	 font-family: "Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif;
}
 
body.login .chosen-container .chosen-results, body.login .col-md-6 input, body.login .chosen-container, body.login .col-sm-5 {
	  font-family: "Source+Sans+Pro:400,600,700", Source Sans Pro, sans-serif;
	font-size: 15px;
}
body.login #btn-blue{
background-image: linear-gradient(to bottom,#0193D7,#0193D7 100%)!important;
}
body.login #btn-blue:hover{
	background-image: linear-gradient(to bottom,#51a7d0,#51a7d0 100%)!important;;
}
body.login .btn-app.btn-success {
	 background-image: linear-gradient(to bottom,#ff675c,#ff675c 100%)!important;
}
body.login .btn-app.btn-success:hover{
	background-image: linear-gradient(to bottom,#000,#000 100%)!important;
}
body.login .btn-app.btn-warning:hover {
	background-image: linear-gradient(to bottom,#ff675c,#ff675c 100%)!important;
}
body.login .btn-app.btn-warning {
	background-image: linear-gradient(to bottom,#ff675c 0,#ff675c 100%)!important;
}
body.login .btn-app.btn-success.no-hover:hover, body.login .btn-app.btn-success.disabled:hover{
	 background-image: linear-gradient(to bottom,#ff675c,#ff675c 100%)!important;
}
body.login .btn.btn-app.btn-xs{
		 border-radius: 0px;
}
body.login .col-md-4 {
	padding-right: 50px;
}
body.login .btn-warning, body.login .btn-warning:focus {
	background-color: #ff675c!important;
	border-color: #ff675c;
}
body.login .btn-danger, .btn-danger:focus {
	background-color: #ff675c !important;
	border-color: #ff675c;
}
/*tablas*/
body.login .dataTables_wrapper .row:first-child, .dataTables_wrapper .row:last-child  {
background-color: #d0f2fe;
}
body.login .row{
	padding: 50px 40px 230px 70px;
}
body.login .row .dataTables_length label{
	 font-size:18px;
	 color: #0193D7;
	 font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;  
	 padding-right: 20px;
}
 body.login .row .dataTables_wrapper label{
	 font-size: 18px;
	 color: #0193D7;
	 float: left;
	 font-family: "Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
}
 body.login .row .dataTables_wrapper label input { 
	border: 1px solid #0193d7;
	color: #0193d7;
	left: 26px;
	margin-left:10px;
	width: 230px;
}
body.login .table-bordered {
	border: 2px solid #99DEF8;
}
body.login .row .dataTables_length select, .dataTables_length label select{
	height: 30px;
	color: #0193D7;
}
body.login .dataTable th.sorting_desc, .dataTable th.sorting_asc{
	background-image: none;
}
body.login .row table thead th.column-one{
	background-color: #98ddf7;
	color: #0193d7;
	border-left: none;
	font-size: 15px;
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
}
body.login .row table thead th.column-two, body.login th.column-four, body.login th.column-six, body.login th.column-eight, body.login th.column-ten, body.login th.column-twelve{
	background-color: #000000;
	color: #ffffff;
	font-size: 15px;
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
}
body.login .row table thead th.column-three, body.login th.column-five, body.login th.column-seven, body.login th.column-nine, body.login th.column-eleven{
	background-color: #98ddf7;
	color: #0193d7;
	font-size: 15px;
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
}/*tres*/
body.login .row table thead th.sorting_asc:hover{
	color:#ff675c;
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
	font-size: 15px;
}
.row table tr{
	border: solid #99DEF8;
	border-left:none;
	border-right: none;
	border-top: none;
}
body.login .row table thead .sorting, .row table tr td, .row .table tbody {
	border-left: solid #99DEF8;
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
	font-size:15px;
}
body.login .row table thead .sorting:hover{
	color: #ff675c;
}
body.login .row .col-xs-12 #table_show{
	border-left: none;
}
body.login .row .visible-md a.red i{
	color:#000000;
}
body.login .row .visible-md a.red i:hover, body.login a.blue i:hover, body.login .row a.gray i:hover, body.login .row a.green i:hover{
	color:#ffd600;
}
body.login .row a.gray i, body.login .row a.green i{
	color:#ff675c;
}
body.login .row .dataTables_info {
	font-family:"Source+Sans+Pro:400,700", Source Sans Pro, sans-serif;
	font-size:14px;
}
body.login .row .pagination li.prev a, body.login .pagination li.next a {
	background-color: #cccccc;
}
body.login .row .pagination li.active a{
	background-color: #fff;  
	color:#000000;
	border:none;
	padding-bottom:8px;
}
body.login .pagination li.prev a:hover, .pagination li.next a:hover {
	background-color: #ffd600;
}
@media (min-width:1600px){
body.not-login #main-container
{
   background-size:100%;
   min-height: 800px;
} 
body.not-login .col-sm-10{
   right: 18px;
	}
body.not-login #login-box{
	padding-top: 256px;
}
}
.navbar .navbar-brand{
	width: 100%;
	height: 100%;
}
body.login .sidebar{
	width: 232px;
}
body.login .main-content{
	margin-left: 232px;
}
body.login .sidebar::before{
	width: 232px;
	background-color: #f7f8f9;
}
.nav-list > li .submenu > li a > [class*="fa fa-"]:first-child{
	background-color: transparent;
}

.close_item{
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
.table-hover>tbody>tr:hover{
	background-color: transparent !important;
}

.table-hover>tbody>tr:hover td, .table-hover>tbody>tr:hover td span i, .table-hover>tbody>tr:hover td a, .table-hover>tbody>tr:hover td a i{
	color: #000 !important;
}

#jssor_1 div.paragraph_slide {
	padding: 0 50px 0 50px; 
	overflow-y: auto !important;
	background-color: #FF675C;
}


/* FOR STUDENT USERS */
body.login.users #sidebar{
	display: none;
}
body.login.users .main-content{
	margin-left: 0;
}
body.login.users .buttoms_dashboard{
	text-align: center;
	margin-bottom: 15px;
}
body.login.users #notes{
	overflow-x: auto;
}

/* RESPONSIVE IPHONE */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	body.not-login .widget-body .widget-main{
		width: 100%;
	}
	body.not-login .form-control{
		width: 100%;
		margin-left: 0;
	}
	body.not-login .lineas{
		width: 100%;
	}
	body.not-login .col-sm-10{
		right: 0;
	}
	body.not-login #login-box .block i{
		right: 0;
		left: 0;
		text-align: left;
	}
	body.not-login #login-box .clearfix .width-35{
		width: 100% !important;
	}
	body.not-login #login-box{
		padding-top: 50%;
	}

	body.login.users .row{
		padding: 0;	
	}
	body.login.users .buttoms_dashboard{
		width: 100%;
		padding: 0;
	}
	body.login.users .col-xs-12{
		padding: 0;
	}
	body.login.users .navbar-container{
		padding: 0;
	}
	body.login.users .navbar-container .pull-left, body.login.users .navbar .navbar-header.pull-right{
		width: 50%;
		float: left !important;
	}
	body.login.users .sidebar-shortcuts-large{
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
	}
	body.login.users .navbar-header .ace-nav{
		background-color: transparent;
		border: 0;
	}
	body.login.users .navbar-header .ace-nav>li{
		border: 0;
		width: 100%;
	}
	body.login.users .navbar-header .ace-nav>li a .user-info{
		height: 100%;
		display: inline;
		margin: 0;
		border: 0;		
		line-height: 15px !important;
	}
	body.login.users .navbar-header .ace-nav>li a .user-info small{
		width: 100%;
    	float: left;
	}

	body.login.users .main-content .breadcrumbs{
		margin: 0;
		padding: 0;
	}
	body.login.users .main-content .breadcrumbs .breadcrumb{
		margin: 0;
    	padding: 0;
	}
	body.login.users .main-content .breadcrumbs .breadcrumb li{
		padding: 0;
	}
	body.login.users table#payments tr{
		width: 100%;
		float: left;
	}
	body.login.users table#payments tr th, body.login.users table#payments tr td{
		width: 50%;
		float: left;
	}
	body.login.users table#payments tr:first-child td:last-child{
		display: none;
	}
	body.login.users .printable .col-md-12{
		padding: 0;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	body.not-login .widget-body .widget-main{
		width: 100%;
	}
	body.not-login .form-control{
		width: 100%;
		margin-left: 0;
	}
	body.not-login .lineas{
		width: 100%;
	}
	body.not-login .col-sm-10{
		right: 0;
	}
	body.not-login #login-box .block i{
		right: 0;
		left: 0;
		text-align: left;
	}

	body.login.users .row{
		padding: 0;	
	}
	body.login.users .buttoms_dashboard{
		width: 100%;
		padding: 0;
	}
	body.login.users .col-xs-12{
		padding: 0;
	}
	body.login.users .navbar-container{
		padding: 0;
	}
	body.login.users .navbar-container .pull-left, body.login.users .navbar .navbar-header.pull-right{
		width: 50%;
		float: left !important;
	}
	body.login.users .sidebar-shortcuts-large{
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
	}
	body.login.users .navbar-header .ace-nav{
		background-color: transparent;
		border: 0;
	}
	body.login.users .navbar-header .ace-nav>li{
		border: 0;
	}

	body.login.users .main-content .breadcrumbs{
		margin: 0;
		padding: 0;
	}
	body.login.users .main-content .breadcrumbs .breadcrumb{
		margin: 0;
    	padding: 0;
	}
	body.login.users table#payments tr{
		width: 100%;
		float: left;
	}
	body.login.users .printable .col-md-12{
		padding: 0;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	body.not-login .widget-body .widget-main{
		width: 100%;
	}
	body.not-login .form-control{
		width: 100%;
		margin-left: 0;
	}
	body.not-login .lineas{
		width: 100%;
	}
	body.not-login .col-sm-10{
		right: 0;
	}
	body.not-login #login-box .block i{
		right: 0;
		left: 0;
		text-align: left;
	}
	body.not-login #login-box{
		padding-top: 0;
	}

	.login.users div.main-content div.page-content div.col-md-12{
		width: 100%;
	}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	body.not-login .widget-body .widget-main{
		width: 100%;
	}
	body.not-login .form-control{
		width: 100%;
		margin-left: 0;
	}
	body.not-login .lineas{
		width: 100%;
	}
	body.not-login .col-sm-10{
		right: 0;
	}
	body.not-login #login-box .block i{
		right: 0;
		left: 0;
		text-align: left;
	}
	.login.users div.main-content div.page-content div.col-md-12{
		width: 100%;
		padding: 0;
	}

	body.login.users .row{
		padding: 0;	
	}
	body.login.users .buttoms_dashboard{
		width: 100%;
		padding: 0;
	}
	body.login.users .col-xs-12{
		padding: 0;
	}
	body.login.users .navbar-container{
		padding: 0;
	}
	body.login.users .navbar-container .pull-left, body.login.users .navbar .navbar-header.pull-right{
		width: 50%;
		float: left !important;
	}
	body.login.users .sidebar-shortcuts-large{
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
	}
	body.login.users .navbar-header .ace-nav{
		background-color: transparent;
		border: 0;
	}
	body.login.users .navbar-header .ace-nav>li{
		border: 0;
	}

	body.login.users .main-content .breadcrumbs{
		margin: 0;
		padding: 0;
	}
	body.login.users .main-content .breadcrumbs .breadcrumb{
		margin: 0;
    	padding: 0;
	}
	body.login.users table#payments tr{
		width: 100%;
		float: left;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	body.not-login .widget-body .widget-main{
		width: 100%;
	}
	body.not-login .form-control{
		width: 100%;
		margin-left: 0;
	}
	body.not-login .lineas{
		width: 100%;
	}
	body.not-login .col-sm-10{
		right: 0;
	}
	body.not-login #login-box .block i{
		right: 0;
		left: 0;
		text-align: left;
	}
	body.not-login #login-box{
		padding-top: 0;
	}

	.login.users div.main-content div.page-content div.col-md-12{
		width: 100%;
	}
}

/*RESPONSIVE ANDROID*/
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}
/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}
/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

}


/* RESPONSIVE TABLETS */
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.login.users div.main-content div.page-content div.col-md-12{
		width: 100%;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}
/*CSS CUSTOM ALEJANDRO*/
.gallery-box {
	margin-bottom: 20px !important;
  }