/*
 *  Document   : themes.css
 *  Author     : pixelcave
 *  Description: The themes stylesheet of the template. The classes can be used to
 *  alter the text, the background or the border color of an element individually
 *
 */

/*
=================================================================
THEME DEFAULT
=================================================================
*/

.themed-color-default {
    color: #1bbae1 !important;
}

.themed-border-default {
    border-color: #1bbae1 !important;
}

.themed-background-default {
    background-color: #1bbae1 !important;
}

.themed-color-dark-default {
    color: #394263 !important;
}

.themed-border-dark-default {
    border-color: #394263 !important;
}

.themed-background-dark-default {
    background-color: #394263 !important;
}

/*
=================================================================
THEME NIGHT
=================================================================
*/

.themed-color-night {
    color: #888888 !important;
}

.themed-border-night {
    border-color: #888888 !important;
}

.themed-background-night {
    background-color: #888888 !important;
}

.themed-color-dark-night {
    color: #333333 !important;
}

.themed-border-dark-night {
    border-color: #333333 !important;
}

.themed-background-dark-night {
    background-color: #333333 !important;
}

/*
=================================================================
THEME AMETHYST
=================================================================
*/

.themed-color-amethyst {
    color: #af64cc !important;
}

.themed-border-amethyst {
    border-color: #af64cc !important;
}

.themed-background-amethyst {
    background-color: #af64cc !important;
}

.themed-color-dark-amethyst {
    color: #583a63 !important;
}

.themed-border-dark-amethyst {
    border-color: #583a63 !important;
}

.themed-background-dark-amethyst {
    background-color: #583a63 !important;
}

/*
=================================================================
THEME MODERN
=================================================================
*/

.themed-color-modern {
    color: #46b7bf !important;
}

.themed-border-modern {
    border-color: #46b7bf !important;
}

.themed-background-modern {
    background-color: #46b7bf !important;
}

.themed-color-dark-modern {
    color: #3b3f40 !important;
}

.themed-border-dark-modern {
    border-color: #3b3f40 !important;
}

.themed-background-dark-modern {
    background-color: #3b3f40 !important;
}

/*
=================================================================
THEME AUTUMN
=================================================================
*/

.themed-color-autumn {
    color: #e67e22 !important;
}

.themed-border-autumn {
    border-color: #e67e22 !important;
}

.themed-background-autumn {
    background-color: #e67e22 !important;
}

.themed-color-dark-autumn {
    color: #4a392b !important;
}

.themed-border-dark-autumn {
    border-color: #4a392b !important;
}

.themed-background-dark-autumn {
    background-color: #4a392b !important;
}

/*
=================================================================
THEME FLATIE
=================================================================
*/

.themed-color-flatie {
    color: #1ec1b8 !important;
}

.themed-border-flatie {
    border-color: #1ec1b8 !important;
}

.themed-background-flatie {
    background-color: #1ec1b8 !important;
}

.themed-color-dark-flatie {
    color: #32323a !important;
}

.themed-border-dark-flatie {
    border-color: #32323a !important;
}

.themed-background-dark-flatie {
    background-color: #32323a !important;
}

/*
=================================================================
THEME SPRING
=================================================================
*/

.themed-color-spring {
    color: #27ae60 !important;
}

.themed-border-spring {
    border-color: #27ae60 !important;
}

.themed-background-spring {
    background-color: #27ae60 !important;
}

.themed-color-dark-spring {
    color: #344a3d !important;
}

.themed-border-dark-spring {
    border-color: #344a3d !important;
}

.themed-background-dark-spring {
    background-color: #344a3d !important;
}

/*
=================================================================
THEME FANCY
=================================================================
*/

.themed-color-fancy {
    color: #d9416c !important;
}

.themed-border-fancy {
    border-color: #d9416c !important;
}

.themed-background-fancy {
    background-color: #d9416c !important;
}

.themed-color-dark-fancy {
    color: #352b4e !important;
}

.themed-border-dark-fancy {
    border-color: #352b4e !important;
}

.themed-background-dark-fancy {
    background-color: #352b4e !important;
}

/*
=================================================================
THEME FIRE
=================================================================
*/

.themed-color-fire {
    color: #e74c3c !important;
}

.themed-border-fire {
    border-color: #e74c3c !important;
}

.themed-background-fire {
    background-color: #e74c3c !important;
}

.themed-color-dark-fire {
    color: #4a2e2b !important;
}

.themed-border-dark-fire {
    border-color: #4a2e2b !important;
}

.themed-background-dark-fire {
    background-color: #4a2e2b !important;
}
/*
=================================================================
THEME ROAD IMAGE
=================================================================
*/

.themed-color-road {
    color: #e74c3c !important;
}

.themed-border-road {
    border-color: #e74c3c !important;
}

.themed-background-road {
   // background-color: #e74c3c !important;
   background-size: 100% 100%;
   /*background-image: url('../../img/front/pages/highway.jpg');
   background-image: url('../../img/front/pages/roadpath.jpg');
   background-image: url('../../img/front/pages/roadpath.jpg');
   background-image: url('../../img/front/pages/klass.jpg');*/
   background-image: url('http://media.myklassroom.com/root/img/classroom.jpg');
    
    
}

.themed-color-dark-road {
    color: #4a2e2b !important;
}

.themed-border-dark-road {
    border-color: #4a2e2b !important;
}

.themed-background-dark-road {
    background-color: #4a2e2b !important;
}



.themed-background-library {
   background-color: #e74c3c !important;
   /*background-image: url('http://media.myklassroom.com/root/img/front/pages/library.jpg');
   background-image: url('../../img/front/pages/library.jpg');*/
   overflow-y: hidden;
   width: 100%;   
}
.themed-background-study{
	background-image: url('http://media.myklassroom.com/root/img/front/pages/study.jpg');
   /*background-image: url('../../img/front/pages/study.jpg');*/
   overflow-y: hidden;
   background-repeat: repeat-x;
   width: 100%;   
}


.themed-background-student {
   // background-color: #e74c3c !important;
    background-size: 100% 100%;
	background-image: url('http://media.myklassroom.com/root/img/front/pages/bench1.jpg');
    /*background-image: url('../../img/front/pages/bench1.jpg');*/
    height:540px;

}

.themed-background-faculty {
   // background-color: #e74c3c !important;
    /*background-size: 100% 100%;
    background-image: url('../../img/front/pages/faculty6.jpg');
    height:560px;*/
	background-image: url('http://media.myklassroom.com/root/img/front/pages/4.png');
   /*background-image: url('../../img/front/pages/4.png');*/
   background-size: 100% 100%;
   


}

.themed-background-lightgray {
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
    background-size: 100% 100%;
    color:#00354f;
}
/*
.themed-background-youtube {background-color: #CC181E !important;}
.themed-background-xls {background-color: #488624 !important;}
.themed-background-pdf {background-color: #A80002 !important;}
.themed-background-ppt {background-color: #DC5013 !important;}
.themed-background-html {background-color: #1BBAE1 !important;}
.themed-background-php {background-color: #5A68A5 !important;}

.themed-background-youtube i{color: #fff;}
.themed-background-pdf i{color: #fff;}
.themed-background-xls i{color: #fff;}
.themed-background-ppt i{color: #fff;}
.themed-background-html i{color: #fff;}
.themed-background-php i{color: #fff;}
*/
.themed-background-youtube i{color: #CC181E;}
.themed-background-pdf i{color: #A80002;}
.themed-background-xls i{color: #488624;}
.themed-background-ppt i{color: #DC5013;}
.themed-background-html i{color: #1BBAE1;}
.themed-background-php i{color: #5A68A5;}

.homepage-splashscreen {
    padding: 10px;
    background: none repeat scroll 0% 0% #fffff0;
    border-radius: 20px;
    width: 90%;
    opacity: .80;
    filter: alpha(opacity=80); 
}


.fxac{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}


.acenter
{
    margin-left: auto;
    margin-right: auto;
}



.stitched {
   padding: 20px;
   margin: 10px;
   background: #ff0030;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}
.transparent {    
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    min-height: 30px;
    padding:30px;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(0, 0, 0, 0.7); 
    -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    overflow: hidden; 
}
.topMargin{margin-top: 200px;}
.themed-background-canvas {
    background-color: #e74c3c !important;
	background-image: url('../../canvas/images/home/faq.jpg');*/
   overflow-y: hidden;
   width: 100%;
}