/* MainAccentColor: #1f3a8c ; BackgroundAccent1: #d7d7d7 (light); Background Accent2: #8c8c8c (dark)*/



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ General

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body{

	margin: 0px;

	padding: 0px;

	background-color: #1f3a8c ;

	font-size: 100%;

    font-family: 'Open Sans'

}



::selection {

    background: #1f3a8c ;

    color: #d7d7d7;

}



::-moz-selection {

    background: #1f3a8c ;

    color: #d7d7d7;

}



	/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	++ Mediaquerys

	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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

		body{

			font-size: 85%;

		}

	}

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

		body{

			font-size: 75%;

		}

	}



hr.s-s_dottedLine {

    border: none;

    border-bottom: dotted #7b7b7b 2px

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Fonts

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h1{

	font-family: 'Roboto Slab';

    color: #8c8c8c;

	font-weight: 100;

	font-size: 1.8em;

    font-style: normal;

}



h2 {

    font-family: 'Roboto Slab';

    color: #8c8c8c;

    font-weight: 200;

    font-size: 1.6em;

    text-align: left

}



h3 {
    color: #8c8c8c;
}



h4 {
    color: #8c8c8c;
}



h5 {
    color: #8c8c8c;
}



h4 {
    color: #8c8c8c;
}



h6 {
    color: #8c8c8c;
}



p, article li{

    font-family: 'Open Sans';

    color: #8c8c8c;

	font-size: 1em;

}




a{

	text-decoration: none;

}



.s-s_Button {

	font-family: 'Lato', sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	padding: 20px;

	background-color:  transparent;

	-webkit-transition: all .2s ease-out;

    -moz-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    cursor: pointer;

	border-width: 3px;

	border-style: solid;

}



.s-s_Button:hover{

	border-width: 3px;

	border-style: solid;

}



.s-s_ButtonRed{

	border-color: #1f3a8c ;

	color: #1f3a8c ;

}



.s-s_ButtonRed:hover{

	background-color:  #1f3a8c ;

	border-color: #1f3a8c ;

	color: white;

}



.s-s_ButtonGrey{

	border-color: #8c8c8c;

	color: #8c8c8c;

}



.s-s_ButtonGrey:hover{

	background-color: #8c8c8c;

	border-color: #8c8c8c;

	color: white;

}



a.s-s_Link {

    font-family: 'Open Sans';

	font-size: 1.0em;

	display: block;

}



a.s-s_underlineLink {

    color: #1f3a8c ;

	text-decoration: underline dotted #1f3a8c ;

}





a.s-s_simpleLink {

    color: #8c8c8c;

	text-decoration: none;

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Inputs (without buttons)

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.s-s_TextField {

    border-radius: 3px;

    padding: 8px;

    background-color: transparent;

    border: solid 2px #d7d7d7;

    color: #8c8c8c;

    outline: none;

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    width: 94%;

}

.s-s_TextField:focus{

	border: solid 2px #8c8c8c;

	color: #8c8c8c;

}



.s-s_Checkbox{

	background-color: green

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Icons

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.s-s_ArrowIcon {

	border-top: none;

	border-left: none;

	border-bottom: 2px solid;

	border-right: 2px solid;

	width: 10px;

	height: 10px;

	transform: rotate(-45deg);

	border-color: #ffffff;

	right: 20px;

	position: absolute;

	margin-top: -15px;

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Table

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



table {
    width: 100% !important;
    text-align: left;
    padding: 10px 15px 10px 15px;
    border: none !important;
}

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

    table {
        padding: 0px;
    }
}


span, tr, td, table {
    color: #8c8c8c !important;
}


.s-s_LeaderInner, .s-s_LeaderTable tr td {
    color: white !important;
}




    /*************calendar*/






    table.calendar {
        border: none;
        width: auto !important;
        color: white !important;
        margin: 0 auto;
        padding: 0px;
    }

        table.calendar tbody td {
            text-align: center;
            width: 40px;
            height: 40px;
            color: white !important;
        }

        table.calendar thead td {
            text-align: center;
            font-weight: 600;
            color: #383838 !important;
        }


        table.calendar .today {
            font-weight: 1000;
        }

        table.calendar .halfday {
            height: 20px;
            width: 40px;
            position: relative;
        }

        table.calendar .weekday {
            z-index: 5;
            display: block;
            position: relative;
            top: 10px;
            height: 0px;
        }

        table.calendar .free {
            background-color: #0da551;
        }

        table.calendar .occupied {
            background-color: #f96e5b;
        }

        table.calendar .pending {
            background-color: #f9bd5c;
        }



    .s-s_prevMonth {
        float: left;
        border: none;
        background-color: transparent;
        text-decoration: underline;
        color: #1f3a8c ;
    }

    .s-s_nextMonth {
        float: right;
        border: none;
        background-color: transparent;
        text-decoration: underline;
        color: #1f3a8c ;
    }


    .s-s_CalendarTitle {
        font-family: 'Open Sans';
        font-size: 20px;
        text-align: center;
        color: #383838 !important;
    }
    /*******************end*/